Skip to content

Bad Design Academy UI/UX

Work with us

UI/UX lessons

34 short lessons in 7 topics. Read one, then test yourself.

Your progress

0 of 34 lessons complete

Learning paths

Pick one 1 page

Cheat sheet

1

Visual Foundations

Color & Contrast

Laws of UX

Nielsen's Heuristics

Forms & Microcopy

Accessibility & Trust

Typography & Spacing

Your results

Stars & certificate

All lessons

Search lessons

1. Visual Foundations

01Visual hierarchyRead →02Law of ProximityRead →03AlignmentRead →04Consistency & standardsRead →05WhitespaceRead →

2. Color & Contrast

06WCAG 2.2 AA contrastRead →07Von Restorff effectRead →0860-30-10 ruleRead →09Don't rely on color aloneRead →

3. Laws of UX

10Fitts's LawRead →11Hick's LawRead →12Miller's LawRead →13Jakob's LawRead →14Serial position effectRead →

4. Nielsen's Heuristics

15User control & freedomRead →16Visibility of system statusRead →17Help users recover from errorsRead →18Match the real worldRead →19Recognition over recallRead →

5. Forms & Microcopy

20Helpful error messagesRead →21CTA copyRead →22Visible labelsRead →23Ask only what you needRead →24Empty statesRead →

6. Accessibility & Trust

25WCAG 2.2 target sizeRead →26Visible focusRead →27Alt textRead →28Peak-end ruleRead →29Trust signalsRead →

7. Typography & Spacing

30Line lengthRead →318-point spacing gridRead →32Type scaleRead →33Mobile body text sizeRead →34Line heightRead →