Design af interaktion

Når vi taler design af mere komplicerede IT-opgaver, er det ikke nok at planlægge, programmere og evaluere. Så skal man designfaserne igennem flere gange. Netop evalueringsfasen vil afsløre, hvor der skal laves ændringer, udvidelser og forbedringer. En sådan gentagende arbejdsproces kaldes iterativ. Når man laver ændringer, udvidelser og forbedringer, arbejder man inkrementelt.

I webdesign benytter vi os netop af en designproces, vi kalder den iterative designproces. Den er kendetegnet ved at være cyklisk, dvs. man går tilbage i processen flere gange undervejs i designprocessen. 

Den iterative designproces 

1. Identificer behov og krav

Her skal de præcise behov og krav til brugernes interaktion fastlægges. 

Et behov eller et problem kan være et udækket behov, et dilemma eller en interessekonflikt. Altså hvad er det som programmet, hjemmesiden eller appen skal løse, hjælpe med eller gøre nemmere? Identifikationen af behovet og kravene er udgangspunkt for hvilken retning designprocessen tager.  

For at kunne identificere kravene mere præcist skal man analysere og identificere brugerne, en brugeranalyse hvor man definerer primær, sekundær og tertiær bruger. For at få en forståelse for brugernes behov anvendes forskellige teknikker, fx interviews eller research.  

Denne fase har 3 underdele: formuler krav, identificer målgruppen samt identificer persona og scenarium. 

A. Formuler kravene til app'en eller websitet, fx et website som sælger tøj, der skal være et betalingsmodul, som accepterer kreditkort og mobilpay, tøjet der sælges er unisex, så der skal ikke være kategorier til mænd og kvinder (andre kategorier?), etc.  

Segmentsvariable 

Det kan desuden være en god ide at bruge andre segmenteringsvariable såsom alder, bopælsområde, uddannelse, arbejde, livsfase, etnicitet, religion, sport, interesser, etc. Desuden kan der bruges bløde variabler som er til jazz, kører motorcykel, mountainbike, elsker at programmere, etc.  

Hvilket segment hører jeres lærer hjemme i? 

Hvilket segment tilhører I selv? 

3. Byg interaktiv version 

Formålet med denne fase er at skabe en version af designet, som er tilstrækkelig god til at kunne evaluereres. Det er vigtigt, at versionen er interaktiv, så den kan afprøves af en bruger. 

Der skelnes mellem tre forskellige prototyper, som har nogle af det færdige systems (hjemmeside eller app) egenskaber:    

• Papirprototype 

• Fysisk prototype

• En kørende prototype

Papirprototype er lavet på papir. Den illustrerer de enkelte skærmbilleder og måske også detaljer i interaktionen. Styrken ved papirprototyperne er at de er billige og hurtige at lave. Desuden kan de testes glimrende i Marvel appen.  

En fysisk prototype er en model af apparatet eller programmet, som kan håndteres fysisk. 

En kørende prototype fungerer mere eller mindre som det færdige system.  

Denne aktivitet tager udgangspunkt i skitserne fra fasen Generer design. Hvis det viser, sig at designet ikke er præcist nok, må man gå tilbage til fasen Generer design (iterativ designproces).   

Forskellen på på en skitse og en prototype er, at prototypen er interaktiv, altså kan bruges af brugeren til at navigere frem til en løsning.  

4. Evaluer design 

For at vide om dit design er brugbart skal det evalueres. Det gøres nemmest ved at udsætte det for Molichs brugervenligheds-parametre: 

• Let at lære

• Let at huske 

• Effektivt at bruge

• Forståeligt 

• Tilfredstillende

Let at lære lægger vægt på indlæring. Idealet er et walk up and use-system, hvor der altså ikke er behov for nogen væsentlig indlæring for at kunne bruge systemet. Jo kortere indlæring krævet jo bedre brugervenlighed. 

Let at huske lægger vægt på at et system skal være nemt at vende tilbage til, selv efter længere tid. Brugeren skal ikke starte forfra, men kunne huske hvordan det skal bruges. 

Effektivt at bruge lægger vægt på at en opgave skal kunne løses så hurtigt som muligt, og at systemet hjælper brugeren på vej mod en optimal løsning hurtigst muligt. 

Forståeligt lægger vægt på at brugeren forstår hvad systemet gør. Der må ikke være nogen tvivl om hvad systemet gør. 

Tilfredsstillende at bruge lægger vægt på brugerens subjektive oplevelse, altså en fokus på tilfredsheden ved at bruge systemet.  

Iterative designproces trin-for-trin

Identificer krav og behov 

Formuler krav til websitet

Bestem målgruppe vha. Minervasegmentsmodellen og gerne segmentsvariabler

Lav persona og scenarium 

Generer design 

Tegn en skitse over websitet med forside og eksempler på undersider (2-3 sider)

Byg interaktiv version

Lav lowfi papirprototype over jeres kommende website  

Evaluering af design 

Foretag brugertest af prototypen og analyser testens resultater, som opsummeres i testrapport 

Iterativt redesign (gentag iterative designproces)

Revider evt. krav og behov  ud fra konklusionens resultater

Revider design ud fra testresultater ud fra konklusionens resultater

Revider prototype ud fra konklusionens resultater

Evaluering er nyt design

...