Gestalt Principle: Common Fate (Using Coordinated Motion in Design to Associate Relations)
The law of common fate says elements moving together are perceived as a group. What it is and how motion, animation and interaction design put it to work.
Page 5 of 6. Articles 49 to 60 of 62, newest first. Pick a topic in the bar above to narrow down.
The law of common fate says elements moving together are perceived as a group. What it is and how motion, animation and interaction design put it to work.
Alignment is the simplest principle of good layout. The types of alignment, why edge alignment beats centering, real interface examples and a free PDF.
Affordance means an object's physical properties suggest how it is used. What it is, why it makes products efficient, and how to apply it in UI design.
Accessible design lets anyone use a product fully. Learn the four traits (perceivable, operable, simple, forgiving) with examples from Fortnite and Xbox.
Satisficing is a decision-making behavior where users settle for a satisfactory solution instead of a better solution which would require more effort.
The Pareto principle says 80% of effects come from 20% of causes. How to find the 20% of features users rely on and give them priority in your UX design.
The 7 elements of design are point, line, shape, form, space, color and texture. Each one explained with real interfaces, plus a free printable infographic PDF.
Cognitive dissonance is the discomfort of holding conflicting beliefs. How people reduce it, and how UX copy, branding, pricing and free trials use it.
The rule of thirds divides a composition into a 3 by 3 grid and places key elements on the lines or intersections. Why it works and how to use it.
In this article, we will look into how we can analyze our product by comparing cost and benefit. We will learn more about cost-benefit analysis in design.
The aesthetic usability effect: people judge attractive designs as easier to use. Why it happens, what research shows and where form over function fails.
Repetition, rhythm, movement, balance, proportion, white space, contrast, emphasis, hierarchy, variety and unity, explained with examples and a free PDF.