Designprincipper (konsistens, feedback, affordans)

Informatik C · STX · C-niveau · Interaktionsdesign

💻 Designprincipper (konsistens, feedback, affordans)

UI/UX-designprincipper baseret på kognitiv psykologi + brugerstudier (Nielsen, Norman).

Konsistens (Consistency): lignende elementer ser ens ud + opfører sig ens. Knapper har samme farve + form på alle sider. Genvejstaster (Ctrl+S) virker globalt.

Resultat: brugere lærer mønstre + overfører viden.

Feedback: systemet skal vise hvad der sker — knaptryk → farveskift, indlæsning → spinner, fejl → rød besked. Apple's Human Interface Guidelines + Material Design (Google) standardiserer.

Affordans (Affordance, Gibson 1979, populariseret af Norman): element ser ud til at kunne det, det kan. Knap ser klikkebar ud (skygge, hover-effekt), input-felt ser udfyldelig ud (border, placeholder).

Anti-eksempel: "flat design" tabte affordance — tekst der ligner knapper men ikke er klikkebare → forvirrer brugere.

Andre principper: Synlighed (Visibility) — tilgængelige funktioner er synlige.

Skjult komplexitet — kraftige features kan gemmes (Settings-menu).

Forventning (Mental model) — match brugerens forventninger (papirkurv-ikon = slet).

Fejl-tolerance — undo (Ctrl+Z), bekræftelses-dialoger for destruktive handlinger.

Norman's 7 principles — fra "The Design of Everyday Things". Fundament for moderne UX.

Læringsmål

• Anvende designprincipper (konsistens, feedback, affordans)
• Vurdere brugbarhed (usability)
• Lave bruger-test (think aloud, A/B-test)
• Anvende tilgængelighed (WCAG 2.1)
• Designe for skærmlæsere og tastaturnavigation

Sådan kan du arbejde med emnet

• Forklar, hvad de tre designprincipper konsistens, feedback og affordans indebærer
• Analyser en hjemmeside du kender og identificér et eksempel på hvert princip
• Diskutér, hvad der sker med brugeroplevelsen, hvis konsistens mangler i et interface

Arbejd iterativt med prototyper og dokumentation. Test, evaluér og dokumentér.