UX, wireframes og brugertest
Fra skitse til testet løsning — sådan designer du til rigtige mennesker, ikke kun til din egen smag
Et website eller en app kan se prangende ud og alligevel svigte fuldstændig, hvis brugeren ikke kan finde rundt. UX — user experience, brugeroplevelse — er disciplinen, der sikrer, at en digital løsning er til at forstå og betjene. I digital media møder design og adfærdspsykologi hinanden, og gode UX-beslutninger bygger på observation af rigtige brugere, ikke på din egen mavefornemmelse.
§Fra idé til wireframe
Før noget bliver flot, skal det være tydeligt. Et wireframe er en forenklet skitse af en side eller skærm — kasser, streger og enkel tekst, uden farver eller endeligt design. Formålet er at lægge strukturen fast: hvor sidder menuen, hvad er den vigtigste handling på siden, i hvilken rækkefølge møder brugeren indholdet. Fordi et wireframe er hurtigt at lave og lige så hurtigt at rette, kan du afprøve flere strukturer, før du bruger tid på det visuelle udtryk.
§Lo-fi og hi-fi prototyper
- 01Lo-fi-prototype — grov, ofte i gråtoner, fokuserer udelukkende på struktur og flow. Billig at lave om.
- 02Hi-fi-prototype — med rigtige farver, skrifttyper og billeder, klikbar som den færdige løsning. Bruges til at teste det nære endelige udtryk.
- 03Klikbar prototype — flere skærme koblet sammen, så en testperson kan 'bruge' løsningen, før en eneste linje kode er skrevet.
§Brugertest — hvorfor gætteri ikke er nok
Uanset hvor erfaren du er, kan du ikke se din egen løsning med en ny brugers øjne — du ved allerede, hvordan den virker. Derfor er brugertest en kerneaktivitet i UX-arbejdet: du sætter en rigtig person foran prototypen, giver dem en opgave, og observerer, hvor de tøver, klikker forkert eller giver op. Ifølge usability-forskeren Jakob Nielsen (Nielsen Norman Group) afslører test med blot fem testpersoner typisk omkring 85 procent af de mest markante usability-problemer i en løsning — flere testpersoner giver aftagende udbytte, fordi de samme problemer går igen.
§Metoder til at afdække problemer
| Metode | Hvad den viser |
|---|---|
| Modereret brugertest | En facilitator observerer en bruger løse opgaver live og spørger ind undervejs |
| Umodereret fjerntest | Brugeren løser opgaver alene via et testværktøj, ofte optaget på skærm |
| A/B-test | To varianter af en side vises til forskellige brugere for at se, hvilken der performer bedst |
| Kortsortering (card sorting) | Brugere grupperer indhold selv, og viser hvordan de forventer et menupunkt skal hedde og ligge |
| Heuristisk gennemgang | En erfaren UX'er vurderer løsningen ud fra kendte principper for brugervenlighed uden en testperson |
§Tilgængelighed er en del af UX
God UX kan ikke skilles fra tilgængelighed. En løsning, der kun virker med mus, udelukker brugere, der navigerer med tastatur. En løsning uden alternativ tekst til billeder udelukker brugere af skærmlæsere. Tænk tilgængelighed ind som en del af brugeroplevelsen fra første wireframe, ikke som noget, der lappes på til sidst.
§Fra test til iteration
En brugertest er kun værd noget, hvis resultaterne bruges. Saml observationerne, prioriter de problemer, flest brugere støder på, og ret designet til, før du tester igen. UX-arbejde er en cirkel, ikke en lige linje: design, test, ret til, test igen. Det er den cirkel, der forvandler en teoretisk god idé til en løsning, der faktisk virker for de mennesker, den er lavet til.
“Du er ikke din bruger. Det, du synes er indlysende, kan være uigennemskueligt for den, der ser løsningen for første gang.”
— Faglig betragtning om brugertest i UX-arbejde