Developer S.Developer S.

UX Level Test

Two versions of the same screen, one better than the other. Pick the one you would ship. There are 30 questions in three levels — fundamentals, interaction and feedback, patterns and accessibility — and after each answer you get the reason: the WCAG rule, platform guideline or UX principle behind it. The A and B positions are shuffled every time, so you can't win by guessing a pattern.

Runs entirely in your browser · Updated · by Srue, backend engineer · 한국어로 보기

What the 30 questions cover

The concepts behind each level. The answers stay hidden until you play.

Level 1 · Beginner — UX fundamentals

Level 1
AreaConcept
ButtonsDescriptive labels
TypographyReadable text
ColourColour contrast
FormsForm labels
TouchTouch targets
SpacingSpacing and density
IconsIcon + text
ConsistencyConsistency
TextText overflow
StatesDisabled state

Level 2 · Intermediate — Interaction and feedback

Level 2
AreaConcept
FormsChoosing a selection control
FeedbackInline errors
FeedbackLoading states
NavigationInformation architecture
FormsSmart defaults
FeedbackToasts
NavigationBreadcrumbs
Empty statesEmpty states
ModalsInline expansion
PasswordsLive validation

Level 3 · Advanced — Patterns and accessibility

Level 3
AreaConcept
PatternsUndo over confirm
AccessibilityDon't rely on colour
PatternsProgressive disclosure
Micro-interactionsVisual feedback
LayoutMobile first
Dark patternsAvoiding dark patterns
Cognitive loadVisual hierarchy
Fitts's lawFitts's law
GestaltLaw of proximity
Error preventionError prevention

The principles that come up most

Contrast and colour

WCAG AA asks for at least 4.5:1 contrast for body text, and says colour must never be the only way to show a state. Light grey text and red-versus-green status dots both fail real users.

Targets and distance

Touch targets should be at least 44×44 pt (Apple) or 48×48 dp (Material). Fitts's law works the other way too: keep destructive actions small and away from the primary button.

Feedback and recovery

Show errors next to the field, show progress while loading, and prefer Undo over “Are you sure?” — people stop reading confirmation dialogs after the first few.

Less on screen at once

Progressive disclosure, clear visual hierarchy and Gestalt proximity all reduce how much people have to hold in their head. Hide the advanced, group the related, enlarge the important.

Sources

Frequently asked questions

How long does the UX level test take?

Each level has 10 questions and takes about three to five minutes. You can play the three levels separately.

Is the answer always the same letter?

No. The two designs are shuffled between A and B every time you start a level, so the position of the better design is random.

Who is this test for?

Developers who build interfaces without a designer, junior designers, and product people who want a quick check of their UX instincts. No design tools or prior knowledge needed.

Are my answers stored anywhere?

No. The quiz runs entirely in your browser; nothing you choose is sent to a server.

Where do the answers come from?

From published standards and well-documented principles: WCAG 2.2, Apple's Human Interface Guidelines, Material Design, and research collected by the Nielsen Norman Group. Each explanation names the principle it relies on.