3 sätt att säkerställa intuitiv och användarvänlig navigering för din e-handel butik

Vi vet vad du tänker: hur svårt kan det vara att göra en webbplats användarvänlig och intuitiv? När allt kommer omkring, klistra bara en sökfält någonstans överst och några klickbara flikar någonstans på hemsidan, så är du bra att gå, eller hur? Fel.

Visste du att sökfält inte är ett tydligare navigeringsverktyg än välorganiserade kategorier? Om dina produktgrupperingar tydligt namnges och din webbplats verkligen är intuitiv, finns det inget behov av en sökfält. Vad många inte inser när de funderar på hur man ställer in sin webbplats för e-handel är att sökfält bara är effektiva för de som kommer till din butik och vet vad de letar efter; sökfält uppmuntrar inte direkt människor att bläddra mer eller kamma igenom dina kategorier.

Därför är det ultimata målet med intuitiv navigering välorganiserade flikar och kategorier som leder till tydligt etablerade produktsidor. En väldesignad, användarvänlig onlinebutik hjälper kunder enkelt genom hela shoppingprocessen, från sökning till inköp. Kunderna bör inte vara förvirrade eller inte veta vad deras nästa steg är. Omvandla sökvägen leder till övergivna kundvagnar och låga konverteringskurser. Så i det här inlägget kommer vi att gå närmare i detalj om vad du kan göra för att se till att din e-butik är intuitiv och användarvänlig och guidar dina kunder när de handlar.

1. "Förutfattad kunskap"

Intuitiv design för en e-handelswebbplats är osynlig och har ingen inlärningskurva. Vad betyder dessa stora, allmänna, alltomfattande ord? I grund och botten, att vem som helst - oavsett om det är din äldre syskonbarns brorson eller geriatriska men svåra mormor - kan dra upp din onlinebutik och omedelbart kunna handla dina produkter.

För att uppnå detta sömlösa användargränssnitt och navigering måste du överväga något som vi kallar "förutfattad kunskap". Förutfattad kunskap är den information och vanor som besökarna på din webbplats tar med sig när de kommer in i din onlinebutik. Detta kan vara information som hämtas från att använda andra konkurrentwebbplatser, från verkliga och virtuella upplevelser eller bara från intuition. I grund och botten är det alla olika sätt som en besökare på din webbplats tycker att din webbplats ska fungera baserat på tidigare erfarenheter.

Om du till exempel driver ett fastighetsbolag och din hemsida består av en stor bild av ett hus som ber besökarna att klicka och gå in på din webbplats - är det vettigt att göra dörren till huset till den heta platsen eller en klickbar ingång , till nästa målsida. Intuitivt vet användare att dörrar leder till rum så det är vettigt att göra dörren till husbilden till en het plats. Detsamma kan dock inte sägas för att göra mitt på taket till en varm plats. Majoriteten av dina kunder kommer aldrig att ta reda på att övergången till nästa sida är genom mitten av husets tak, och det är troligt att de aldrig kommer att gå utöver din hemsida vilket leder till förlust av trafik och ingen försäljning.

När du utformar din webbplats bör du därför tänka på de vanliga användningsområdena, bilderna och riktningen som alla möter. Även om ovanliga mönster kan vara tilltalande för sin unika faktor, har ett motverkande element på din webbplats inte bra för affärer - så lika spännande som avantgardistisk högerjusterad text –– som är skriven för att läsas från höger till vänster –– är , det är inte den konventionella förståelsen av att läsa text och kommer därför inte att vara tillgänglig för majoriteten av konsumenterna.

För den äventyrliga, om du så insisterar på att sticker ut från mängden, kan du avhjälpa den otydliga designen genom att lägga till vägbeskrivningar eller förklaringar som fungerar som en bro mellan besökares förutfattade kunskap och den innovativa funktionen. När du går tillbaka till vårt exempel på fastighetsbolag ovanifrån, om du är särskilt knuten till att ha den heta platsen vara husets tak, gör det för all del; men kommunicera via en popup eller ”klicka här” -text. Använd ett ytterligare element för att förklara för dina konsumenter ditt koncept; leda dina kunder genom operationen och till deras mål: göra köp.

2. Enhetlig navigering över alla sidor

Det finns många sidor med webbplatser för e-handel; du har din hemsida, produktsidor, målsidor, om oss-sidan, kontaktformulär osv. Vid köp är det mycket information att dela och mycket information som potentiella köpare letar efter. Se till enkel navigering mellan all informationsutbyte genom att hålla allt enhetligt - det betyder flikar, knappar, kommandon, menyer, allt.

