Optimér brugeroplevelsen i din webshop
Gæsteblog skrevet af Emil Borggaard, Webudvikler Gelinde
3 simple steps til at optimere brugeroplevelsen på din webshop
Brugeroplevelsesdesign er et hot topic i tiden. Det bliver også kaldt UX design, som egentlig bare står for User Experience Design. Det handler om at designe - i dette tilfælde - digitale brugergrænseflader (webshops, hjemmesider og lign.) på en måde, der gør det let for brugeren at anvende produktet, uden at skulle tænke for meget over hvordan og hvorledes det virker, og uden at blive mødt af irriterende elementer som skaber frustration.
I dette korte indlæg, får du 3 konkrete og forholdsvis simple tips til hvordan du kan optimere brugeroplevelsen på din hjemmeside eller webshop, uden at skulle være superdesigner eller koder.
#1 Få styr på dine popups/modals
I dag er popups og modals blevet utroligt populære. Det skyldes måske at det er blevet rigtig nemt at installere dem. Med et enkelt script er man som regel flyvende, og det eneste man skal gøre herefter, er at indtaste hvornår man vil vise sin nyligt installerede og smarte popup.
Men hvornår skal man egentlig vise den? Er det så snart brugeren lander på siden? Eller er det når man har scrollet 50% ned gennem en kategoriside?
Det er der mange delte meninger om, og det er helt sikkert også forskelligt fra butik til butik, men som udgangspunkt er det en dårlig idé, at vise en popup så snart brugeren lander på din side. Især hvis den popup har til formål at opsamle brugerens email.
Man kan sammenligne det lidt med at gå ind i en fysisk butik. Hvis du lige er gået ind i butikken, og butikslederen med det samme spørger om du vil have 10% på din ordre i bytte for din email, hvad tænker du så?
I 90% af tilfældene vil det nok være et “Øhh… Ellers tak. Jeg kigger bare”. For det gør man jo. Man ved jo ikke engang om butikken har de varer man leder efter, man er jo trods alt lige trådt ind ad døren. Og selvom butikken har det man leder efter, så kan det være, at prisen ikke er som man forventer. Så selvfølgelig vil man ikke give sin email ud første gang man lander på en side. Især ikke, når man ikke ved hvad de har at tilbyde endnu.
Derudover, så kan det også virke irriterende at man først skal lukke en cookie popup, sige nej tak til at dele sin lokation og afslutningsvis lige skal lukke endnu en popup med tilhørende nyhedsbrevstilmelding.
Så tænk over hvordan og hvornår du trigger dine popups. En løsning kunne være at vise popuppen 5. gang kunden besøger din hjemmeside, men ikke før. Så ved du, at de har haft tid til at kigge sig omkring.
Relateret: Sådan laver du popups i ideal.shop
#2 Få styr på det visuelle hierarki
Når man arbejder med det visuelle hierarki, så arbejder man med at styre brugerens opmærksomhed hen mod de ‘rette’ elementer.
Du har sikkert før landet på en hjemmeside, og slet ikke kunne finde den information du ledte efter. Måske det skyldes manglen på underoverskrifter, farver, ikoner og lign. Det er alt sammen noget man arbejder med, når man snakker om at optimere det visuelle hierarki.
For det handler nemlig om, at dele siden op, så det er let for brugeren at finde ud af, hvor de skal kigge hen, for at finde det de leder efter.
Billedet herover, er et klassisk eksempel som bliver brugt af designere verden over, for at illustrere præcis hvad der menes, når man snakker visuelt hierarki.
Brugeroplevelsen øges gevaldigt, når brugeren har let ved at finde præcis det de leder efter. Så husk at gøre brug af overskrifter, underoverskrifter, farver, og meget mere, til at opdele dit indhold klart og tydeligt, så dine kunder nemt kan finde det de har brug for.
#3 Gør fejlbeskeder tydelige og forståelige
Hvis man er lidt af en nørd indenfor design og UX, så kender man måske Jakob Nielsens 10 heuristikker. En af dem handler om at hjælpe brugeren med at opdage og forstå de fejl som af og til forekommer.
Et klassisk eksempel er 404-siden. Det er ikke alle der ved, at 404 statuskoden betyder, at siden ikke kunne findes. Så gør det i stedet tydeligt for kunden, at de er havnet på en side, som ikke kunne findes, og hvordan de kommer videre derfra. Inkludér eventuelt et søgefelt, nogle populære kategorier og produkter, så de har let ved at komme videre til noget relevant.
Et andet eksempel, som er yderst relevant for webshops, er når kunden - ved en fejl - udfylder forkert information i checkouten. Måske har de udfyldt sit navn i stedet for sin email, eller en adresse som ikke findes. Her er det vigtigt at vise præcis hvad der går galt, og hvordan det kan løses, så brugeren nemt kan rette fejlen og hurtigt komme videre i flowet.
Har du brug for hjælp til design af din ideal.shop?
Send mig en mail på: emil@gelinde.dk
