Hvad koster UX design? Priser på research, prototyper og designsystem

En logistikvirksomhed får bygget et internt værktøj til chaufførerne. Det virker teknisk, men efter tre uger ringer chaufførerne stadig ind til kontoret, fordi knappen til at melde en levering som afvist ligger to skærme nede. Rettelsen tager en udvikler flere dage, fordi flowet hænger sammen med resten af appen. Den samme fejl ville være fundet på en eftermiddag med en papirprototype og fem chauffører. Det er hele pointen med UX design, og det er derfor, prisen bør ses i forhold til det, den sparer.

Hvad koster en UX-designer i timen?

Timeprisen er kun halvdelen af regnestykket. En erfaren UX-designer ved, hvilke metoder der giver mest viden for færrest timer, og springer de øvelser over, der mest ser godt ud i en præsentation. Spørg derfor altid, hvor mange timer hver leverance er estimeret til, og hvad I får i hånden bagefter.

Hvad koster de enkelte UX-leverancer?

Det er nemmest at købe UX i bidder. Tabellen viser typiske timeforbrug for de mest almindelige leverancer og den pris, det giver med markedets timepriser. Tallene er regnet ud fra timerne, så I selv kan justere dem til de tilbud, I får.

Research: interviews, audit og brugertest

Research er den del, flest vil spare væk, og den del, der oftest betaler sig. En UX-audit af en eksisterende løsning giver en prioriteret liste over problemer på få dage. Brugerinterviews giver jer brugernes egne ord for, hvad de prøver at opnå, og de ord er guld værd både i designet og i markedsføringen. En brugertest med fem personer viser, hvor folk faktisk går i stå. Husk et gavekort eller et honorar til testpersonerne, og tid til at finde dem.

Wireframes og prototyper

Wireframes er skitser i gråtoner, der viser, hvad der skal være på hver skærm, og i hvilken rækkefølge. De er hurtige at ændre, og det er dér, de store beslutninger bør tages. En klikbar prototype binder skærmene sammen, så I og jeres brugere kan klikke igennem et flow, før der er skrevet en linje kode. Forskellen på de tre niveauer gennemgår vi i wireframe, mockup og prototype.

UI-design og designsystem

UI-designet er det, brugerne ser: farver, typografi, ikoner og den præcise opsætning af hver skærm. Prisen følger antallet af unikke skærme og hvor meget, der kan genbruges. Et designsystem samler komponenterne, så knapper og formularer kun designes og bygges én gang. Det koster mere i starten og mindre for hver ny skærm bagefter, og det er derfor mest værd for løsninger, der skal leve og vokse i mange år.

Regneeksempel: hvad koster UX på en bookingløsning?

Tag en servicevirksomhed, der vil have en løsning, hvor kunder kan booke og betale, og hvor medarbejderne kan se dagens opgaver på mobilen. Der er cirka 12 skærme fordelt på to brugergrupper. Her er to realistiske måder at lægge UX-arbejdet an på.

Den slanke version er nok, når I kender jeres brugere godt, og opgaven ligner noget, der findes i forvejen. Den grundige version giver mening, når løsningen er kernen i forretningen, eller når to brugergrupper har vidt forskellige behov. Uanset hvilken I vælger, er reglen den samme: jo tidligere en fejl findes, jo billigere er den. En ændring i en wireframe tager minutter. Den samme ændring i færdig kode kan tage dage.

Hvad sparer I ved at købe UX design først?

Det sidste punkt undervurderes ofte. En prototype gør det muligt for udviklere at give en fast pris, fordi der er langt færre ubekendte. Vi tilbyder en klikbar prototype som selvstændigt forløb netop af den grund, og har I allerede en løsning, der driller brugerne, er en UX-audit det billigste sted at starte.

Koster UX design mere til en app end til en hjemmeside?

Som regel ja, og forskellen ligger i antallet af tilstande. En hjemmeside har mest indholdssider, der ligner hinanden, så designeren laver en håndfuld skabeloner, som genbruges. En app eller webapp har formularer, lister, tomme tilstande, fejlbeskeder, indlæsning, notifikationer og roller, og hver af dem skal tænkes igennem. En skærm med en ordreliste kan i virkeligheden være fem skærme: tom, indlæser, fejl, få ordrer og mange ordrer.

For en hjemmeside er de vigtigste UX-leverancer derfor struktur, navigation og forsidens prioriteringer, og budgettet ligger ofte i den lave ende af tabellen. For en app ligger tyngden i flows og tilstande, og en brugertest af prototypen er næsten altid pengene værd. Mobilapps har desuden konventioner fra iOS og Android, som brugerne forventer, og dem skal designeren kende. Skal I bygge en app, så se også, hvad en app koster samlet, så UX-budgettet står i forhold til resten.

Hvornår kan I nøjes med lidt UX?

Ikke alle projekter har brug for et stort UX-forløb. Det er helt legitimt at holde budgettet lavt i disse situationer:

• Hjemmesiden er primært en præsentation med kontaktformular og få undersider.
• Løsningen kopierer en velkendt proces, fx en standard webshop med kurv og checkout.
• I har selv tæt kontakt til brugerne og kan teste en tidlig version med dem i hverdagen.
• Det er et internt værktøj til få medarbejdere, der kan give feedback direkte.
• I skal validere en idé, og en simpel landingsside kan teste efterspørgslen først.

Omvendt bør UX have en reel plads i budgettet, når løsningen har flere brugergrupper, når brugerne skal betale eller dele persondata, eller når det er kunderne selv, der skal bruge den uden hjælp. Det er de projekter, hvor en forvirrende skærm koster direkte i tabt salg eller i supporttimer.

Hvilke røde flag skal I kende i et UX-tilbud?

• Tilbuddet nævner workshops og personas, men ingen konkrete leverancer, I får i hånden.
• Der er ingen brugere involveret overhovedet, kun interne møder.
• Designet leveres kun som billeder eller PDF uden redigerbare Figma-filer.
• Ingen plan for overlevering til udvikling, fx komponenter, tilstande og fejlbeskeder.
• Prisen er fast, men antallet af skærme og rettelsesrunder står ikke nogen steder.
• Designeren har aldrig arbejdet tæt sammen med udviklere og kan ikke forklare, hvad der er dyrt at bygge.

Det sidste punkt er det, vi oftest ser i praksis. Et smukt design, der ignorerer, hvordan data faktisk hænger sammen, bliver dyrt at bygge. Derfor arbejder vores designere og udviklere i samme team hos Ceptiv, så designet tager højde for koden fra første skitse. Læs mere om vores UX- og UI-design.

Sådan køber I UX design trin for trin

Når I sammenligner tilbud, så stil de samme spørgsmål til alle:

1. Hvilke konkrete leverancer får vi, og i hvilket format?
2. Hvor mange timer er hver leverance estimeret til?
3. Hvor mange brugere taler eller tester I med, og hvem finder dem?
4. Hvor mange skærme og rettelsesrunder er med i prisen?
5. Hvordan overleveres designet til udviklerne?
6. Ejer vi Figma-filerne og alt materiale fra research bagefter?

Skal I ansætte eller hyre en UX-designer selv, så har vi en guide til, hvordan I finder en UX-designer og vurderer en portefølje. Vil I hellere have design og udvikling samlet til én fast pris, så beskriv projektet, og I får et skriftligt tilbud inden for 24 timer. Sammenlign gerne med prisen på en almindelig webdesigner.