UX Writing: How to Write Microcopy for Buttons, Errors and Empty States
Practical UX writing rules with before-and-after examples for buttons, form labels, error messages, empty states, confirmations and notifications.
UI/UX Design
UI/UX design articles: wireframes, prototypes, usability heuristics, colour, typography, personas, accessibility and design systems – practical and beginner-friendly.
User Personas: How to Create Ones Your Team Will Actually Use
How to create user personas from real research, what to include and leave out, a worked example, and how to…
Mobile App Design Basics: Touch Targets, Thumb Zones and Navigation
Core rules for mobile app design: touch target sizes from Apple, Material and WCAG, thumb-friendly layouts, bottom navigation, safe areas…
Information Architecture and Card Sorting for Beginners
What information architecture is, how to run an open or closed card sort, how to read the results and how…
Form Design UX: Rules for Forms People Can Finish
Practical form design rules: fewer fields, clear labels, one column, helpful errors and sensible buttons, with a checklist you can…
Design Handoff to Developers: A Checklist for Designers
A practical design handoff checklist: tidy Figma files, states and edge cases, tokens, responsive rules, Dev Mode, annotations and working…
Dashboard Design: How to Show Data People Can Act On
Design dashboards people can act on: start from decisions, choose the right charts, build a clear hierarchy, add context and…
Wireframe vs Mockup vs Prototype: What Each Is and When to Use It
Wireframes, mockups and prototypes answer different questions. Learn what each one is, how detailed it should be and when to…
Web Accessibility Basics: A Beginner’s Guide to WCAG 2.2
A beginner-friendly guide to web accessibility and WCAG 2.2: the four principles, levels A/AA/AAA, key checks for designers and developers,…
UX vs UI Design: The Real Difference, Explained with Examples
UX is how a product works for people; UI is how it looks and feels on screen. Learn the difference…