Et godt interaktionsdesign består af flere elementer, fx typografi og fonte
Ved at opbygge hjemmesiden hierarkisk rent typografisk (som vi kender det fra interaktionsdesign med primære, sekundære og tertiære funktioner) kan læseren ledes gennem sidens tekst. Det gøres med overskrifter, fed tekst, store/små bogstaver, farver eller kursiv tekst.
Når man kender det budskab, der skal kommunikeres, og når man kender målgruppen, kan fonten vælges. Undgå at skifte fonte undervej (gerne mellem overskrift og brødtekst). Hvis der er noget som skal fremhæves, gøres det med fed eller kursiv.
STORE BOGSTAVER
små bogstaver
Kursiv
Et andet element i god interaktionsdesign er brugen af kontrast, som er et godt redskab i layout. Kontrast kan sammen med typografien bruges til at understøtte det hierarki, vi vil have læseren skal føle.
Der er forskellige typer kontrast i redskabskassen, formkontrast og farver.
Formkontraster er fx stor ift. lille, firkantet ift. rund, lodret ift. vandret.
Læs mere om formkontrast her
Farvekontrast opnås ved at vælge farver langt fra hinanden på farvecirklen, fx gul og blå. Farver kan bruges til at understøtte det udtryk man forsøger at kommunikere. En mørk farve påvirker en lys til at se lysere ud og omvendt.
Farver forbindes med forskellige ting. Det er subjektivt, hvilke værdier der læses ind i de forskellige farver, så man kan kun opstille retningslinjer.
Læs mere om farvekontrast her
Søg på nettet efter logoer fra tre forskellige burgerbarer. Hvilke farver bruges i de fleste logoer?
Undersøg hvilke farver, der er brugt i Danske Banks logo og beskriv de følelser, der kan knyttes til farverne.
Sammenlign logoerne fra DR og TV2. Hvilke farver bruges, og hvad kan begrundelsen for farvevalget være?
I design af brugergrænseflader arbejder vi også med gestaltlovene, som viser hvordan vi opfatter former, og dermed organisere fx hjemmesider:
Gestaltloven om nærhed
Gestaltloven om lighed
Gestaltloven om lukkethed
Gestaltloven om kontinuitet og symmetri
Gestaltloven om figur/baggrund (prægnans)
Gestaltloven om forbundenhed
Gestaltlovene
1. Kend din målgruppe, din bruger og din brugers præferencer
Vær bevidst om, hvad dit IT-produkt skal kommunikere.
Få tidligt klarlagt brugsmønstre
2. Primære funktioner skal være i fokus.
Opbyg funktionerne overskueligt.
Lav logisk mapping.
Brug ikoner og standardiserede funktioner
3. Vejled brugeren
Lav et grafisk hierarki (udnyt kontraster, farver).
Brug gestaltlovene om lighed og om lukkethed.
4. Test dit design.
Gennemfør brugerinterviews og få feedback.
Lav rollespil i projektgruppen
5. Undgå blink og rulletekster
Fjern irrelevant information
Vær varsom med at bruge lyd, blink og effekter