MOCK-UPS & PROTOTYPER
En designproces består typisk af flere faser, der tilsammen leder frem til et færdigt produkt. Mock-ups og prototyper er centrale elementer i denne proces. Mock-ups er en visuel præsentation af det endelige design, uden at det endnu kan bruges eller interageres med, hvor prototyper er en interaktiv udgave af designet. Det er relevant at se elementerne i sammenhæng med øvrige trin, for at forstå designprocessen.
DESIGNPROCESSEN
Når apps, hjemmesider eller digitale systemer skal designes, arbejdes der ofte med tre overordnede faser: wireframes, mock-ups og prototyper. Hver fase har eget formål, men fungerer bedst som en samlet proces, fordi de har forskellige fordele. Undervejs i alle tre faser kan designet testes ved kunder og brugere, hvor det er mest typisk at brugerteste på prototyper, fordi designet her er tættest på slutproduktet.
WIREFRAMES
Typisk startes designprocessen med wireframes. Det er de grundlæggende råskitser af det produkt der designes. Det bruges til at illustrere tanker, kommunikere, idégenere og til at undersøge navigation, og hvor forskellige elementer skal placeres. Med wireframes forholdes der ikke til små detaljer, stil og retning, men det er stadig en vigtig fase, fordi det er her den grundlæggende opbygning af produktet bliver fastlagt. Det kaldes også for low fidelity, fordi der er lav detaljegrad med fokus på struktur, layout og koncept fremfor visuelle elementer. Wireframes kan udarbejdes både analogt og digitalt, og danner altså fundamentet for den videre designproces.
MOCK-UPS
Med fundamentet på plads er næste fase typisk at designe mock-ups. Her findes der ud af, hvordan produktet skal se ud med detaljer, stil og retning, uden at det helt udvikles. Sådan en mock-up kaldes high fidelity, for her laves designet så tæt på slutproduktet som muligt, og det inkluderer visuelle elementer som f.eks. illustrationer, typografi og farver.
Faktisk handler 94% af et førstehåndsindtryk om design. Derfor er mock-ups en vigtig fase i designprocessen, fordi det er her, selve designet udarbejdes.
Mock-ups giver et detaljeret og realistisk billede af, hvordan slutproduktet kommer til at se ud. Det er gennem brugertest af mock-ups, at potentielle udfordringer for brugerne hurtigt kan identificeres, før der investeres tid og penge i produktudviklingen. Mock-ups giver teamet bag et tydeligt og detaljeret grundlag at arbejde ud fra, fordi det detaljeret viser, hvad der skal udvikles. Samtidig er der en økonomisk fordel i at ændre i mock-up-fasen end i det allerede udviklet produkt, og det gør mock-ups til et helt afgørende værktøj i designprocessen og en vigtig forudsætning for en videre effektiv udviklingsproces.
Når der arbejdes med design og mock-ups tidligt i processen, sikres der, at designet ikke blot bliver en sidste finish, men en aktiv del af produktudviklingen. Det giver markant større værdi på bundlinjen. Faktisk viser en undersøgelse, at 2 ud af 5 virksomheder mister den merværdi, design kan skabe, netop fordi de første tænker design ind til allersidst eller slet ikke gør det.
PROTOTYPER
Inden et produkt udvikles, er det mest typisk at teste prototypen på kunder eller slutbrugere. Prototypen er en interaktiv mock-up, hvor brugere kan klikke sig rundt i de forskellige tegninger. Formålet er at afprøve brugeroplevelsen og identificere forbedringer, før der investeres tid og ressourcer på udviklingen af produktet.
Prototyper kan testes på både computer, tablet og mobil, og de giver brugerne en realistisk fornemmelse af produktets funktioner og navigationer end de statiske billeder fra mock-ups kan. I prototype-fasen kan der tilføjes hover-effekter, animationer og andre dynamiske elementer, som illustrerer, hvordan interaktionerne kommer til at fungere i praksis.
BRUGERTESTENS BETYDNING
En undersøgelse viser, at 90% af alle brugere har fravalgt en app på grund af dårlig performance. Det understreger, hvor afgørende det er for virksomheder at brugerteste produktet tidligt, før det sendes til udvikling. Når reelle brugere får lov til at teste produktet, kan fejl, udfordringer eller uhensigtsmæssige flows opdages. Brugertest giver dermed et solidt datagrundlag for at træffe bedre beslutninger og sikre, at det endelige produkt faktisk fungerer, som brugerne forventer.
Ved at arbejde med wireframes, mock-ups og prototyper opnås en designproces, hvor brugere og kunder tænkes ind fra starten – og hvor brugertest naturligt bliver næste skridt. Læs mere herunder om, hvordan brugertest kan forbedre både kvalitet og beslutningsprocesser i design.