En hjemmeside, der ser ren ud og indlæses hurtigt, kan stadig slå helt fejl. Besøgende kommer ind, kigger sig omkring og går igen uden at gøre noget. Designet er fint. Indholdet er der. Det er brugeroplevelsen, der bryder kæden mellem ankomst og handling, og det er den del af en hjemmeside, de fleste ejere kigger på sidst.
At forbedre brugeroplevelsen på en hjemmeside betyder at finde og fjerne det, der står i vejen mellem en besøgende og det, vedkommende kom for. Det kan være at finde oplysninger, købe noget, sende en kontaktformular eller forstå, hvad virksomheden tilbyder. Hvert sted, hvor en besøgende tøver, bliver forvirret eller giver op, er et UX-problem, og de fleste kan løses uden et helt nyt design.
Artiklen om hvad UX-design er forklarer de principper, en god brugeroplevelse bygger på. Her gennemgår vi de praktiske ændringer, der giver mest på virksomheders hjemmesider.
Hvordan finder du UX-problemer på din hjemmeside?
Før du ændrer noget, skal du vide, hvor problemerne er. Flere metoder viser forskellige typer problemer.
Signaler fra analytics
Høj afvisningsprocent på vigtige sider, kort tid på sider med indhold, der burde tage længere at læse, og kraftige frafald i betalingen eller i udfyldelsen af formularer peger alle på UX-problemer. Signalerne fortæller ikke, hvad problemet er, men de viser, hvor du skal lede. En kontaktside, hvor 90 procent forlader siden, før de sender, har et UX-problem et sted i forløbet.
Se rigtige besøgende navigere
Bed en person, der aldrig har set din hjemmeside, om at finde en bestemt side, løse en bestemt opgave eller svare på et bestemt spørgsmål, mens du kigger med. Det er den mest direkte måde at finde UX-fejl på. Du må ikke guide dem. Se, hvor de klikker, hvor de tøver, og hvor de giver op. To eller tre sessioner som denne afslører de største problemer på de fleste hjemmesider.
Heatmaps og optagelser af besøg
Heatmaps viser, hvor besøgende klikker, trykker og scroller på hver side. Scrollkort viser, hvor langt ned på siden de fleste kommer, før de går. Optagelser af besøg lader dig se rigtige besøg afspillet og viser præcis, hvor de besøgende bevæger sig, holder pause og giver op. Værktøjerne svarer på noget, analytics ikke kan: ikke bare at besøgende forlader siden, men hvor på siden de gør det, og hvad de lavede på det tidspunkt.
Tekniske tjek
Hvis du går hjemmesiden igennem kun med tastaturet og uden at røre musen, ser du problemer med betjeningen, som rammer tastaturbrugere og skærmlæserbrugere. Hvis du ser siden på en rigtig mobil i forskellige skærmstørrelser, finder du fejl i mobillayoutet, som simuleringer i en browser på computeren ofte overser. Hvis du tjekker indlæsningstiden på en mobilforbindelse, finder du hastighedsproblemer, som man ikke ser på et hurtigt wifi på kontoret.
Hvilke UX-forbedringer gør mest forskel på virksomheders hjemmesider?
Gør navigationen enklere
Navigation, hvor den besøgende må gætte, hvor hun skal klikke hen, er en af de mest almindelige UX-fejl på virksomheders hjemmesider. Menupunkter, der betyder noget internt, men ingenting for en førstegangsbesøgende, for mange valg på øverste niveau og sider, der ligger gemt to eller tre klik nede, skaber alle besvær, før den besøgende overhovedet har set noget indhold. De mest pålidelige forbedringer er at have færre menupunkter, bruge enkle og beskrivende navne og gøre de vigtigste sider mulige at nå med ét klik fra alle sider. Artiklen om hvad navigation på en hjemmeside er viser, hvordan du bygger menuer, der guider i stedet for at forvirre.
Lav et tydeligt hierarki på hver side
En side uden tydeligt visuelt hierarki giver de besøgende intet sted at starte. Når overskriften, et reklamebanner, navigationslinks og brødtekst alle kæmper om opmærksomheden i omtrent samme størrelse og vægt, skimmer de besøgende uden at læse og går uden at handle. Hver side bør have ét dominerende element, som øjet går til først, som regel overskriften, efterfulgt af en logisk vej hen mod den vigtigste handling. Artiklen om hvad visuelt hierarki er forklarer, hvordan størrelse, kontrast og luft skaber en læserækkefølge, der guider de besøgende uden besvær.
Ret op på mobiloplevelsen
En side, der falder forkert sammen på mobil, tekst man må zoome ind for at læse, knapper der er for små til at ramme, og formularer, der er besværlige at udfylde på en touchskærm, får alle besøgende til at gå. UX-problemer på mobil er dem, der oftest overses på virksomheders hjemmesider, fordi ejere og udviklere som regel bygger og tester på computer. Du skal tjekke hver vigtig side og hvert forløb på en rigtig mobil. Det er ikke valgfrit. Artiklen om hvordan du gør en hjemmeside mobilvenlig gennemgår de valg i layout og betjening, der afgør, om mobiloplevelsen virker.
Gør formularer lettere
Formularer med for mange obligatoriske felter, uden synlige feltnavne, med uklare fejlmeddelelser og uden bekræftelse efter afsendelse mister en stor del af dem, der ville udfylde dem. Fjern alle felter, der ikke er nødvendige, sæt tydelige navne på alle felter, skriv fejlmeddelelser, der siger præcis, hvad der er galt, og hvordan det rettes, og vis en klar bekræftelse efter afsendelse. Det øger andelen, der udfylder formularen, på næsten alle virksomheders hjemmesider.
Gør call to action synlig og konkret
En call to action, der går i ét med siden eller bruger vage ord, mister besøgende, som er klar til at handle. Den vigtigste call to action på hver side skal skille sig ud fra alt omkring sig med farve og kontrast, stå der, hvor den besøgendes øje naturligt lander, og beskrive resultatet frem for handlingen. "Book et gratis opkald" virker bedre end "Kontakt os". "Se priser" virker bedre end "Læs mere". Hver side bør have én klar hovedhandling, og den skal være umulig at overse.
Gør siden hurtigere at indlæse
Hvert ekstra sekund, en side er om at indlæse, mindsker andelen, der bliver og læser den. Langsomme sider får besøgende til at gå, før de har set noget indhold, og så er alle andre UX-forbedringer uden betydning for de besøg. Det mest almindelige er at komprimere billeder, udskyde scripts, der ikke er brug for med det samme, og fjerne kode, der ikke bruges mere. Artiklen om typer af layout på hjemmesider viser, hvordan valg af layout hænger sammen med, hvor hurtigt det synlige indhold indlæses.
Hvordan vælger du, hvilke UX-forbedringer du tager først?
Start med de sider, der har størst værdi for forretningen. Forsiden, den vigtigste side om ydelse eller produkt og kontaktsiden eller betalingssiden er der, hvor flest besøgende kommer ind, og hvor flest kunder går tabt. En UX-forbedring på en af dem giver mere end den samme forbedring på en side med lav trafik.
På de sider skal du først rette de problemer, der rammer flest besøgende. Et menunavn, der forvirrer alle, som kommer ind, rammer alle. En formularfejl, der kun opstår i én bestemt browser, rammer langt færre. Rækkefølgen er: sider med meget trafik først, derefter de mest almindelige problemer på de sider.
Hvordan måler du, om UX-forbedringerne virker?
Mål den adfærd, du ville ændre. Hvis du har gjort en kontaktformular enklere, så mål, hvor mange der udfylder den, før og efter. Hvis du har ændret en sides visuelle hierarki, så mål afvisningsprocenten og tiden på siden. Hvis du har rettet et mobillayout, så mål konverteringen på mobil for den side.
Ændringer i brugeroplevelsen giver sjældent resultater med det samme. Giv hver ændring to til fire uger, før du drager konklusioner, afhængigt af hvor meget trafik siden får. Sider med lidt trafik skal bruge længere tid på at samle nok data til en meningsfuld sammenligning.
Hvordan hænger UX-forbedringer sammen med SEO?
Søgemaskiner bruger signaler om adfærd til at vurdere, om siderne tjener de besøgende godt. Sider, hvor besøgende bliver længere, scroller længere og udfører handlinger, signalerer relevans og kvalitet. Sider med høj afvisningsprocent og lav aktivitet signalerer det modsatte. UX-forbedringer, der holder besøgende på siden og guider dem til at løse deres opgaver, giver de signaler, som over tid understøtter dine placeringer. Artiklen om hvad SEO er forklarer, hvordan signaler om brugeroplevelsen indgår i resultaterne i søgemaskinerne.
Sådan hjælper WEMASY med UX-forbedringer
I WEMASY's hjemmesidebygger kan du justere layout, navigation, formularfelter og hierarki på siderne i en visuel editor uden at bygge siderne om fra bunden. Forhåndsvisning på mobil og computer viser, hvordan ændringerne ser ud, før du udgiver. Skabelonerne er bygget med UX-standarder, der løser de mest almindelige problemer på virksomheders hjemmesider, så du kan forbedre enkelte elementer i stedet for at begynde forfra.
Se, hvad der er med, hos WEMASY's hjemmesidebygger, eller se planerne på siden med priser.
Ofte stillede spørgsmål
Hvor skal du starte, når du vil forbedre UX på din hjemmeside?
Start med den side, der har mest trafik, et klart mål og et resultat, du kan måle. På de fleste virksomheders hjemmesider er det forsiden eller den vigtigste side om ydelsen. Find det ene problem på den side, der rammer flest besøgende: en uklar overskrift, en call to action, der er gemt væk, forvirrende navigation eller langsom indlæsning. Ret det ene først, mål resultatet og gå videre til det næste. Hvis du prøver at forbedre alt på én gang, kan du ikke se, hvad der virker. Med WEMASY's hjemmesidebygger kan du sætte det op direkte på din hjemmeside.
Kræver UX-forbedringer et helt nyt design af hjemmesiden?
Sjældent. De fleste UX-problemer er konkrete fejl på bestemte sider og ikke fejl i opbygningen, som kræver, at hele hjemmesiden bygges om. Du kan gøre menunavne enklere, forbedre fejlmeddelelser i formularer, justere det visuelle hierarki på en vigtig side eller rette et mobillayout uden et nyt design. Et helt nyt design er værd at overveje, når hjemmesidens opbygning ikke længere passer til, hvordan virksomheden arbejder, når platformen ikke kan klare de ændringer, du har brug for, eller når UX-problemerne er så udbredte, at det vil tage længere at rette dem ét ad gangen end at bygge forfra.
Hvor lang tid går der, før man ser resultater af UX-forbedringer?
Det afhænger af, hvor meget trafik der er, og hvilken ændring det er. En side med meget trafik og et klart mål, du kan måle, som andelen der udfylder en kontaktformular, kan vise resultater inden for en til to uger. En side med lidt trafik kan have brug for en måned eller mere for at samle nok data til en pålidelig sammenligning. Ændringer i navigation og visuelt hierarki viser som regel resultater hurtigere end ændringer, der kun rammer en lille del af de besøgende.
Hvad er forskellen på en UX-gennemgang og brugertest?
En UX-gennemgang er en ekspertvurdering af en hjemmeside ud fra anerkendte principper og standarder for brugervenlighed, hvor problemerne findes ud fra viden om, hvordan brugere typisk opfører sig. Ved en brugertest ser du rigtige brugere løse opgaver på siden og noterer, hvor de har problemer. En gennemgang er hurtigere og billigere. En brugertest er mere præcis, fordi den viser, hvordan rigtige brugere opfører sig, og ikke hvordan en ekspert tror, de gør. Begge dele er bedre end ingen af dem. På små virksomheders hjemmesider afslører en brugertest med to eller tre rigtige brugere de største problemer hurtigere end nogen anden metode.
Kan UX-forbedringer give flere kunder uden mere trafik?
Ja. Bedre konvertering kommer af, at det bliver lettere for de besøgende, du allerede har, at gøre det, de kom for. En hjemmeside, der konverterer 2 procent af sine besøgende, giver dobbelt så mange henvendelser med samme trafik, hvis konverteringen når 4 procent. UX-forbedringer er en af de mest direkte måder at øge konverteringen på uden mere trafik eller flere annoncekroner. For virksomheder, hvor det er dyrt at få trafik, giver det ofte mere at forbedre det, der sker, når den besøgende er kommet.