Spørg en virksomhedsejer, hvad vedkommende leder efter i en god hjemmeside, og du hører om rent design, hurtig indlæsning og nem navigation. Sjældent nævnes det, om besøgende rent faktisk kan finde det, de har brug for, og gøre det, de kom for. UX-design er den disciplin, der svarer på det spørgsmål, og det er den kvalitet, der får alle de andre til at betyde noget.
UX-design, kort for user experience design eller brugeroplevelsesdesign, er praksissen med at designe hjemmesider ud fra, hvordan folk bruger dem. Hvad er UX-design for en virksomhedshjemmeside? Det er de beslutninger, der afgør, om en besøgende kan finde det, vedkommende leder efter, gennemføre den handling, de kom for, og gå derfra med en klar forståelse af, hvad virksomheden tilbyder.
En hjemmeside kan være visuelt poleret og stadig have dårlig UX. En besøgende, der ikke kan se, hvad en virksomhed laver, inden for ti sekunder efter at være landet på forsiden, der farer vild i at finde prissiden, eller der opgiver en kontaktformular, fordi fejlmeddelelserne ikke forklarer, hvad der gik galt, har en dårlig brugeroplevelse. Sidens visuelle kvalitet har ingen betydning for det resultat.
Hvad er forskellen på UX-design og UI-design?
UX-design og UI-design er beslægtede, men forskellige. UI-design, eller design af brugerflade, dækker det visuelle lag. Farver, typografi, knapper, ikoner og sidens samlede udseende er alle UI-beslutninger. UX-design dækker adfærdslaget. Hvordan information er organiseret, hvordan navigationen flyder, hvad der sker, når en bruger laver en fejl, og om den vigtigste handling på siden er tydelig med det samme, er alle UX-beslutninger.
I praksis overlapper de to. En knap, der har den forkerte farve i det visuelle hierarki, er et UI-problem, der skaber et UX-problem. En formular, der er opstillet logisk, men ikke har vejledning ved fejl, er et UX-problem, som en UI-designer måske opdager. På små teams og i hjemmesidebyggere tager én person sig ofte af begge dele. Forskellen er vigtig, fordi de kræver forskellig tankegang: UI spørger "ser det rigtigt ud?", mens UX spørger "virker det for den, der bruger det?"
Artiklen om hvad webdesign er dækker den bredere disciplin, som både UX- og UI-design hører under, herunder hvordan visuelle og strukturelle beslutninger tilsammen former den besøgendes oplevelse.
Hvad er de centrale principper i UX-design?
UX-design styres af en række principper, der gælder for alle typer hjemmesider, uanset branche eller størrelse.
Brugervenlighed
En brugervenlig hjemmeside lader besøgende løse opgaver effektivt uden forvirring. Navigationsnavne bruger de ord, besøgende forventer. Vigtige sider kan nås inden for to eller tre klik. Interaktive elementer som knapper og formularer opfører sig på forudsigelige måder. Brugervenlighed handler ikke om at gøre en hjemmeside så enkel, at den bliver tom. Det handler om at fjerne gnidning på vejen til det resultat, den besøgende vil have.
Klarhed
Klarhed betyder, at hver side straks formidler sit formål. En besøgende skal inden for få sekunder forstå, hvad siden handler om, hvad de kan gøre der, og hvad næste skridt er. Sider, der gemmer den vigtigste information under tætte afsnit, eller som bruger tvetydige overskrifter og vage opfordringer til handling, svigter på klarhed, uanset hvor godt de er designet visuelt. Artiklen om hvad visuelt hierarki er forklarer, hvordan arrangementet og vægten af elementer på en side former, hvad besøgende forstår først.
Konsistens
Konsistent design betyder, at besøgende kun skal lære, hvordan hjemmesiden virker, én gang. Hvis den primære knap med opfordring til handling er blå på forsiden, skal den være blå overalt. Hvis navigationen står øverst på siden på computer, skal den kunne nås fra samme sted på alle sider. Inkonsistens bryder den mentale model, besøgende bygger op, når de bevæger sig rundt på en hjemmeside, og skaber forvirring netop i de øjeblikke, hvor en klar vej videre betyder mest.
Feedback
Brugere skal vide, at deres handlinger er registreret. En knap, der ikke viser nogen ændring, når der klikkes, en formular, der sendes uden bekræftelse, eller en søgelinje, der viser resultater uden at vise, hvad der blev søgt efter, skaber alle usikkerhed. Feedback kan være så enkel som en knap, der skifter farve ved berøring, en indlæsningsindikator, mens en formular sendes, eller en bekræftelse, der vises efter en vellykket handling. Uden den ved besøgende ikke, om de skal vente, prøve igen eller gå ud fra, at noget gik galt.
Fejlretning
Brugere laver fejl. God UX forudser dem og gør det nemt at komme videre. Validering af formularer, der peger på det konkrete felt med et problem og forklarer, hvordan det rigtige format ser ud, er bedre end en generisk besked om, at "noget gik galt". En søgning, der ikke giver resultater, men foreslår alternativer, er bedre end en blindgyde. Jo nemmere det er at komme videre efter en fejl, jo mindre sandsynligt er det, at den besøgende opgiver opgaven helt.
Hvordan påvirker UX-design forretningsresultater?
UX-design har en direkte forbindelse til de resultater, virksomheder går op i. En besøgende, der hurtigt kan finde prissiden, er mere tilbøjelig til at nå en købsbeslutning. Et køb med få trin og klare fejlmeddelelser konverterer flere besøgende end et, hvor man må gætte. En kontaktformular, der er nem at udfylde, får flere indsendelser end en, der er forvirrende eller tidskrævende.
Sammenhængen mellem UX og konverteringsrater er veldokumenteret. Små forbedringer af sidens klarhed, formulardesign og navigationsflow giver målbare stigninger i andelen af besøgende, der tager den ønskede handling. Det omvendte gælder lige så meget. En side, hvor den primære opfordring til handling er svær at finde, hvor værdien først nås efter tre afsnit, eller hvor mobillayoutet klapper sammen til en ubrugelig tilstand, mister konverteringer i hvert trin.
UX påvirker også, hvordan besøgende opfatter virksomheden bag hjemmesiden. En hjemmeside, der virker godt, føles professionel og troværdig. En hjemmeside med brudte forløb, forvirrende navigation og uklare budskaber signalerer sjusk, uanset hvordan resten af virksomheden drives. Artiklen om sådan designer du en forside, der virker dækker de konkrete UX-beslutninger, der betyder mest på den side, besøgende ser først.
Hvad er de mest almindelige UX-problemer på virksomhedshjemmesider?
Intet klart hierarki på siden er den hyppigste UX-fejl på virksomhedshjemmesider. Når flere elementer konkurrerer lige meget om opmærksomheden, har besøgende intet udgangspunkt. De skimmer uden at læse, finder ikke opfordringen til handling og forlader siden. Visuelt hierarki og layoutvalg, der skaber en klar læserækkefølge, løser direkte det problem.
Navigation, der kræver gætværk, tvinger besøgende til at udforske i stedet for at bevæge sig målrettet. Menunavne, der betyder noget internt, men intet for en ny besøgende, rullemenuer, der skjuler de mest nyttige sider, og navigationsstrukturer, der ikke passer til, hvordan besøgende tænker om virksomheden, skaber alle gnidning. Artiklen om hvad hjemmesidenavigation er dækker, hvordan du bygger menuer, der guider i stedet for at forvirre.
Formularer uden vejledning er et andet almindeligt problem. Obligatoriske felter, der ikke er tydeligt markeret, indtastninger, der afvises i gyldige formater uden forklaring, og formularer, der rydder alle felter efter en mislykket afsendelse, er alle barrierer, der sænker gennemførelsesraten markant.
Mobil UX, der ikke svarer til hensigten på computer, er et hul, der koster virksomheder besøg i hver session. En side designet med flere kolonner på computer, der klapper sammen til én kolonne på mobil med elementer i den forkerte rækkefølge, giver en anden oplevelse end den tilsigtede. Artiklen om sådan gør du en hjemmeside mobilvenlig dækker de valg om layout og interaktion, der afgør, om mobiloplevelsen virker lige så godt som computeroplevelsen.
Hvordan hænger UX-design sammen med SEO?
Søgemaskiner måler brugeradfærd for at vurdere, om en side leverer værdi. En side med dårlig UX giver ofte høj afvisningsrate og lav tid på siden, og begge dele signalerer over tid til søgemaskiner, at besøgende ikke finder det, de kom efter. En side med stærk UX holder ofte besøgende længere og skaber flere interaktioner og dermed de adfærdssignaler, der understøtter placeringen.
Tilgængelighed af siden, som hænger tæt sammen med UX, påvirker også, hvor pålideligt søgemaskiner kan gennemgå og indeksere en side. En side, der kan navigeres med tastatur og er bygget med semantisk HTML, er nemmere at indeksere præcist end en med strukturelle problemer. Artiklen om hvad SEO er dækker, hvordan signaler om brugeroplevelsen indgår i præstation i søgning, og hvilke adfærdsfaktorer der betyder mest.
Sådan klarer WEMASY UX-design
Skabelonerne i WEMASYs hjemmesidebygger er bygget med UX-principper som udgangspunkt. Overskriftshierarki, placering af opfordringer til handling, navigationsstruktur, formulardesign og mobillayouts er sat til standardværdier, der afspejler, hvordan besøgende rent faktisk bruger virksomhedshjemmesider. Med den visuelle editor kan du justere hvert element og se resultatet med det samme, både på computer og mobil, før du udgiver. Ændringer i layoutet kræver ikke, at du bygger siden helt om.
Se, hvad der er med, hos WEMASYs hjemmesidebygger, eller se planerne på prissiden.
Ofte stillede spørgsmål
Har jeg brug for en UX-designer for at bygge en god hjemmeside?
Ikke nødvendigvis. En hjemmesidebygger med veldesignede skabeloner tager hånd om de mest almindelige UX-beslutninger på skabelonniveau, så du ikke starter fra bunden med informationsarkitektur, overskriftshierarki eller mobillayout. Det er mest værdifuldt at have en UX-designer til at forstå, hvordan en bestemt målgruppe opfører sig, og til at teste, om bestemte forløb virker som tænkt. For de fleste små virksomheders hjemmesider giver det markant bedre resultater at bruge UX-principper gennem en veldesignet skabelon end at ignorere UX helt, selv uden en specialist. Med WEMASYs hjemmesidebygger kan du sætte det op direkte på din hjemmeside.
Hvad er brugertest?
Brugertest vil sige, at man observerer rigtige brugere, mens de prøver at løse opgaver på en hjemmeside. Målet er at finde ud af, hvor besøgende bliver forvirrede, hvor de tøver, og hvor de ikke får gjort det, de kom for. Det kan være så enkelt som at bede en kollega finde prissiden og se, hvor vedkommende klikker, eller så struktureret som en optaget session med skærmdeling og en moderator. Selv uformel test med to eller tre personer, der aldrig har set hjemmesiden før, afslører de største problemer med brugervenlighed.
Hvad er forskellen på UX-design og webdesign?
Webdesign er den bredere disciplin, der dækker både, hvordan en hjemmeside ser ud, og hvordan den virker. UX-design er den del af webdesign, der specifikt fokuserer på oplevelsen for den, der bruger hjemmesiden. En webdesigner træffer beslutninger om farve, typografi, layout og visuelt hierarki ved siden af beslutninger om navigation, informationsarkitektur og interaktionsdesign. Når de interaktionsorienterede beslutninger får særlig opmærksomhed og testes mod rigtig brugeradfærd, kaldes den praksis UX-design.
Hvordan ved du, om din hjemmeside har UX-problemer?
De tydeligste signaler kommer fra data om brugeradfærd. Høj afvisningsrate på vigtige sider, lav gennemførelsesrate i formularer, kort tid på siden for indhold, der burde tage længere tid at læse, og høj frafaldsrate i betalingsforløb tyder alle på UX-problemer. Når du ser en førstegangsbesøgende navigere på hjemmesiden uden hjælp, kan du se, hvor forvirringen opstår. Direkte tilbagemeldinger fra kunder, der nævner, at de havde svært ved at finde noget, eller som opgiver en opgave, er lige så diagnostiske. Du behøver ikke en analyseplatform for at komme i gang. At se én person prøve at bruge hjemmesiden er ofte nok til at finde de største problemer.
Hvad er sammenhængen mellem UX-design og konverteringsrate?
Konverteringsraten måler den andel af besøgende, der gennemfører en ønsket handling, som at udfylde en formular, købe noget eller booke et opkald. UX-design påvirker det tal direkte, fordi det afgør, hvor nemt eller svært det er at gennemføre handlingen. At fjerne unødvendige trin i et køb, gøre den primære opfordring til handling visuelt tydelig, forenkle formularfelter og forbedre fejlmeddelelser øger alt sammen sandsynligheden for, at en besøgende, der har tænkt sig at konvertere, rent faktisk gør det. Sammenhængen er direkte: bedre UX mindsker gnidning, og mindre gnidning giver højere konverteringsrater.