Beginner3 min
What is a design system?
A shared library of components, styles and guidelines that keeps a product consistent and makes it faster to design and build.
Steps
- Define colours, type and spacing
- Build reusable components
- Document how and when to use them
- Keep design files and code in sync
Related: UI/UX Design
Beginner3 min
How many users do I need for a usability test?
Five users per round find most usability problems. Test, fix, then test again with five more.
Steps
- Pick one or two key tasks
- Recruit five representative users
- Watch and note where they struggle
- Fix the problems and repeat
Related: UI/UX Design
Intermediate5 min
What is WCAG and which level do I need?
The Web Content Accessibility Guidelines define how to make sites usable for people with disabilities. Level AA is what most laws and procurement teams expect.
Steps
- Check colour contrast
- Label every input and image
- Make everything usable by keyboard
- Test with a screen reader
Related: UI/UX Design
Beginner2 min
Wireframe, mockup or prototype: what is the difference?
A wireframe shows structure, a mockup shows the visual design, and a prototype is clickable so you can test the flow with real people.
Steps
- Wireframes for layout and content
- Mockups for look and feel
- Prototypes for testing with users
- Build only after testing
Related: UI/UX Design