Sajtsök för e-handel - del 1

Sök på e-handelssajter blir allt mer centralt och används i allt större utsträckning. Användningen är lika stark både hos de besökare som vet precis vad de är ute efter och för de som mer är nyfikna och vill utforska.

Användartester visar samtidigt att kraven som besökare ställer på sökupplevelsen ökar och att en dålig upplevelse är svår att rädda upp i efterhand. Därför är det väl värt att göra en översyn så snart som möjligt ur olika aspekter på funktionalitet för sajtsök.

Sökförslag medan du söker - Autocomplete

I dagens artikel ska vi titta närmare på automatiska förslag i sökrutan (autocomplete) medan besökaren formulerar sin sökfråga.

Automatisk komplettering av sökfraser är ingen nyhet utan har varit standardfunktionalitet på Google sedan 2008. Funktionaliteten är också ganska vanligt förekommande på olika e-handelssajter. Därför finns det en hel del förväntningar på hur det ska fungera och vilken information som ska presenteras. Det är därför extra viktigt att göra “rätt”, dvs. inte bryta mot de inarbetade mönster som finns utan att först vara säker på varför man i så fall gör det.

Rätt använt är automatiska sökförslag ett mycket kraftfullt verktyg som skapar relevans och underlättar för dina besökare och kunder att snabbt hitta det de vill ha och ger en bra köpupplevelse.

Design

Det finns ett antal olika aspekter att ta hänsyn till för hur du ska presentera de automatiska kompletteringsförslagen för att undvika förvirring eller avbryta kundens köpflöde. Tydlighet kring VAD som presenteras, är en avgörande faktor. Presenterar du exempelvis antal produkter som respektive sökförslag leder till bör du visuellt skilja sökfras från antal träffar. Risken är annars att besökaren tolkar all information som en del av sökfrasen. Att markera träffar i en viss kategori kan vara mycket gynnsamt för att öka relevansen i sökfrasen men även här är det viktigt att skilja ut vad som är föreslagen kategori och vad som är själva sökfrasen.

Tydlighet i visning av förslag

Sökord <em>“LED”</em><br>Förslag <em>“<strong>(56)</strong> LED TV <strong>i kategorin TV</strong>”</em>

Där 56 är antal träffar som kan förväntas i resultatet i kategorin TV om man väljer det förlaget.

Exempel från Dustin

Tydlighet är också viktigt för bekräftelse för vad besökaren gör med förslagen. Vilket förslag som för tillfället är aktivt bör vara tydligt oavsett om det är muspekaren (eller fingret på touchskärmen) som är placerad över ett förslag eller om besökaren tillåts navigera via tangentbordets piltangenter, vilket rekommenderas starkt.

Ytterligare förtydligande kan göras om förslagen är variationer på samma sökfras. Då bör de delar som skiljer sig markeras så att besökaren enkelt ser dessa skillnader.

Vill du vara ännu tydligare är det också värt att förklara vad som händer och vad som kan utföras med sökresultaten med bra rubricering och hjälptexter.

Begränsa antalet förslag

Det är inte bara en designfråga även om det får stora grafiska effekter att mata på med för mycket data. En lika viktig del i begränsningen är att inte ge besökaren för många valmöjligheter eftersom det lätt leder till förvirring och obeslutsamhet. Enligt Baymard Institutes kundtester så bör du absolut inte visa mer än max 10 olika förslag åt gången.

Det finns inte heller någon ide att samla fler förslag och gömma undan med exempelvis scrollbar, som i sig är en dålig idé som bäddar för problem i sig rent användarmässigt.

info@wipcore.se så kontaktar vi dig.

Du kan också träffa oss på D-congress i Göteborg den 12 Mars då vi pratar mer kring hur e-handelslösningar och verktyg bör se ut och användas för vårt sökfokuserade digitala samhälle.