Directional Design Principles
Five rules for designing pages that decide where the eye goes, instead of hoping.
A page either directs attention or surrenders it. There is no neutral. Here are the five principles I use to keep a layout in charge of where the eye goes.
1. One primary action per view
If everything is emphasized, nothing is. Every screen should have a single most important thing to do, and the design should make that obvious within a second. Secondary actions exist — they just never compete.
2. Lines connect, they do not decorate
A line drawn between two elements claims they are related. Use that. A rule that connects a metric to its label, or a path that links one step to the next, is doing structural work. A line that is just there to look technical is clutter.
3. Negative space is a tool, not leftover
Space is how you create emphasis without adding ink. Tight, dense sections build tension; airy ones release it. Alternating the two gives a page rhythm, and rhythm is what keeps people scrolling.
4. Motion carries information
Movement should mean something: progress, direction, priority, change. If an animation does not answer a question the user is already asking, it is noise.
5. Restraint is the premium signal
Two accent colors, used like punctuation. One consistent motion language. A type scale that holds. The cheapest-looking sites are the ones doing the most; the most expensive-looking ones are doing the least, perfectly.
Direction is not a style you apply at the end. It is a decision you make on every element: is this guiding attention, or just occupying space? Answer honestly and the page designs itself.