UI/UX Design Vocabulary

Vocabulary flashcards focusing on key UI/UX terminology, core stages of Design Thinking, interface principles, and form controls covered in the lecture notes.

User Interface (UI)

The visible and interactive layer through which a person communicates with a digital product, including visual and interactive elements.

User-Centered Design (UCD)

An iterative design process in which designers focus on the needs, preferences, behaviors, and limitations of end users throughout product development.

Grid System

A structured framework used for placing elements on a screen to maintain alignment, spacing, and consistency across different screens.

Visual Hierarchy

The arrangement of design elements in a way that guides the user's attention according to their importance.

Mobile-First Design

An approach where the interface is designed for smaller mobile screens first and then adapted for larger screens such as tablets and desktops.

User Experience (UX)

The overall quality of a person's interaction with a product, service, or system, encompassing emotions, effort, expectations, usability, accessibility, and satisfaction.

Color Theory

The study of how colors are selected, combined, and used in design to create visual meaning and improve communication.

Design Thinking

An iterative, human-centered problem-solving methodology used to understand user needs, challenge assumptions, and create innovative solutions.

Empathize

The first stage of Design Thinking focused on understanding the user's needs, behaviors, goals, and pain points.

Define

The second stage of Design Thinking where research information is converted into a clear, focused, and human-centered problem statement.

Ideate

The third stage of Design Thinking where a wide variety of possible solutions are generated without judging them too early.

Prototype

The fourth stage of Design Thinking where a simplified version of a solution is created to learn and test ideas.

Test

The fifth stage of Design Thinking where prototypes are evaluated with representative users by observing them during realistic tasks.

Typography

The art and technique of arranging letters and text so that content is legible, readable, and visually appealing.

Layout

The arrangement of visual elements on a screen to provide balance, alignment, and clear organization.

Input Fields

Form elements that allow users to enter information such as name, email, password, comments, or numbers.

Checkboxes

Form controls used to select zero, one, or multiple independent options.

Radio Buttons

Form controls used when a user must select exactly one option from a mutually exclusive group.

Toggles / Switches

Form controls representing a binary ON/OFF state that usually take effect immediately.

Submit Buttons

Form controls that collect entered form data and send it to the server for processing.

Select / Drop-down Menus

Space-saving form controls that display a list of options when clicked.