Saltar al contenido
AKOS
Todos los packs
StableUXuniversal-principles-of-design

Universal Principles of Design

Operationalizes the cross-disciplinary design principles most useful in software that aren't already carried by other AKOS packs: Gestalt grouping, the 80/20 rule, progressive disclosure, chunking, confirmation, forgiveness, flexibility-usability tradeoff, performance load, and kin. This pack is the *connective tissue* — many entries here generalize what specific packs prescribe.

design-theorygestalt80-20progressive-disclosureforgivenesschunking

Principios

  • · UP1 — Proximity: things near each other read as related. Spacing *is* information architecture (RP8, ER13).
  • · UP2 — Similarity: things that look alike read as the same kind. Consistent component styling = free categorization; violating it (two styles, one meaning) = false categories.
  • · UP3 — Common region: enclosure (cards, backgrounds) groups powerfully — and expensively (separation ladder: use after proximity).
  • · UP4 — Continuity & alignment: elements on a line read as a sequence; fewer alignment edges = calmer, clearer structure.
  • · UP5 — Closure: users complete partial patterns — truncation with ellipsis, cropped cards signaling scrollability ("peek" affordances) exploit this legitimately.

Patrones

  • · Users misgroup elements → check which cue fires falsely: equal spacing across unrelated items (proximity lie), same styling across different kinds (similarity lie), one box around two concepts (region lie).
  • · Related things feel scattered → add the *weakest sufficient* cue: nudge proximity before drawing boxes.
  • · Alignment audit: count vertical edges on the screen; more than ~3 primary edges = visual disorder regardless of spacing.
  • · Quarterly: pull usage analytics; list top-5 actions vs their click-depth and polish. Any top-5 action deeper than 2 interactions is a finding.
  • · Any surface where the rare crowds the frequent (advanced fields inline, edge-case buttons in toolbars) → disclose or demote.

Riesgos

  • · Ver anti-patrones específicos del dominio en el pack.

Checklist

  • [ ] Grouping cues truthful: spacing ratios, style-kind mapping, enclosures all report real relationships. (UD1–UD3)
  • [ ] Top-5 actions ≤2 interactions from natural context. (UD6)
  • [ ] Destructive actions carry forgiveness beyond confirmation (undo/trash/drafts), incl. storage-layer support. (UD9)
  • [ ] Delayed consequences surfaced (quota, sends, jobs, billing). (UD12)
  • [ ] ≤3 primary alignment edges per screen; grid discipline. (UD4)
  • [ ] Layer stacking disambiguated (scrim/elevation). (UD5)

Fuentes

En la bibliografía AKOS