← Design & identitet

UX- og UI-design

Ingen legger merke til et grensesnitt som virker. Her er hva som skiller UX fra UI, hva god brukeropplevelse krever, og hvordan vi jobber med begge deler.

Grønt jorde med gjerdestolpe i forgrunnen, skog og et vann under, og et bredt fjell i kveldslys bak.
kveldslys / heidal

Ingen roser en dør som åpner seg

God brukeropplevelse merkes ikke. Du finner det du skulle finne, gjør det du kom for å gjøre, og går videre uten å tenke på veien dit. Dårlig brukeropplevelse merkes med en gang, og den koster. Den som står fast, lukker fanen og går til neste treff.

Det gjør UX til en vanskelig ting å selge inn og en lett ting å måle. Flere fullfører, færre ringer og spør, og henvendelsene som kommer inn er bedre forberedt.

Forskjellen på UX og UI

UX-design handler om hva som skal skje: hvem brukeren er, hva hen skal få gjort, i hvilken rekkefølge stegene kommer, og hva som kan fjernes. UI-design handler om hvordan det ser ut og kjennes: knapper, felter, farger, typografi og bevegelse.

De to henger sammen, men de løser ikke det samme. Et vakkert grensesnitt over en dårlig gjennomtenkt reise gjør bare at brukeren går seg vill i pene omgivelser. Vi gjør begge deler, og vi gjør UX først.

Hva god UX krever

Å vite hva brukeren kom for

Hver flate har én hovedoppgave. Å be om et tilbud, å finne et telefonnummer, å regne ut en pris. Er den oppgaven uklar for oss, blir den også uklar for brukeren, og da får alt like mye plass.

Færre valg, ikke flere

Hvert valg koster brukeren litt oppmerksomhet. Vi tar bort det som ikke fører noen vei, slår sammen det som hører sammen, og lar det viktigste stå alene. Det er lettere å legge til en funksjon enn å ta den bort igjen, så vi er strenge tidlig.

Riktig rekkefølge

Folk trenger informasjon i den rekkefølgen de får bruk for den, ikke i den rekkefølgen bedriften er organisert. Vi deler som regel etter situasjon fremfor etter tjeneste, fordi det er situasjonen brukeren kommer med.

Fart

Ventetid er en designbeslutning, ikke en teknisk detalj. En løsning som svarer med en gang, kjennes enklere enn en som er like godt tegnet og bruker tre sekunder. Derfor setter vi ytelse som et krav fra start.

Universell utforming

Kontrast, skriftstørrelse, klikkeflater, tastaturbruk og skjermleser. Dette er ikke en gruppe for seg: alle blir brukere med dårlig lys, én ledig hånd og lite tålmodighet før eller siden. Kravene i norsk lov er dessuten ikke valgfrie.

Slik jobber vi med UX og UI

Vi begynner med å skrive ned hva brukeren skal få gjort, og hva som skal telles som suksess. Så skisserer vi reisen grovt, i lav oppløsning, mens det fortsatt er billig å ombestemme seg. Det er nesten alltid her de dyre feilene fanges.

Deretter tegner vi grensesnittet i den profilen dere har, slik at det som testes ligner det som skal bygges. Er løsningen kompleks nok til det, lager vi en klikkbar prototype, som er langt raskere å endre enn ferdig kode.

Og vi følger opp etter lansering. Tall og tilbakemeldinger sier hvor folk stopper opp, og de stedene er som regel raske å rette.

Design vi har gjort

Tre grensesnitt med helt ulike krav:

Solar Solution

En solcellekalkulator der huseieren søker opp adressen sin, velger takflater i kartet og får et prisanslag på sekunder. Reisen er delt i tre korte steg med en tydelig teller, og valgene kan endres underveis uten å begynne på nytt. Bak det enkle valget ligger kartdata, solinnstråling og materialberegning som kunden aldri ser.

Steg 2 av 3 i kalkulatoren, «Velg takprodukt»: bilder av ferdige tak, takprodukter med estimert pris for hvert alternativ, og knappen «Tilpass Båndtekking».

Akasien Begravelsesbyrå

Her er brukeren sjelden i stand til å lete. Vi delte siden etter situasjon i stedet for etter tjeneste, og satte store skriftstørrelser, god kontrast og tydelige klikkeflater som krav fra start. Alt viktig kan gjøres med én hånd på mobil.

Huikui

En webapp bygget rundt én handling: du lytter, og du sier noe om det du hører. Avspilleren, bølgeformen og kommentarene deler samme flate, så du aldri mister stedet i filen mens du skriver. Alt annet er tonet ned.