UI/UX-design: grensesnitt som styrker brukeropplevelsen

Grensesnitt som starter med research, testes med wireframes og prototyper og leveres med et designsystem: Besøkende kommer seg videre uten å tenke, og du får flere henvendelser.

  • Brukerundersøkelser
  • Klikkbar prototype
  • Designsystem levert
  • Følger WCAG 2.2 AA
  • Brukerundersøkelser
  • Klikkbar prototype
  • Designsystem levert
  • Følger WCAG 2.2 AA
  • Tekstkontrast
  • Berøringsmål
  • LCP-terskel
  • Fullførte prosjekter
  • Grensesnittdesign
  • Kartlegging og brukerundersøkelser
  • Informasjonsarkitektur og brukerflyt
  • Wireframe
  • Grensesnittdesign og designsystem
  • Prototype og brukertesting
  • Overlevering til utvikling og måling
Hva er UI/UX-design?

UI/UX-design handler om å planlegge både det synlige grensesnittet på en nettside eller app (UI: knapper, farger, typografi, ikoner) og opplevelsen brukeren har med det (UX: flyt, informasjonsarkitektur, hastighet, tilgjengelighet). Målet er at besøkende finner det de leter etter med færrest mulig steg, og fullfører målet – en forespørsel, et kjøp eller en booking – uten anstrengelse.

Tekstkontrast
4,5:1
Minste kontrastforhold for vanlig tekst på WCAG 2.2 AA-nivå; for stor tekst holder 3:1.
Berøringsmål
24×24 px
Minste målstørrelse i WCAG 2.2; for knapper på mobil legger vi 44–48 px til grunn.
LCP-terskel
≤ 2,5 s
Lastetiden for hovedinnholdet som regnes som «god» i Googles Core Web Vitals.
Fullførte prosjekter
380+
Erfaring med grensesnitt fra bedriftsnettsider, nettbutikker og programvareprosjekter siden 2006.
Arbeidsprosess

Hvordan foregår UI/UX-designprosessen?

Hvert steg avsluttes med et konkret resultat som du godkjenner – du vet alltid hvor i prosessen vi er.

Sammenligning

Forskjellen på UI og UX: sammenligningstabell

UI og UX er to sider av samme produkt: Den ene avgjør hvordan skjermen ser ut, den andre hvordan brukeren når målet sitt på den. Tabellen under viser ansvarsområdene til de to fagfeltene side om side.

TemaUI (brukergrensesnitt)UX (brukeropplevelse)
GrunnspørsmålHvordan ser skjermen ut, og hvilken følelse gir den?Hvor lett når brukeren målet sitt?
FokusområdeFarger, typografi, ikoner, avstander, komponenterInformasjonsarkitektur, flyt, innholdsrekkefølge, hastighet
LeveranserHøyoppløste skjermbilder, designsystemFunn fra undersøkelser, flytdiagram, wireframe
ValideringsmetodeKontrastmåling, kontroll av konsistens og samsvar med merkevarenBrukertesting, analyse- og konverteringsdata
Rolle i tilgjengelighet4,5:1 kontrast, synlig fokus, store nok målTastaturnavigasjon, forståelige feilmeldinger, konsistent hjelp
Typisk feilElegante, men bleke knapper og lysegrå tekst som ikke kan lesesUnødvendige steg, skjulte priser, rotete meny
Effekt for bedriftenOppfatning av merkevaren og tillit ved første inntrykkAndel fullførte forespørsler, salg og bookinger
Fra prosjektene

Vår UI/UX-tilnærming i publiserte prosjekter

Se alt arbeidet vårt på siden med referanser.

Webdesign

Våre andre webdesigntjenester

UI/UX-design fungerer ikke alene, men som en del av en helhetlig strategi for nettsiden. Alle tjenestene våre innen webdesign leveres med samme standard.

Ofte stilte spørsmål

Vanlige spørsmål om UI/UX-design

Har du andre spørsmål, skriv til oss, så svarer vi ut fra ditt prosjekt.

Kontakt oss
01Hva er forskjellen på UI- og UX-design?

UI står for det visuelle grensesnittet på en nettside eller app. UX omfatter hele opplevelsen brukeren har med dette grensesnittet. Et vellykket digitalt produkt trenger en løsning som både ser bra ut og er enkel å bruke.

02Hva gir UI/UX-design nettsiden min?

Brukerne navigerer lettere på nettsiden din, forstår tjenestene dine raskere og når mål som kontakt, tilbudsforespørsel, kjøp eller booking på kortere tid.

03Trenger alle nettsider UI/UX-arbeid?

Ja. Enten det er en bedriftsnettside, en nettbutikk, et hotellbookingsystem, programvare for reisebyrå eller et skreddersydd administrasjonspanel, kan du miste besøkende når brukeropplevelsen ikke er riktig bygget opp.

04Hvordan foregår designprosessen?

Først analyserer vi behov og målgruppe. Deretter lager vi sidestruktur, brukerflyt, grensesnittdesign og mobiltilpasning. Det godkjente designet overleveres så til utvikling, tilpasset programvareprosessen.

05Hva er forskjellen på en wireframe og en prototype?

En wireframe er et fargeløst skjelett som viser innholdsrekkefølgen og oppsettet på siden; den flytter diskusjonen bort fra det visuelle og over på strukturen. En prototype er en klikkbar modell der skjermene er koblet sammen, slik at flytene kan prøves på en ekte enhet før koding.

06Hvor lang tid tar UI/UX-designprosessen?

Tiden avhenger av antall unike maler, om det finnes flyter med flere steg som handlekurv eller booking, antall testrunder og om innholdet er klart. Hvor raskt godkjenningsrundene går, påvirker også tidsplanen mye. Etter kartleggingsmøtet deler vi en tidsplan fase for fase.

07Hva er WCAG 2.2, og må nettsiden min følge det?

WCAG 2.2 er W3Cs gjeldende retningslinjer for tilgjengelighet på nett, med kriterier for blant annet kontrast, tastaturbruk, målstørrelse og tilgjengelige skjemaer. For nettbutikker som selger til forbrukere i EU kan det bli et krav etter det europeiske tilgjengelighetsdirektivet (European Accessibility Act); for andre nettsider er det veien til et større publikum og feilfri bruk.

08Kan UX forbedres uten å bygge nettsiden min på nytt?

Ja. Først finner vi skjermene som koster mest, ved hjelp av analysedata og ekspertgjennomgang. Ofte gir endringer på noen få kritiske punkter – som skjemaet, produktsiden eller menyen – en tydelig forskjell. Er problemene strukturelle, foreslår vi en plan for redesign i etapper.

09Påvirker UI/UX-design SEO?

Ja. På grunn av mobile-first indexing vurderes opplevelsen på mobilen direkte, og Core Web Vitals, et tydelig overskriftshierarki og en logisk intern lenkestruktur formes også av designvalg. Et grensesnitt der brukeren raskt finner det hun leter etter, hjelper også søkemotorene å forstå siden bedre.

UI/UX-design

La oss styrke prosjektet ditt med et brukervennlig grensesnitt

Vi leverer moderne, forståelige og konverteringsrettede UI/UX-løsninger for nettsiden, nettbutikken eller den skreddersydde programvaren din.