Concepts
Core UX and product design concepts explained clearly — from mental models and affordances to cognitive load and design thinking.
64 articles
Accessibility in UX: Designing for Everyone
Accessibility in UX means designing digital products that are usable by everyone, including people with disabilities.
Aesthetic-Usability Effect: Why Good-Looking Designs Feel Easier
The aesthetic-usability effect makes attractive interfaces seem more usable. What the research says, where it stops, and how it can mislead your tests.
Affordances vs. Signifiers: The Invisible Language of Design
Discover the crucial difference between Affordances (what an object can do) and Signifiers (the signal that tells us how to do it) to create intuitive and easy-to-use interfaces.
ARIA vs. Semantic HTML: The Golden Rule
Understand the difference between native semantic HTML and ARIA attributes, and learn why the first rule of accessibility is to not use ARIA if a native alternative exists.
Atomic Design: Building UIs from the Ground Up
Atomic design is a methodology for creating reusable component libraries by breaking interfaces into five hierarchical levels: atoms, molecules, organisms, templates, and pages.
Breakpoint vs. Container Queries: Component-Based Design
Learn the difference between designing for screen width (Breakpoints) and designing for container width (Container Queries), and how this revolutionizes component design.
Choice Architecture and Ethical Nudges: Designing Without Pushing Blindly
What choice architecture and the nudge are according to Thaler and Sunstein, when a default helps, and what the evidence says about transparency.
Cognitive accessibility: designing for attention and memory
Cognitive accessibility makes an interface understandable without relying on perfect memory or attention. Principles, W3C patterns, examples, and mistakes.
Cognitive Biases in UX: Anchoring, Framing, and Defaults
Anchoring, framing, and the default effect change how people judge value and decide. What the evidence says, how to use them in design and research, and limits.
Cognitive Load: Why Simpler Is Always Better
A measure of mental effort required to use a product; lower cognitive load means easier to use.
Color in UI: Meaning, Contrast, and System
Color signals states and actions but must never be the only signal. What WCAG 1.4.1, 1.4.3 and 1.4.11 require, the red-green risk, and palette structure.
Conflict Resolution in Collaboration: UI and UX
Learn how to design interfaces and user flows that elegantly manage editing conflicts when multiple users work simultaneously on the same product.
Consistency and Standards: Internal, External, and When to Break Them
Consistency keeps people from wondering whether two words or actions mean the same. Internal vs external consistency, Jakob's law, and when to break a rule.
CRDT Basics for Product Designers
Discover why CRDTs are the technology that enables applications like Figma or Notion, and how they affect the way you design collaborative and offline-first interfaces.
Dark Patterns: What They Are and Why to Avoid Them
Dark patterns are deceptive design techniques that trick users into taking actions against their interests for benefit to the business.
Design Ethics in Product Design: Beyond Dark Patterns
What design ethics in product design is, why it goes beyond dark patterns, and how to decide when an interface persuades legitimately or manipulates.
Design Principles
Design Principles are a set of brief, clear, and memorable guidelines that articulate the core values that should guide a team's design work.
Design System
A Design System is a collection of reusable UI components, guided by clear standards (principles, style guides), that enables teams to design and build digital products in a coherent and efficient manner.
Designing for Perceived Performance: Faster Than Light
Learn how design can make your application feel faster than it really is, using cognitive psychology techniques and visual tricks.
Designing for Trust: Credibility in the Interface
What credibility in an interface means, how users judge it according to Nielsen Norman Group and Stanford, and which design signals actually support it.
Doherty Threshold: The Pace That Keeps Focus
The Doherty threshold suggests responding within 400 ms so nobody waits on the system. What the IBM study says, what Kent Beck criticizes, and how to apply it.
Emotional Design: Don Norman's Three Levels
Don Norman proposes three levels of design: visceral, behavioral, and reflective. The evidence behind them, how to apply them, and where they turn manipulative.
Error Prevention vs. Recovery: A Forgiving Interface
Learn to design interfaces that prevent user errors before they occur and offer clear recovery paths when failure is inevitable.
Feedback and Feedforward: The Interface That Responds and Anticipates
Feedback confirms what happened after an action; feedforward anticipates what will happen before it. What NN/g says about system status and response times.
Fitts's Law: Reach and Ergonomics in UI
Learn how Fitts's Law influences the speed and accuracy of user movement to select targets in a digital interface, improving the ergonomics of your designs.
Fogg Behavior Model: Motivation, Ability, and Prompt
What BJ Fogg's B=MAP model says, how to design for motivation, ability, and prompts, and which criticisms to weigh before applying it to a product.
Foundations of the Accessibility Tree: How Machines See
Learn what the Accessibility Tree is and why it is the foundation of how screen readers and other assistive technologies interpret your interface design.
Gestalt Principles for UX Designers
Gestalt principles describe how humans naturally perceive and organize visual information into meaningful patterns and groups.
Goal-Gradient Effect: Why We Speed Up as We Near the End
The goal-gradient effect says motivation rises as you near a goal. What the evidence shows, how to use progress bars without backfiring, and the ethical limit.
Haptic Feedback Principles: Feeling the Interface
Learn how designing tactile (haptic) responses can improve interaction speed, accessibility, and user delight in your mobile applications.
Hick's Law: Decision and Response Time
Learn how Hick's Law influences user decision-making and how to reduce response time by simplifying options in your digital interface.
Inclusive Design vs. Accessible Design: Why Both Matter
Accessible design removes barriers for people with disabilities; inclusive design considers the broadest possible range of human diversity from the start.
Information Architecture
Information Architecture (IA) is the practice of deciding how to organize, structure, and label the content of a digital product in a way that is understandable and allows users to find information and complete tasks efficiently.
Interaction Cost: The Effort Users Pay
Nielsen Norman Group's interaction cost: the mental and physical effort users pay, how it relates to Tesler's law, and how to reduce it safely.
Internationalization (i18n): designing for multiple languages from the start
Internationalization (i18n) prepares a product for several languages, formats, and text directions before translation. Learn what it covers and what to avoid.
Intrinsic Sizing Behavior in UI
Learn how intrinsic sizing works in digital interface design to create components that intelligently adapt to their real content.
Jakob's law: why users expect what they already know
Jakob's law says users expect your site to work like the ones they already know. What it means, Nielsen's examples and when to break the pattern.
Mental Models of Undo and Redo: Time in the Interface
Learn how users perceive time travel in digital interfaces through Undo and Redo models, and how to design them for complex collaborative environments.
Mental Models: Designing for How Users Think
A mental model is the internal framework users build about how a system works, shaped by past experiences and expectations.
Microinteractions: The Details That Make the Product
What microinteractions are, Dan Saffer's four parts, and how to design feedback, animation, and error states that do not slow the user down.
Miller's law and the 7±2 myth: how much information fits in memory
Miller's law says memory handles about seven items. Why that number is misread, what Cowan corrects (about four chunks) and how to group information.
Mobile-First Design: Principles and Practice
Mobile-first design is an approach that prioritizes designing for mobile devices first, then progressively enhancing for larger screens.
Nielsen's 5 Components of Usability
Jakob Nielsen's five components of usability: learnability, efficiency, memorability, errors, and satisfaction, and how to use them to evaluate a design.
Peak-End Rule: How People Remember an Experience
The peak-end rule says people remember an experience by its most intense moment and its end, not its length. The evidence, its limits, and how to apply it.
Postel's Law: Liberal With What You Receive, Strict With What You Send
Postel's law says to accept imperfect input and send consistent output. What it means for forms, its limits, and why Internet engineers revisited it.
Progressive disclosure: show only what is needed
Progressive disclosure shows the essentials first and moves advanced options a click away. What it is, when it works and how to avoid hiding what matters.
Real-Time Presence Modeling: Collaborative UX
Learn to design effective presence indicators (cursors, avatars, activity) so that your users feel they are working together in real-time within your digital product.
Responsive design: fundamentals that have not gone out of date
Responsive design adapts an interface to any screen with fluid grids, flexible images and media queries. Its 2010 fundamentals still hold up today.
Serial Position Effect: First and Last Items Are Remembered Best
The serial position effect makes us remember the first and last items in a list better than the middle ones. What it means for menus, lists, and messages.
Skeleton VS Optimistic UI: Loading Strategies
Learn the difference between Skeleton Screens and Optimistic UI, and how to choose the best loading strategy to improve the perceived performance of your digital product.
Status Awareness in UI
Learn to design interfaces that keep the user always informed about the current state of the system and each component to reduce uncertainty and errors.
Tesler's law: the complexity nobody can eliminate
Tesler's law says every system has complexity that cannot be eliminated, only moved. Learn its origin, what it recommends and how to decide who carries it.
The Command Pattern in Product Design
Move from designing static screens to designing dynamic flows based on encapsulated actions through the Command Pattern, the technical foundation of modern and collaborative interfaces.
Token Architecture (Global vs. Semantic vs. Component)
Discover how to structure a robust design token architecture using the three-layer model (Global, Semantic, and Component) to create scalable and maintainable design systems.
Token Parity Across Multiple Platforms
Learn how to achieve design token parity across Web, iOS, and Android to ensure a consistent brand experience and accelerate multiplatform development.
Typography for UI: Readability Before Style
Typography for interfaces puts readability first: size, line length, line height and contrast. What WCAG 1.4.8, 1.4.12 and 1.4.3 ask for and how to apply it.
User-Centered Design: The Foundation of Everything
An approach where user research and user needs drive every design decision from start to finish.
UX vs UI Design: What's the Real Difference?
UX focuses on how a product works and feels, while UI focuses on how it looks visually.
Variables vs. Styles in Figma: Strategies and Trade-offs
Discover the key differences between Figma Variables and Figma Styles to decide which is best for your design system and prototyping workflows.
Visual Hierarchy VS DOM Hierarchy: Accessibility
Learn the difference between what the user sees and what the browser reads, and how to align visual hierarchy with the DOM for flawless accessibility in your product.
Visual Hierarchy: Guiding Users Through Your Design
Visual hierarchy is the arrangement of design elements to guide users' attention toward the most important information or actions.
Von Restorff Effect: What Stands Out Gets Remembered
The von Restorff effect says the item that differs from a similar set is remembered better. What Hedwig von Restorff studied, how to use it, and where it fails.
WCAG explained for designers: levels A, AA and AAA
WCAG are the W3C's web accessibility guidelines. What the A, AA and AAA levels mean, their four principles and which level a designer should aim for.
Zeigarnik Effect: The Power of the Unfinished
The Zeigarnik effect suggests we remember unfinished tasks better. What the 1927 study found, why replication fails, and how to use progress cues fairly.