Hopp til innhold
apphavn
[email protected]Be om tilbud

Tjenester

Appdesign og UX – design som folk faktisk bruker

En app som ingen forstår, blir ikke brukt, uansett hvor god koden er. Derfor starter vi med appdesign: vi kartlegger hvem som skal bruke appen, tegner flytene, bygger en klikkbar prototype i Figma og tester den på ekte mennesker før en eneste skjerm er programmert. Design og utvikling henger sammen i samme prosjekt hos oss i Trondheim, og dere kan kjøpe designet alene eller som del av et fastprisprosjekt.

Be om tilbudPrøv appkalkulatoren
Hva koster appdesign?
Appavklaring2 dager + 1 uke til leveranse20 000 kr fast pris
Klikkbar prototype og appdesign2–4 ukerfra 20 000 kr
Universell utforming-gjennomgang18 000–35 000 kr
Se alle priser

Prosessen er den samme om appen skal bygges native, i Flutter eller React Native, eller som webapp. Resultatet er en prototype dere kan vise til styret, kunder og investorer, og et designsystem utviklerne bygger rett fra. Prototype og appdesign koster fra 20 000 kr eks. mva. og tar 2–4 uker.

01

Derfor kommer designet før koden

Å flytte en knapp i Figma tar minutter. Å flytte den i en ferdig app tar timer, pluss testing, pluss ny runde i App Store. Å oppdage at hele flyten er feil etter lansering koster måneder. Jo tidligere en feil oppdages, desto mindre koster den, og de minst kostbare feilene er de som oppdages på en skisse.

Design før koding gir også bedre pristilbud. Når skjermene og flytene er tegnet, vet både dere og vi hva som skal bygges, og fastprisen blir presis i stedet for romslig. Det er grunnen til at appavklaringen vår inneholder skisser, og at en klikkbar prototype av appen er neste steg før utvikling.

02

Slik jobber vi med appdesign

  • 01

    1. Kartlegging

    Hva vi gjør
    Workshop om mål, brukere, konkurrenter og hva appen må gjøre. Vi ser på eksisterende data, kundehenvendelser og systemer.
    Hva dere får
    Prioritert liste over brukere og oppgaver
  • 02

    2. Brukerflyt

    Hva vi gjør
    Vi tegner veien gjennom appen for hver hovedoppgave, fra første åpning til fullført handling.
    Hva dere får
    Flytdiagram per oppgave
  • 03

    3. Wireframes

    Hva vi gjør
    Enkle skjermskisser i gråtoner, uten farger og bilder, så diskusjonen handler om innhold og rekkefølge.
    Hva dere får
    Skisser av alle skjermer
  • 04

    4. Klikkbar prototype

    Hva vi gjør
    Skjermene kobles sammen i Figma slik at man kan trykke seg gjennom appen på egen telefon.
    Hva dere får
    Prototype-lenke som fungerer på mobil
  • 05

    5. Brukertest

    Hva vi gjør
    Fem personer fra målgruppen løser oppgaver i prototypen mens vi observerer. Vi retter og tester igjen.
    Hva dere får
    Testrapport med funn og endringer
  • 06

    6. UI og designsystem

    Hva vi gjør
    Farger, typografi, ikoner, komponenter og tilstander, tilpasset iOS og Android.
    Hva dere får
    Designsystem i Figma, klart for utvikling
  • 07

    7. Overlevering

    Hva vi gjør
    Designet gjennomgås med utviklerne, med mål, avstander og oppførsel for hver komponent.
    Hva dere får
    Utviklingsklart design

Vi tester med fem personer per runde fordi det er nok til å finne de fleste alvorlige problemene, og fordi tre runder med fem gir mer enn én runde med femten. Nielsen Norman Group har vist at fem testpersoner avdekker rundt 85 % av brukervennlighetsproblemene, og anbefaler nettopp flere små tester i stedet for én stor. Testpersonene rekrutterer vi sammen med dere, gjerne blant egne kunder eller ansatte.

03

Apple, Google og norske krav styrer designet

God app design er ikke bare smak. iPhone-brukere forventer at tilbakeknappen sitter øverst til venstre, Android-brukere at den finnes i systemet. Vi designer etter Apples Human Interface Guidelines og Googles Material 3, slik at appen føles kjent på begge plattformer og slipper gjennom App Review uten anmerkninger på grensesnittet. Der merkevaren deres krever et eget uttrykk, bygger vi det oppå plattformkonvensjonene, ikke i strid med dem.

Universell utforming ligger i designet, ikke i etterkant. Apple ber om at knapper har et trykkområde på minst 44 × 44 punkter, Google om minst 48 × 48 dp. WCAG krever kontrast på minst 4,5:1 for vanlig tekst og at tekst kan forstørres til 200 % uten at innhold går tapt. Apper som retter seg mot allmennheten, må oppfylle 29 slike minstekrav for private virksomheter og 42 for offentlige. Vi sjekker kontrast, målstørrelser, tekstskalering og lesbarhet med skjermleser allerede i Figma. Les mer om universell utforming av app.