Navigeringsprocessen måste standardiseras, liksom ikoner, bilder och knappar. För att undvika förvirring och övergivna vagnar, se till att flyttningen genom din onlinebutik inte ändras från sida till sida. Hur skurrande skulle det vara om kategori-menyn på din butiks hemsida spola på vänster sida, men efter att du hade angett en av kategorisidorna flyttades menyn plötsligt till höger. Även om det kan verka komiskt i det här isolerade exemplet, från kundperspektivet kan det vara en ganska frustrerande shoppingupplevelse - inte bara för att inte veta var man hittar en funktion utan att aldrig kunna fastställa var den kommer att vara nästa.

Bilder, inklusive knappar, måste också standardiseras. När en kund till exempel använder "Visa kundvagn" -knappen, bör den aldrig omformas eller vara annorlunda på någon av de andra sidorna alls och av många skäl:

(1) Professionalism: Om hela webbplatsen, inklusive knappar, är ett stort antal olika bilder, teckensnitt och färger, kommer webbplatsen att skrika inofficiellt, kastas ihop och sannolikt inte legitimt. Det måste se sammanhängande överallt.

(2) Förvirrande kunder: Om knappar, som är direktiv, ständigt förändras, kommer dina kunder att förvirras. Två olika designade knappar, även om de är på samma plats från sida till sida, skulle innebära förändring för en kund. De kanske tvekar att klicka på den eftersom funktionen hos den verkade förändras med sin nya design.

(3) Förskjutning: Och på samma sätt, om samma knapp ständigt rör sig från sida till sida, kommer kunderna inte att veta var de ska klicka när de bläddrar igenom de olika kategorierna. Om din "Visa kundvagn" -knapp är i det övre högra hörnet på en sida, se till att den är där för alla andra; annars, hur kommer en besökare att veta var man ska klicka på sin kundvagn om det beror på vilken sida de är på.

Konsekvens och tydligt direktiv som uppnås genom standardisering av din navigering kommer att säkerställa en användarvänlig e-handelswebbplats och kommer säkert att vara mer intuitiv för dina kunder.

3. ströbröd

Det kanske effektivaste sättet att säkerställa intuitiv och organiserad navigering genom en onlinebutik är genom att använda ett system som kallas brödsmulor. Breadcrumbs är ett textbaserat navigeringssystem som håller reda på din rörelse på en webbplats, kroniserar de sidor du besöker och visar var, inom de olika kategorierna, din nuvarande sida finns.

Det ger inte bara dina kunder en känsla av riktning på webbplatsen, utan det ger genvägar för dina besökare att direkt navigera fram och tillbaka inom kategorierna. En brödskiva - som vanligtvis finns högst upp på webbplatsen - för en produktsida för ett varuhus i ett butiksbutik ser ut så här: Hem> Kläder> Skor> Stövlar. Och kunder kan klicka på de olika kategorierna och söka på dessa sidor utan att behöva se den ursprungliga menyn.

Även om brödsmulor till stor del ökar användbarheten för din e-handelswebbplats, är detta bara fallet om de har gjort det bra. Ta dig tid att verkligen tänka på dina kategorier och organisationen bakom dem. Att ha brödsmulnadsnavigering på din webbplats förnekar dess fördelar om dina grupperingar inte är vettiga eller inte leder en kund dit de förväntar sig att gå. Kan du föreställa dig frustrationen och den definitiva avstängningen från denna brödsmulnadsstig: Hem> Kläder> Möbler> Böcker> Smink. Det finns inget logiskt flöde till denna väg, och det skulle verkligen inte ta någon, som letar efter stövlar, till rätt plats.

Och här är en hemlighet, den trevliga delen med att investera i välplanerad brödkorsnavigering är att den också tar hand om din kategoriorganisation. Brödsmulorna länkar till dina produktsidor, så om dina brödsmulor ligger i rad ska det vara dina kategorier! Snygga brödsmulor betyder snygga kategorier. Det är som att skära två morötter med en kniv - lite organisation och intuitiv navigering för konsumenterna sparar dig mycket tid och ansträngning, samtidigt som du ökar din e-handels konverteringsfrekvens.

Bogdan Rancea

Bogdan är en av grundarna i Inspired Mag och har samlat nästan 6 års erfarenhet under denna period. På fritiden gillar han att studera klassisk musik och utforska bildkonst. Han är ganska besatt av fixies också. Han äger redan 5.