Design Note
A UI design reference system that explains everyday interface patterns and why they work through typography, grids, visual hierarchy, interactions, and core design principles.
Interaction Design 01 Dynamic Content from the MDX
This is the first ever content rendered from the MDX which is 100% dynamic. Whatever you see here is coming staight out of the file and not hardcoded anywhere in the html. :)
5m Views Interaction Design 02 Hick’s Law
Why too many choices slow users down and how simplifying options improves decision-making.
5m Views
User Experience 03 Visual Hierarchy
Why some elements grab attention first, and how design guides the eye without users noticing.
5m Views
Usability Testing 04 Feedback Makes Interaction Feel Real
Why interfaces need to respond instantly to user actions, even in small ways.
5m Views
User Interface 05 The F-Pattern Scan
Why users don’t read websites linearly, and how scanning behavior shapes layout decisions.
5m Views
User Research 06 Why Buttons Look Clickable
How visual cues signal interactivity and reduce hesitation in user interfaces.
5m Views