306 words and professional terms for UX/UI designers, covering visual interface qualities, UX research, design systems, delegation, and organizational influence.
The intentional process of shaping how a digital product looks, behaves, and solves a user problem.
dɪzˈaɪn
feedback
Comments or reactions from users, stakeholders, or teammates that help improve a product decision.
ˈfiːdbæk
icon
A compact visual symbol that represents an object, action, or product concept in an interface.
ˈaɪkɑːn
layout
The spatial arrangement of content and controls within a screen or page.
ˈleɪaʊt
menu
A grouped list of destinations or actions available to the user.
mˈɛnju
page
A distinct content view in a website or web application.
pˈeɪdʒ
website
A connected collection of web pages designed to serve user and business goals.
wˈɛbsaɪt
component
A reusable interface building block with defined structure, behavior, and states.
kəmˈpəʊnənt
grid
A system of columns, rows, and gutters used to align content consistently.
ɡrɪd
hierarchy
The ordering of interface elements by visual importance so users know what to notice first.
ˈhaɪərɑːrki
interaction
An exchange between a user and a product through an action and the product’s response.
ˌɪntərˈækʃn
prototype
A testable representation of a product flow used before full implementation.
ˈpɹoʊtəˌtaɪp
interface
The visible and interactive layer through which a user operates a product.
ˈɪntərfeɪs
color
A visual property used to communicate meaning, emphasis, state, and brand identity.
ˈkʌlər
font
A specific visual design for letters and characters used in interface typography.
fɑːnt
present
To explain a design solution to teammates or stakeholders.
ˈprɛzənt
demonstrate
To show how a feature or interaction works in practice.
ˈdɛmənˌstreɪt
walk through
To guide an audience through a design one step at a time.
highlight
To draw attention to an important design decision or change.
ˈhaɪˌlaɪt
explain
To make the reason behind a design choice clear.
ɪkˈspleɪn
focus on
To direct attention to one part of a design or discussion.
mockup
A polished visual representation of a screen before implementation.
ˈmɑːkʌp
draft
An early version created for discussion and feedback.
dræft
version
A particular state of a design after a set of changes.
ˈvərʒən
change
A modification made to a screen, component, or flow.
ʧeɪnʤ
update
A newer design state that includes recent decisions.
ˈəpˌdeɪt
option
One possible design choice among several alternatives.
ˈɔpʃən
state
A visual condition of a component during a specific interaction.
steɪt
header
The top section of a page or screen, often containing navigation or a title.
ˈhɛdər
footer
The bottom section that contains secondary links or information.
ˈfʊtər
sidebar
A vertical panel used for navigation, filters, or supporting content.
ˈsaɪdˌbɑr
navigation
The controls and structure that help users move through a product.
ˌnævəˈgeɪʃən
label
Text that names a field, control, or piece of information.
ˈleɪbəl
field
An interface control where users enter or select information.
fild
input
A control that accepts information from the user.
ˈɪnˌpʊt
card
A container that groups related content and actions.
kɑrd
modal
A temporary layer that asks the user to focus on one task.
ˈmoʊdəl
dropdown
A control that reveals a list of choices when opened.
ˈdrɑːpdaʊn
tooltip
A small message that explains an unfamiliar control or term.
ˈtuːltɪp
simple
Describes a design with few steps, elements, or decisions.
ˈsɪmpəl
complex
Describes a design with many relationships, rules, or user decisions.
ˈkɑmplɛks
consistent
Describes elements that follow the same visual and behavioral rules.
kənˈsɪstənt
aligned
Describes elements positioned along a shared edge or baseline.
əˈlaɪnd
centered
Describes an element positioned equally between surrounding edges.
ˈsɛntərd
balanced
Describes a composition whose visual weight feels evenly distributed.
ˈbælənst
bright
Describes a color or surface with high visual intensity.
braɪt
dark
Describes a color, surface, or theme with low lightness.
dɑrk
confusing
Describes an interface that makes the next action uncertain.
kənfˈjuzɪŋ
scroll down
To move the visible content lower on a page or screen.
wide
Extending across a large horizontal distance.
waɪd
narrow
Having little horizontal space from one side to the other.
ˈnɛroʊ
wider
Having more horizontal space than another version or previous state.
ˈwaɪdər
narrower
Having less horizontal space than another version or previous state.
ˈnɛroʊər
large
Occupying a substantial amount of visual space.
lɑrʤ
small
Occupying a limited amount of visual space.
smɔl
oversized
Larger than the surrounding layout or purpose requires.
ˈoʊvərˌsaɪzd
undersized
Smaller than required for clarity, balance, or comfortable interaction.
ˈəndərˌsaɪzd
tall
Having a comparatively large vertical dimension.
tɔl
short
Having a comparatively small height or length.
ʃɔrt
thick
Having a relatively large stroke, border, or material width.
θɪk
thin
Having a relatively small stroke, border, or material width.
θɪn
full-width
Stretching across the complete width of its available container.
compact
Using limited space efficiently while remaining usable.
ˈkɑmpækt
spacious
Having generous room around content and controls.
ˈspeɪʃəs
tight
Having less space between elements than feels comfortable.
taɪt
cramped
Uncomfortably crowded because too much content occupies too little space.
kræmpt
misaligned
Not positioned on the intended shared edge, axis, or baseline.
ˌmɪsəˈlaɪnd
left-aligned
Positioned along a common left edge.
right-aligned
Positioned along a common right edge.
top-aligned
Positioned along a common top edge.
bottom-aligned
Positioned along a common bottom edge.
stacked
Arranged vertically in a sequence.
stækt
two-column layout
A layout that divides content into two vertical sections.
single-column layout
A layout that places content in one vertical sequence.
full-screen
Occupying the entire available display area.
sticky
Remaining attached to an edge while the surrounding content scrolls.
ˈstɪki
persistent
Remaining visible or available throughout a flow or screen state.
pərˈsɪstənt
proportional
Sized in a balanced relationship to surrounding elements.
prəˈpɔrʃənəl
prominent
Visually emphasized enough to attract attention before secondary content.
ˈprɑmənənt
subtle
Present but intentionally low in visual emphasis.
ˈsətəl
bold
Strong in weight, color, or visual emphasis.
boʊld
dominant
Having the greatest visual weight within a composition.
ˈdɑmənənt
secondary
Lower in importance or visual emphasis than the primary element.
ˈsɛkənˌdɛri
competing
Demanding attention at the same time as another important element.
kəmˈpitɪŋ
cluttered
Containing too many visible elements or unnecessary details.
ˈklətərd
clean
Visually simple, organized, and free from unnecessary decoration.
klin
minimal
Using only the essential content, controls, and visual treatment.
ˈmɪnəməl
busy
Containing many elements, colors, or patterns that compete for attention.
ˈbɪzi
harsh
Uncomfortably strong in contrast, color, edge, or visual treatment.
hɑrʃ
vibrant
Having strong, lively color intensity.
ˈvaɪbrənt
muted
Reduced in color intensity or contrast to create lower emphasis.
mˈjutɪd
coherent
Consistent and logically connected in appearance or behavior.
koʊˈhɪrənt
inconsistent
Not following the same visual or behavioral rule in comparable places.
ˌɪnkənˈsɪstənt
readable
Easy to read because of appropriate size, spacing, contrast, and line length.
ˈridəbəl
legible
Clear enough for individual letters and symbols to be distinguished.
ˈlɛʤəbəl
visible
Able to be seen clearly in the current state or context.
ˈvɪzəbəl
hidden
Not currently visible or placed where users are unlikely to discover it.
ˈhɪdən
low contrast
Having little visual difference between foreground and background.
high contrast
Having a strong visual difference between foreground and background.
clickable
Visually communicating that an element can be selected or activated.
ˈklɪkəbəl
obvious
Immediately understandable without explanation or trial and error.
ˈɑbviəs
early-stage
Belonging to an initial phase when ideas and direction are still being explored.
high-fidelity
Closely representing the intended final visuals, content, and interactions.
low-fidelity
Using simple structure and minimal styling to explore an idea quickly.
directional feedback
Feedback about the overall concept or approach rather than visual polish.
visual feedback
Feedback focused on color, typography, spacing, hierarchy, and composition.
clarifying question
A question asked to understand the goal, context, or intended behavior before giving feedback.
interactive
Responding to user actions rather than only presenting static information.
ˌɪnərˈæktɪv
passive
Requiring observation or reading without active participation.
ˈpæsɪv
immersive
Creating a strong sense of involvement in an experience.
ɪˈmɜːrsɪv
distracting
Pulling attention away from the content or action that matters most.
dɪˈstræktɪŋ
clear
Easy to understand because the structure, wording, or visual priority is unambiguous.
klɪr
crowded
Containing too many visible elements for the available space.
ˈkraʊdɪd
empty
Containing too little content or visual structure for the intended composition.
ˈempti
usable
Able to be used effectively and comfortably for the intended task.
ˈjuːzəbəl
polished
Refined enough that details, spacing, and interactions feel intentionally finished.
ˈpɑːlɪʃt
production-ready
Complete and documented enough to be implemented or released with confidence.
cartoony
Using exaggerated shapes or playful treatment that resembles a cartoon.
kɑːrˈtuːni
clunky
Awkward in appearance or interaction because elements feel heavy or poorly coordinated.
ˈklʌŋki
modern
Following current visual and interaction conventions without unnecessary decoration.
ˈmɑːdərn
elementary
Looking basic or insufficiently developed for the intended professional context.
ˌeləˈmentəri
mature
Showing considered judgment, restraint, and a strong understanding of priorities.
məˈtʃʊr
unfinished
Missing refinement, states, content, or details required for completion.
ˌʌnˈfɪnɪʃt
muddy
Lacking visual separation because nearby colors or values are too similar.
ˈmʌdi
grayscale
Using only black, white, and shades of gray.
ˈɡreɪskeɪl
neutralized
Intentionally reduced in color intensity or contrast to lower visual emphasis.
ˈnuːtrəlaɪzd
distinct
Clearly different from surrounding elements in appearance or purpose.
dɪˈstɪŋkt
excessive
Greater in amount or intensity than the design needs.
ɪkˈsesɪv
streamlined
Reduced to the essential steps and elements needed for a task.
ˈstriːmlaɪnd
succinct
Expressing the necessary information clearly with very little content.
səkˈsɪŋkt
controlled
Applied with deliberate limits and consistent rules.
kənˈtroʊld
straightforward
Easy to understand because the path and choices are direct.
ˌstreɪtˈfɔːrwərd
decorative
Added mainly for visual effect rather than for function or meaning.
ˈdekərətɪv
functional
Designed primarily to support a clear task or practical purpose.
ˈfʌŋkʃənəl
aesthetic
Pleasant in visual composition, color, or style.
esˈθetɪk
wonky
Noticeably uneven, misaligned, or awkward in a casual way.
ˈwɑːŋki
redundant
Repeating information or functionality without adding value.
rɪˈdʌndənt
smooth
Moving or changing continuously without abrupt visual jumps.
smuːð
pixelated
Showing visible square pixels because an image lacks sufficient resolution.
ˈpɪksəleɪtɪd
crisp
Having sharp, well-defined edges and readable details.
krɪsp
uniform
Following the same dimensions, spacing, or treatment throughout a set.
ˈjuːnəfɔːrm
uneven
Varying unintentionally in spacing, size, alignment, or visual weight.
ʌnˈiːvən
rounded
Having curved rather than sharp corners or edges.
ˈraʊndɪd
outlined
Drawn with a visible border and little or no solid fill.
ˈaʊtlaɪnd
filled
Rendered with a solid interior color rather than only an outline.
fɪld
The question map shows all the topic's questions and how well you have learned them.
NewMasteredNot learned
Send feedback
Search
Cookie Policy
This site uses cookies for personalization and ensuring the proper functioning of the site. By continuing to use this site, you confirm your agreement to use cookie files. If necessary, familiarize yourself with the terms of their processing.
