Optimera användarupplevelsen i din webbshop
Gästblogg skriven av Emil Borggaard, Webbutvecklare Gelinde
3 enkla steg för att optimera användarupplevelsen i din webbutik
Design av användarupplevelser är ett hett ämne nuförtiden. Det kallas också UX-design, som egentligen bara står för User Experience Design. Det handlar om att utforma - i det här fallet - digitala användargränssnitt (webbutiker, webbplatser och liknande) på ett sätt som gör det enkelt för användaren att använda produkten, utan att behöva tänka för mycket på hur och hur den fungerar och utan att mötas av irriterande element som skapar frustration.
I det här korta inlägget får du 3 konkreta och relativt enkla tips på hur du kan optimera användarupplevelsen på din webbplats eller webshop, utan att behöva vara en superdesigner eller kodare.
#1 Få kontroll över dina popup-fönster/modaler
Idag har popups och modals blivit otroligt populära. Det beror kanske på att det har blivit väldigt enkelt att installera dem. Med ett enkelt skript är du oftast flygande och det enda du behöver göra efteråt är att ange när du vill visa din nyinstallerade och smarta popup.
Men när ska du egentligen visa den? Är det så fort användaren landar på sidan? Eller är det när de har scrollat 50 % ner genom en kategorisida?
Det finns många olika åsikter om detta, och det skiljer sig säkert från butik till butik, men som utgångspunkt är det en dålig idé att visa en popup så fort användaren landar på din sida. Särskilt om syftet med popupen är att samla in användarens e-postadress.
Du kan jämföra det med att gå in i en fysisk butik. Om du precis har gått in i butiken och chefen omedelbart frågar dig om du vill ha 10 % rabatt på din beställning i utbyte mot din e-postadress, vad tycker du då?
I 90 % av fallen blir det förmodligen ett "Uhh... Nej tack. Jag tittar bara". För det är vad du gör. Du vet inte ens om butiken har de varor du letar efter, du har ju trots allt bara gått in genom dörren. Och även om butiken har det du letar efter kanske priset inte är det du förväntar dig. Så självklart vill du inte lämna ut din e-postadress första gången du landar på en sida. Särskilt när du inte vet vad de har att erbjuda ännu.
Dessutom kan det också verka irriterande att du först måste stänga en cookie-popup, säga nej tack till att dela din plats och slutligen måste stänga en annan popup med en nyhetsbrevsanmälan.
Tänk därför på hur och när du utlöser dina popup-fönster. En lösning kan vara att visa popupen den femte gången kunden besöker din webbplats, men inte tidigare. Då vet du att de har hunnit titta runt.
Relaterat: Så här gör du popup-fönster i ideal.shop
#2 Få grepp om den visuella hierarkin
När du arbetar med den visuella hierarkin arbetar du för att rikta användarens uppmärksamhet mot "rätt" element.
Du har säkert landat på en webbplats tidigare och inte kunnat hitta den information du letade efter. Kanske beror det på bristen på underrubriker, färger, ikoner och liknande. Allt detta är något man arbetar med när man talar om att optimera den visuella hierarkin.
För det handlar om att dela upp sidan så att det är lätt för användaren att räkna ut var han eller hon ska leta för att hitta det han eller hon söker.
Bilden ovan är ett klassiskt exempel som används av designers runt om i världen för att illustrera exakt vad man menar när man talar om visuell hierarki.
Användarupplevelsen förbättras avsevärt när användaren lätt kan hitta exakt det han eller hon söker. Så kom ihåg att använda dig av rubriker, underrubriker, färger och mycket annat för att tydligt dela upp ditt innehåll så att dina kunder lätt kan hitta det de behöver.
#3 Gör felmeddelanden tydliga och begripliga
Om du är lite av en design- och UX-nörd kanske du känner till Jakob Nielsens 10 heuristiker. En av dem handlar om att hjälpa användaren att upptäcka och förstå de fel som ibland uppstår.
Ett klassiskt exempel är 404-sidan. Det är inte alla som vet att statuskoden 404 betyder att sidan inte kunde hittas. Så i stället bör du göra det tydligt för kunden att de har hamnat på en sida som inte kunde hittas och hur de ska gå vidare därifrån. Inkludera en sökruta, några populära kategorier och produkter för att göra det enkelt för dem att gå vidare till något relevant.
Ett annat exempel som är högst relevant för nätbutiker är när kunden - av misstag - fyller i fel information i kassan. Kanske har de fyllt i sitt namn i stället för sin e-postadress, eller en adress som inte finns. Här är det viktigt att visa exakt vad som går fel och hur det kan lösas så att användaren enkelt kan rätta till felet och snabbt gå vidare i flödet.
Behöver du hjälp med att utforma din idealiska butik?
Skicka ett e-postmeddelande till mig på: emil@gelinde.dk
