En webbplats som ser ren ut och laddas snabbt kan ändå misslyckas helt. Besökare kommer, tittar sig omkring och lämnar utan att göra något. Designen är bra. Innehållet finns där. Det är användarupplevelsen som bryter kedjan mellan ankomst och handling, och det är den del av en webbplats som de flesta ägare tittar på sist.
Att förbättra användarupplevelsen på en webbplats handlar om att hitta och ta bort friktionen mellan en besökare och det resultat de kom för att uppnå. Resultatet kan vara att hitta information, göra ett köp, skicka ett kontaktformulär eller förstå vad företaget erbjuder. Varje punkt där en besökare tvekar, blir förvirrad eller ger upp är ett UX-problem, och de flesta går att åtgärda utan en total omdesign.
Artikeln om vad UX-design är förklarar principerna bakom en bra användarupplevelse. Den här artikeln tar upp de praktiska ändringarna som ger mest förbättring på riktiga företagswebbplatser.
Hur hittar du UX-problem på din webbplats?
Innan du ändrar något behöver du veta var problemen finns. Flera metoder visar olika typer av problem.
Signaler från analys
Hög avvisningsfrekvens på viktiga sidor, kort tid på sidan för innehåll som borde ta längre att läsa och kraftiga tapp i kassaflöden eller när formulär fylls i tyder alla på UX-problem. Signalerna säger inte vad problemet är, men de visar var du ska leta. En kontaktsida där 90 procent lämnar innan de skickat något har ett UX-problem någonstans i det flödet.
Titta på riktiga besökare som navigerar
Be någon som aldrig har sett din webbplats att hitta en viss sida, slutföra en viss uppgift eller svara på en viss fråga medan du tittar på. Det är det mest direkta sättet att hitta UX-fel. Led dem inte. Titta var de klickar, var de tvekar och var de ger upp. Två eller tre sådana tillfällen visar de mest betydande problemen på de flesta webbplatser.
Värmekartor och sessionsinspelningar
Värmekartor visar var besökare klickar, trycker och scrollar på varje sida. Scrollkartor visar hur långt ner på en sida de flesta besökare kommer innan de lämnar. Med sessionsinspelningar kan du se riktiga besök spelas upp igen och se exakt var besökarna rör sig, pausar och ger upp. De här verktygen svarar på en fråga som analys inte kan svara på: inte bara att besökare lämnar, utan var på sidan de lämnar och vad de gjorde just då.
Tekniska kontroller
Om du navigerar genom webbplatsen med bara tangentbordet, utan att röra musen, ser du användbarhetsproblem som drabbar tangentbordsanvändare och skärmläsaranvändare. Om du tittar på webbplatsen på en riktig telefon i olika skärmstorlekar ser du layoutproblem på mobilen som simuleringar i en dators webbläsare ofta missar. Om du kontrollerar laddningstiden på en mobil uppkoppling ser du hastighetsproblem som är osynliga på snabbt wifi på kontoret.
Vilka UX-förbättringar ger mest effekt för företagswebbplatser?
Förenkla navigeringen
Navigering som kräver att besökaren gissar vart de ska är ett av de vanligaste UX-felen på företagswebbplatser. Menyval som betyder något internt men ingenting för en förstagångsbesökare, för många alternativ på toppnivån och sidor som ligger två eller tre klick ner skapar alla friktion innan besökaren sett något innehåll. De mest pålitliga förbättringarna är att minska antalet menyval, använda enkla beskrivande namn och göra de viktigaste sidorna nåbara med ett klick från varje sida. Artikeln om vad webbplatsnavigering är går igenom hur du bygger menyer som vägleder i stället för att förvirra.
Skapa en tydlig hierarki på varje sida
En sida utan tydlig visuell hierarki ger besökarna ingen startpunkt. När rubriken, en kampanjbanner, navigeringslänkar och brödtext alla konkurrerar om uppmärksamheten i liknande storlek och tyngd skummar besökarna utan att läsa och lämnar utan att agera. Varje sida bör ha ett dominerande element som blicken går till först, oftast rubriken, följt av en logisk väg mot den viktigaste handlingen. Artikeln om vad visuell hierarki är förklarar hur storlek, kontrast och avstånd skapar en läsordning som vägleder besökarna utan att de behöver anstränga sig.
Åtgärda mobilupplevelsen
En sida på datorn som rasar fel på mobilen, text som man måste zooma för att läsa, knappar som är för små för att träffa och formulär som är frustrerande att fylla i på en pekskärm får alla besökare att lämna. UX-problem på mobil är de mest konsekvent förbisedda problemen på företagswebbplatser eftersom ägare och utvecklare oftast bygger och testar på datorn. Att kontrollera varje viktig sida och varje användarflöde på en riktig telefon är inte valfritt. Artikeln om hur du gör en webbplats mobilvänlig går igenom de layout- och interaktionsbeslut som avgör om mobilupplevelsen fungerar.
Minska friktionen i formulär
Formulär med för många obligatoriska fält, inga synliga etiketter, otydliga felmeddelanden och ingen bekräftelse efter att de skickats tappar en stor del av de besökare som tänkte fylla i dem. Att ta bort varje fält som inte behövs, lägga till tydliga etiketter på varje fält, skriva felmeddelanden som pekar ut det specifika problemet och hur det åtgärdas, och visa ett tydligt bekräftelsemeddelande efter att formuläret skickats är ändringar som ökar andelen som fyller i formuläret på nästan varje företagswebbplats.
Gör uppmaningar till handling synliga och tydliga
En uppmaning som smälter in i sidan eller använder vagt språk tappar besökare som är redo att agera. Den primära uppmaningen på varje sida ska skilja sig visuellt från allt runt omkring genom färg och kontrast, placeras där besökarens blick naturligt hamnar och formuleras utifrån resultatet i stället för handlingen. "Boka ett kostnadsfritt samtal" konverterar bättre än "Kontakta oss". "Se priser" konverterar bättre än "Läs mer". Varje sida bör ha en tydlig primär handling, och den ska vara omöjlig att missa.
Förbättra sidans laddningstid
Varje extra sekund som en sida tar att ladda minskar andelen besökare som stannar för att läsa den. Långsamma sidor får besökare att lämna innan de sett något innehåll, vilket gör att alla andra UX-förbättringar är betydelselösa för de besöken. De vanligaste åtgärderna är att komprimera bilder, skjuta upp skript som inte behövs direkt och ta bort kod som inte längre används. Artikeln om layouttyper för webbplatser går igenom hur layoutval hänger ihop med hur snabbt det synliga innehållet laddas.
Hur prioriterar du vilka UX-förbättringar du gör först?
Börja med sidorna som har högst affärsvärde. Startsidan, huvudsidan för tjänst eller produkt och kontakt- eller kassasidan är där flest besökare kommer in och där flest konverteringar går förlorade. En UX-förbättring på någon av de sidorna ger större avkastning än samma förbättring på en sida med lite trafik.
Åtgärda först de problem som drabbar flest besökare på de sidorna. Ett menyval som förvirrar varje besökare som kommer in drabbar alla. Ett formulärfel som bara uppstår i en viss webbläsare drabbar många färre. Ordningen är: sidor med mycket trafik först, sedan de vanligaste friktionspunkterna på de sidorna.
Hur mäter du om UX-förbättringarna fungerar?
Mät det specifika beteende du ville ändra. Om du förenklade ett kontaktformulär, mät hur stor andel som fyller i det före och efter. Om du byggde om en sidas visuella hierarki, mät avvisningsfrekvensen och tiden på sidan. Om du åtgärdade en mobillayout, mät konverteringen på mobil för den sidan.
Ändringar i användarupplevelsen ger sällan resultat direkt. Ge varje ändring två till fyra veckor innan du drar slutsatser, beroende på hur mycket trafik sidan har. Sidor med lite trafik behöver längre tid för att samla tillräckligt med data för en meningsfull jämförelse.
Hur hänger UX-förbättringar ihop med SEO?
Sökmotorer använder beteendesignaler för att bedöma om sidor tjänar sina besökare väl. Sidor där besökare stannar längre, scrollar längre och slutför handlingar signalerar relevans och kvalitet. Sidor med hög avvisningsfrekvens och lågt engagemang signalerar motsatsen. UX-förbättringar som håller kvar besökarna på sidan och leder dem mot att slutföra uppgifter ger de beteendesignaler som stöder rankingen över tid. Artikeln om vad SEO är går igenom hur signaler om användarupplevelse påverkar sökresultaten.
Så hanterar WEMASY UX-förbättringar
Med WEMASY:s webbplatsbyggare kan du justera layout, navigeringsstruktur, formulärfält och sidhierarki i en visuell redigerare utan att bygga om sidorna från grunden. Förhandsvisningar för mobil och dator visar effekten av ändringarna innan du publicerar. Mallarna är byggda med UX-standardval som åtgärdar de vanligaste problemen på företagswebbplatser, så du kan förbättra enskilda element i stället för att börja om.
Se vad som ingår på WEMASY:s webbplatsbyggare eller jämför planerna på prissidan.
Vanliga frågor
Var ska du börja när du förbättrar webbplatsens UX?
Börja med din sida med mest trafik som har ett tydligt mål och ett mätbart resultat. För de flesta företagswebbplatser är det startsidan eller huvudsidan för tjänsten. Hitta den enda friktionspunkt på sidan som drabbar flest besökare: otydlig rubrik, gömd uppmaning till handling, förvirrande navigering eller lång laddningstid. Åtgärda den först, mät resultatet och gå sedan vidare till nästa. Om du försöker förbättra allt på en gång går det inte att veta vad som fungerar. Med WEMASY:s webbplatsbyggarekan du ställa in det direkt på din webbplats.
Kräver UX-förbättringar en total omdesign av webbplatsen?
Sällan. De flesta UX-problem är specifika problem på specifika sidor, inte strukturella fel som kräver att hela webbplatsen byggs om. Du kan förenkla menynamn, förbättra felmeddelanden i formulär, justera den visuella hierarkin på en viktig sida eller åtgärda ett layoutproblem på mobil utan omdesign. En total omdesign är värd att överväga när webbplatsens struktur inte längre passar hur verksamheten fungerar, när plattformen inte klarar de ändringar som behövs eller när UX-problemen är så utbredda att det skulle ta längre tid att åtgärda dem ett och ett än att bygga om.
Hur lång tid tar det att se resultat av UX-förbättringar?
Det beror på trafikvolym och typ av ändring. En sida med mycket trafik och ett tydligt mätbart resultat, som andelen som fyller i ett kontaktformulär, kan visa resultat inom en till två veckor. En sida med lite trafik kan behöva en månad eller mer för att samla tillräckligt med data för en tillförlitlig jämförelse. Ändringar i navigering och visuell hierarki visar oftast resultat snabbare än ändringar som bara påverkar en liten del av sidans besökare.
Vad är skillnaden mellan en UX-granskning och användbarhetstest?
En UX-granskning är en expertbedömning av en webbplats mot etablerade användbarhetsprinciper och standarder, som hittar problem utifrån kunskap om hur användare brukar bete sig. Användbarhetstest innebär att observera riktiga användare som utför uppgifter på webbplatsen och anteckna var de har svårt. Granskningar går snabbare och är billigare. Användbarhetstest är mer träffsäkra eftersom de speglar hur faktiska användare beter sig i stället för hur en expert tror att de gör. Båda är mer användbara än ingen av dem. För småföretags webbplatser visar användbarhetstest med två eller tre riktiga användare de mest betydande problemen snabbare än någon annan metod.
Kan UX-förbättringar öka konverteringarna utan mer trafik?
Ja. Förbättrad konvertering kommer av att det blir enklare för befintliga besökare att slutföra det de kom för att göra. En webbplats som konverterar 2 procent av besökarna ger dubbelt så många leads med samma trafik om konverteringen når 4 procent. UX-förbättringar är ett av de mest direkta sätten att öka konverteringarna utan att öka trafiken eller annonskostnaderna. För företag där det är dyrt att få trafik är det ofta en mer lönsam investering att förbättra vad som händer efter att besökaren kommit.