04

Dette får dere levert

  • Brukerflyter og wireframes for alle hovedoppgaver.
  • Klikkbar prototype i Figma som fungerer på mobil, med delingslenke.
  • Rapport fra brukertesting med funn, prioritering og hva som ble endret.
  • Designsystem i Figma: farger, typografi, komponenter, ikoner, mørk modus og tilstander for feil, tomme lister og lasting.
  • Butikkgrafikk: appikon og skjermbilder til App Store og Google Play.

Alt ligger i deres egen Figma-konto, slik at dere eier filene og kan ta dem med til en annen leverandør.

05

Hva koster appdesign?

  • 2 dager + 1 uke til leveranse

    Appavklaring

    to dagers produktworkshop, kravspesifikasjon, skisser, teknisk arkitektur og bindende fastpristilbud

    20 000 kr fast pris.

    Beløpet trekkes fra prosjektprisen om dere går videre med oss.

  • 2–4 uker

    Klikkbar prototype og appdesign

    UX/UI i Figma, brukertest

    fra 20 000 kr

  • Universell utforming-gjennomgang

    WCAG-test + rapport

    18 000–35 000 kr

  • Timepris ved løpende arbeid, UX-design

    600 kr/t

Alle priser er eks. mva. Nedre del av spennet dekker en app med én hovedflyt og noen få skjermer; øvre del dekker en app med innlogging, flere roller og et fullt designsystem. Kjøper dere utvikling hos oss, er designet en del av fastprisen, se priser på apputvikling.

06

Kan vi bruke designet vårt fra nettsiden?

Farger, logo og skrifttyper, ja. Selve skjermene, nei. En nettside leses på en stor skjerm med mus, en app brukes med tommelen på en liten skjerm, ofte i farta. Menyer, skjemaer og tabeller må derfor tegnes på nytt for mobil, og noen skrifttyper som fungerer på web, blir uleselige i liten størrelse. Vi tar utgangspunkt i den visuelle profilen deres og lager en mobilversjon av den, slik at appen og nettsiden tydelig hører sammen uten å være kopier. Har dere allerede et designsystem, sparer det tid, og prisen havner i nedre del av spennet.

07

Hva dere kan forvente av designarbeidet

Alle Figma-filer ligger på deres konto fra første dag, og designet sjekkes mot WCAG 2.1 AA før det overleveres til utvikling. Hele kvalitetsstandarden står under kvalitet og garantier.

08

Vanlige spørsmål om appdesign

Kan dere designe appen uten å utvikle den?

Ja. Prototype og designsystem selges som egen leveranse, og dere kan ta filene med til en intern avdeling eller en annen leverandør. Designet leveres i Figma med alle mål og komponenter dokumentert, slik at et hvilket som helst utviklingsteam kan bygge fra det. Prototypen kan også brukes til å presentere idéen for investorer eller forankre prosjektet internt før dere bestiller utvikling.

Hvor lang tid tar en klikkbar prototype?

2–4 uker fra oppstart til testet prototype, avhengig av hvor mange skjermer og flyter appen har. De første skissene ser dere etter rundt en uke. Trenger dere noe å vise på et møte om ti dager, si fra, så prioriterer vi den ene flyten som betyr mest.

Hvor mange bør vi brukerteste med?

Fem personer per runde er nok til å finne de fleste alvorlige problemene, ifølge Nielsen Norman Group, som fant at fem deltakere avdekker rundt 85 % av dem. Vi anbefaler heller to eller tre runder med fem enn én stor test. Brukertesting av appen er inkludert i prototypeprisen, og testpersonene finner vi sammen med dere.

Trenger vi et eget designsystem?

Ikke alltid. En MVP med én kjerneflyt kan bygges på standardkomponentene fra Apple og Google med deres farger og logo, og det holder omfanget nede, se MVP-utvikling. Et eget designsystem lønner seg når appen har mange skjermer, skal vokse over tid, eller når merkevaren er en viktig del av produktet.

Hva koster appdesign?

Klikkbar prototype og appdesign koster fra 20 000 kr eks. mva. og tar 2–4 uker. Løpende designarbeid faktureres til 600 kr/t. Bestiller dere hele appen hos oss, er designet inkludert i fastprisen. Prøv appkalkulatoren for et raskt estimat på hele prosjektet.

09

Relaterte tjenester

Neste steg

Be om tilbud på appdesignet

Beskriv hva appen skal gjøre og hvem som skal bruke den, gjerne med skjermbilder eller skisser om dere har noen. Vi svarer med en vurdering av hva som bør designes og testes først, og et prisspenn, fra oss i Trondheim. Designworkshopen kan holdes hos dere i Oslo, Bergen eller Stavanger, mens brukertestene like gjerne går på video.

Har dere skisser, en nettside eller bare en idé, er det nok til en første vurdering. Send oss det dere har, så svarer vi med forslag til designløp og prisspenn innen én virkedag. Vil dere se hele prosessen først, les slik jobber vi.

Eller skriv til[email protected]

Kilder