FBLA UX

Effective Design Principles

Fundamental concepts that guide layout, color, typography, and spacing for clear, usable design.

Movement (Design Principle)

The way a viewer’s eye travels across a page or screen; often controlled by visual hierarchy.

Balance (Design Principle)

The distribution of visual weight in a design; can be symmetrical or asymmetrical.

Emphasis (Design Principle)

Drawing attention to a specific element to highlight its importance.

Unity (Design Principle)

A sense of harmony between all parts of the design; everything feels connected.

Line

A design element that directs attention, separates sections, or creates structure.

Color

A visual element that conveys mood, creates contrast, and organizes information.

Shape

A closed contour that defines space and can be geometric or organic.

Texture

The look or feel of a surface; can add visual interest or simulate physical feel.

Target Audience

A specific group of people for whom a product or message is designed.

Media Selection

Choosing the best platform or tools (web, social, print) for reaching your audience.

Graphic Design Vocabulary

Terms related to layout, typography, color, and visual hierarchy used in design.

Image Resolution

The amount of detail in an image, usually measured in DPI or PPI.

Image Size

The dimensions of an image in pixels or inches.

File Format

The way image data is stored (e.g., JPEG, PNG, SVG), affecting quality and usability.

Effective UX Design Factors

Clarity, consistency, feedback, accessibility, and user control that improve user experience.

Web Page Layouts

Common structures like F

Readability

The ease with which users can read and understand web content.

Serif Fonts

Fonts with small lines at the ends of characters; often used for print or formal contexts.

Sans Serif Fonts

Fonts without end strokes; commonly used on screens for clarity.

Points (Typography)

A unit of measurement in typography; 1 point = 1/72 of an inch.

Leading

Vertical spacing between lines of text.

Kerning

The spacing between individual letters in a word.

Tracking

Uniform spacing applied across a range of characters or words.

Baseline Shift

Moving text above or below the text baseline to change alignment or emphasize.

User

Centered Design

Importance of UX Design

Determines how usable, enjoyable, and successful a digital experience is.

Effective UX Impact

Leads to higher engagement, conversions, and user satisfaction.

Ineffective UX Impact

Causes frustration, poor usability, and high bounce rates.

Search Engine Optimization (SEO)

Techniques used to increase visibility of a site in search engine results.

SEO Techniques

Keywords, alt text, meta descriptions, semantic HTML, fast load times.

Web Terminology

Terms like domain, URL, HTML, CSS, and hosting relevant to websites.

Web Security

Practices to protect websites from vulnerabilities, attacks, and data loss.

Web Security Flaws

Common risks like XSS, SQL injection, and insecure data transfer.

HTML

The markup language used to structure web content.

CSS

The stylesheet language used to define the presentation of HTML content.

JavaScript

A scripting language used to make web pages interactive.

Responsive Design

A design method that adjusts layout and content across screen sizes and devices.

Emerging Web Design Trends

Innovations like dark mode, microinteractions, neumorphism, and voice UI.

Emerging Technology Effects

Influence of AR, AI, and mobile

Mobile App Growth

The increasing role of mobile apps in daily life and business.

Mobile vs Desktop Needs

Differences in screen size, connectivity, and interaction methods.

Empathy (UX)

Understanding the user's feelings, motivations, and needs.

Need Definition

Identifying and articulating the user’s core problems and goals.

Ideation

Brainstorming and generating ideas to solve user problems.

UX Research

Gathering information through user interviews, surveys, and testing.

Prototypes

Early models of a product used for testing ideas.

Testing (UX)

Validating design decisions through user feedback and interaction.

Design Process (Overview)

Empathize, Define, Ideate, Prototype, Test — a standard UX design workflow.

Role of Color

Conveys emotion, brand identity, and focus within content.

Color Psychology

The study of how colors affect perceptions and behaviors.

Contrasting Colors

Colors that stand out from each other and improve readability.

Complementary Colors

Colors opposite on the color wheel that enhance contrast.

Analogous Colors

Colors next to each other on the color wheel that provide harmony.

UX/UI Careers

Jobs like UX Designer, UI Designer, Interaction Designer, and Information Architect.

Industries Impacted

Fields like healthcare, education, finance, gaming, and e

ADA (Americans with Disabilities Act)

Law that mandates accessibility for people with disabilities.

Accessible Web Design

Creating digital content that can be used by people with visual, auditory, motor, or cognitive impairments.

Accessibility

Inclusive design practices that ensure content can be used by all users.

Alt Text

Descriptive text added to images to aid screen reader users.

Legal vs Ethical Use

Understanding that something may be legal but still inappropriate or unethical in design.

Software Licensing

Agreements that define how software can be used and shared.

Copyright

Legal protection of original works, restricting use without permission.

Intellectual Property

Creations of the mind protected by law, including designs, text, and code.

Public Domain

Content not protected by copyright and free to use without permission.

Creative Commons

A licensing system allowing creators to share work with certain rules.

Creative Commons Licenses

Licenses like CC BY, CC BY

Fair Use

Limited use of copyrighted content for purposes like education, criticism, or commentary.

Obtaining Permission

Contacting the copyright owner to get consent to use protected content.