Cheat sheet · Beginner · 5 min
Interface design rules cheat sheet
Structure, hierarchy, states and words in one place. 4 sections, 17 entries.
- Structure
- Hierarchy
- States
Entries 17
Lab · Beginner · 40 min
Lab: Redesign in greyscale
Rebuild a busy screen without colour to force hierarchy, then add one accent.
- A dashboard uses six colours, three filled buttons and no clear primary action; users say it is confusing.
Tasks 3
Learning path · Beginner · 6h
Interface design that people can use
From a job to be done to a tested interface: structure, hierarchy, states, copy and a usability test.
- Design interfaces that guide people to their goal, with clear hierarchy, complete states and words that help.
- Skills: Defining the job and the primary action, Visual hierarchy and layout, Designing every state, Interface copy, Running a usability test
Time 6h

Instant delivery after paymentLicence stated on every productRe-download anytime from My LibrarySecure checkout — Polar or FungiesNew products every week

Products GamingNew Subscriptions Deals Membership Licensing

Search

Interface design rules cheat sheet

Lab: Redesign in greyscale

Interface design that people can use