1. Visual Hierarchy — Arrange elements so users perceive importance immediately (size, contrast, spacing). See Tufte, “The Visual Display of Quantitative Information.”

  2. Consistency — Use consistent grids, typography, color, iconography, and interaction patterns to reduce cognitive load (Nielsen Norman Group on UI consistency).

  3. Simplicity & Minimalism — Remove unnecessary elements; prioritize content and primary actions (Hick’s Law; Norman, “The Design of Everyday Things”).

  4. Alignment & Spacing — Use proper alignment, whitespace, and padding to create clarity and breathable layouts.

  5. Typography & Readability — Choose legible typefaces, appropriate sizes, line length and contrast; establish clear typographic scale.

  6. Color & Contrast — Apply a coherent palette, maintain accessible contrast ratios (WCAG 2.1), and use color purposefully for hierarchy and affordance.

  7. Visual Balance & Rhythm — Balance symmetry/asymmetry, repeat patterns and spacing to create predictable flow.

  8. Affordance & Signifiers — Make interactive elements look interactive; use visual cues (shadows, borders, motion) to indicate behavior (Norman’s affordances).

  9. Feedback & Microinteractions — Provide immediate, subtle feedback for actions (loading states, success messages, hover effects) to reassure users.

  10. Accessibility-first Design — Design for screen readers, keyboard navigation, color blindness, and scalable layouts; test with real assistive tech (WCAG guidelines).

  11. Imagery & Iconography — Use purposeful, consistent imagery and icons that match brand tone and improve comprehension.

  12. Responsive & Adaptive Layouts — Ensure aesthetic integrity across devices; prioritize content and adapt interactions for each context.

  13. Motion with Purpose — Use animation sparingly to support transitions and provide context; avoid gratuitous motion that distracts or harms usability.

  14. Brand Coherence — Reflect brand personality through visual language while keeping usability paramount.

  15. Test & Iterate — Validate aesthetics with users (A/B tests, preference testing, usability testing) and iterate based on measurable outcomes.

References: Donald Norman, The Design of Everyday Things; Jakob Nielsen / NNGroup articles on UX heuristics; WCAG 2.1 accessibility guidelines; Edward Tufte, The Visual Display of Quantitative Information.

Back to Graph