Husk de 5 gestaltprincipper
Jeff Johnson er administrende direktør i UI Wizards som er et usability konsulenthus med fokus på optimering af produkter. Kurset har titlen; Psychological Basic for UI Design Rules og han starter sit oplæg med at gennemgå gestaltprincipperne for visuel perception.
Disse principper vil altid gælde, hvilket ifølge Jeff er essentielt at holde for øje hver gang man designer et website.
Ved at følge gestaltlovene, vil brugeren igennem visuelle virkemidler forstå og afkode informationer hurtigere og mere effektivt, således at brugeroplevelsen på websitet i sin helhed er positiv.
De 5 gestaltprincipper
1. Princippet om Figur og Baggrund
Den mindste, afgrænsede figur på arealet vil brugeren opfatte som den primære figur.
2. Princippet om Nærhed
Symboler, som er anbragt nær hinanden, opfattes som hørende sammen.
3.Princippet om Lighed
Symboler, der ligner hinanden, opfattes som hørende sammen.
4.Princippet om Lukkethed
Symboler, som står i samme ramme, opfattes af brugeren som hørende sammen.
5.Princippet om Forbundethed
Symboler, der er forbundet, opfattes som hørende sammen.
Råd om farver:
Brugeren kan ikke skelne mellem pastelfarver, brug ikke farvepaletter der ligner for meget hinanden,
Tag højde for rød/grøn farveblindhed:
- 8 % af alle mænd er farveblinde
- 0,5 % alle kvinder er farveblinde
Undgå udelukkende at bruge farver som navigation, men suppler med former og figurer
Sørg for at designe features så folk ikke er afhængige af farverne for at forstå sitet.
Jeff går videre med at give eksempler på e-handelssites, hvor feedback ved fejlindtastning er så ringe, at brugerne får følelsen af, at det er dem som er dumme, men i virkeligheden er det webstets system som er designet uhensigtsmæssigt og forkert. Det gælder for cirka 40 % af alle e-handelssite, at brugeren forlader websitet, på grund af at brugervenligheden i købsprocesen og specielt de fejlmeddelser der dukker op ved forkert indtastning i formularer.
Fejlbeskeder på websitet:
Design fejlmeddelse således at brugerne ser dem, det vil sige tæt på hvor fejlen sker. F.eks ved log-in: brug rød som fejlmeddelse og symboler istedet for tekst og placer fejlmeddelelsen lige ved siden af det felt hvor indtastningen ikke bliver accepteret.
- Anvend eventuellle lyde ved fejlindtastning, således vil brugeren reagere med det samme, hvis brugeren ikke har lyd på deres computer, anvend pop-up boks eller en flash features der giver opmærksomhed . Det kan være en enkelt rød streg om boksen der har en blinkende funtion.
Men sørg for at lade det være diskret, så ikke brugeren bliver irreteret.
- Gør det visuelt klart hvilke fejl der mangler at blive løst inden brugeren kan
- færddiggøre deres handlinger f.eks udfyldning af formular.
-
Intuiativt Interface
Lad ikke interfacet få brugeren til at skulle tænke for meget. Jo færre klik, jo bedre.
Struktureret information er lettere at afkode, brug derfor tabeller, bullets points eller andre symboler til at strukturere indhold.
F.eks visuelt hieraki vil få brugeren til hurtigere at nå deres mål.
Mange af Jeffs eksempler er der ikke så meget nyt i, men som han siger, er det bare vigtigt hele tiden at huske disse ting og arbejde med dem aktivt i designprocessen.
Jeff har nogle gode praktiske eksempler som kan ses på deres website
