黑料门

Din butik 盲r inr盲ttad och du har produkter i den, och du 盲r 盲ntligen redo att b枚rja skicka lite trafik till den och samla in pengarna. Problemet: om din butik 盲r sv氓r att navigera skickar du trafik i ett s氓ll - folk kommer att g氓 in i ena 盲nden och ut i den andra, utan att k枚pa n氓got (och sl枚sa bort din anstr盲ngning eller annonsutgifter i processen!).

Det 盲r s氓 klart inte bra. H盲r 盲r vad du kan g枚ra f枚r att f枚rhindra det scenariot.

脰verv盲ldiga inte din bes枚kare

脰verv盲ldigade m盲nniskor k枚per inte. Du 盲r f枚rmodligen bekant med  - kort sagt, kunder som presenterades med 24 optioner var bara 10 % lika ben盲gna att k枚pa som kunder som presenterades med sex alternativ.

Andra studier som gjorts sedan dess har backat upp detta; om du ger kunderna f枚r m氓nga alternativ kommer de att f枚rs枚ka v盲ga f枚r- och nackdelar med dem alla, tr枚ttna p氓 att g氓 igenom alla detaljer och sluta g枚ra ett val (dvs. k枚pa) alls.

脜 andra sidan vill du inte att din butik ska se tom ut och f氓 kunderna att tro att din butik 盲r under uppbyggnad eller inte 盲r en professionell str盲van.

Om du har en flaggskeppsprodukt medan du ut枚kar din butik b枚r du v盲lja ett tema och design som s盲tter din ena produkt i centrum, ist盲llet f枚r att f氓 det att se ut som om det st氓r i ett tomt skyltf枚nster.

Om du bara har tv氓 eller tre produkter, vill du ocks氓 盲ndra din design eller visa olika f盲rgvariationer som sina egna produkter f枚r att f枚rhindra att din butik ser f枚r tom ut.

P氓 samma s盲tt, n盲r det kommer till kategorier, vill du v盲lja s氓 f氓 kategorier som m枚jligt (f枚r att inte 枚verv盲ldiga shopparen), men skapa tillr盲ckligt m氓nga kategorier f枚r att varje kategori ska vara anv盲ndbar. Om du bara har tv氓 kategorier, men varje kategori har 50 objekt i den, kanske du 盲r b盲ttre att skapa 3-4 kategorier s氓 att kunderna 盲r mindre ben盲gna att bli 枚verv盲ldigade.

黑料门-anv盲ndaren Shea Kardel 盲r ett bra exempel p氓 detta, med deras kategori f枚r damkl盲der, uppdelad i sex underkategorier:

Shea Kardel

Att beh枚va v盲lja mellan sex kategorier 盲r mycket l盲ttare 盲n att v盲lja mellan 12 eller 20, och n盲r bes枚karna sedan klickar p氓 en kategori f枚rs de till en sida med h枚gst nio produkter. Det 盲r praktiskt taget om枚jligt att bli 枚verv盲ldigad n盲r du surfar i den h盲r butiken.

G枚r det enkelt f枚r kunder att s枚ka

Din shoppare kanske inte vill surfa 鈥� de kanske letar efter en specifik sak. Om s氓 盲r fallet 盲r det f枚rsta de ska leta efter . Det borde vara l盲tt att hitta, som p氓 Old Sole Boot Companys sida:

Old Sole Boot Company

K枚pare kommer vanligtvis att leta efter 蝉枚办蹿盲濒迟别迟 (eller en f枚rstoringsglasikon) l盲ngs toppmenyn eller i ett sidof盲lt, s氓 det 盲r d盲r dina ska vara. Om du vill g枚ra det extra synligt kan du g枚ra s枚kknappen eller stapeln till en annan f盲rg 盲n resten av din text. Du kan ocks氓 anv盲nda appen Product Search Enhancer f枚r att uppstart dina s枚kningar och l盲gg till funktioner som autoslutf枚rande, vilket g枚r det 盲nnu enklare f枚r webbl盲sare att hitta det de letar efter.

G枚r det enkelt att sortera

N盲r n氓gon g氓r till en kategori eller s枚kresultatsidan p氓 din webbplats 盲r resultaten vanligtvis inte slumpm盲ssigt ordnade 鈥� de sorteras p氓 n氓got s盲tt. Hur du sorterar dina produkter som standard beror p氓 vad du vill g枚ra:

• F枚r att locka bes枚kare och f氓nga deras uppm盲rksamhet kan du sortera med de l盲gsta priserna.
• F枚r att "prisankra" kan du g枚ra tv盲rtom och b枚rja med de h枚gre priserna. Tanken bakom detta 盲r att det f枚rsta priset som en kund ser s盲tter "standard", s氓 priser som 盲r l盲gre 盲n s氓 verkar vara en b盲ttre aff盲r 盲n de skulle ha gjort annars. Till exempel om du handlar skjortor och har surfat $ 40-60 skjortor, en tr枚ja p氓 25 USD verkar vara en otrolig aff盲r.
• Om du visar recensioner p氓 dina kategori-/produktinformationssidor kan du sortera dem s氓 att mycket recenserade varor dyker upp f枚rst som standard f枚r att imponera p氓 kunderna.

Kunderna ska enkelt kunna se sorteringsm枚jligheterna och kunna tillgripa produkterna p氓 egen hand om de vill. Standardalternativ 盲r datum tillagd, stigande och fallande pris och alfabetisk eller omv盲nd alfabetisk ordning.

Om du har tillr盲ckligt med produkter kanske du vill erbjuda filtreringsalternativ p氓 kategorisidor och i s枚kresultat. 脜terigen, du vill inte 枚verv盲ldiga m盲nniskor, s氓 om du do erbjuda ett filter, st盲ll in det som ett drop-down alternativ.

P氓 s氓 s盲tt d枚ljs filtren tills personen klickar p氓 "Filter" och sedan visas alternativ. Beroende p氓 vad du s盲ljer kan du l氓ta m盲nniskor sortera efter f盲rg, storlek, funktion eller andra attribut som 盲r vettiga. F枚r att g枚ra detta med 黑料门 kan du anv盲nda  kombinerat med Javascript f枚r att skapa en filterwidget i din sidof盲lt.

Kom bara ih氓g att dina filter inte ska ers盲tta kategorier 鈥� ist盲llet f枚r att l氓ta folk filtrera efter typ av kl盲der, till exempel, b枚r du ha kl盲desplagg som kategorier.

Sedan, n盲r de v盲l g氓r till r盲tt kategori, 盲r det meningsfullt att l氓ta dem filtrera efter alternativ (kort 盲rm eller l氓ng盲rmad), storlek, f盲rg etc. och det 盲r mindre troligt att de 枚verbelastas. Och kom ih氓g att filter kanske inte ens 盲r n枚dv盲ndiga beroende p氓 hur m氓nga objekt du har - du kanske bara beh枚ver f枚rb盲ttrade s枚kfunktioner.

Menyernas att g枚ra och inte g枚ra

Menyn 枚verst p氓 din webbplats kan g枚ra mycket f枚r att hj盲lpa eller skada dina kunder. H盲r 盲r en checklista med saker att t盲nka p氓 om din meny:

Innan vi g氓r vidare till n氓got annat, l氓t oss t盲cka n氓gra fr氓gor du b枚r st盲lla dig sj盲lv:

• Synlighet: Om din meny 盲r sv氓r att uppt盲cka m氓ste du g枚ra den st枚rre. Det m氓ste vara l盲tt att se och l盲tt att klicka eller knacka p氓 (p氓 en telefon). Dessutom tittar folk h枚gst upp p氓 webbplatser och p氓 sidof盲lt f枚r navigering - att ha din meny n氓gon annanstans kommer att vara f枚rvirrande, oavsett hur cool den ser ut.
• Klarhet: Det 盲r frestande att komma p氓 "coola" eller roliga namn f枚r sidor som visar upp din personlighet, men f枚r n氓gon som 盲r ny p氓 din webbplats kommer klarhet f枚rst. Om du m氓ste ha smarta (men inte l盲tta att f枚rst氓) sidnamn, inkludera det vanligaste namnet efter det inom parentes - till exempel "Origin Story (Om)".
• belysa: Om det finns ett specifikt alternativ som du vill att folk ska klicka p氓 鈥� ett omr氓de i din butik som tenderar att vara mer l枚nsamt eller 盲r en b盲sts盲ljare 鈥� kan du se till att folk l盲gger m盲rke till det genom att g枚ra l盲nken i en annan f盲rg 盲n resten av dem. Medan du h氓ller p氓, se till att dina menyl盲nkar faktiskt ser ut som l盲nkar 鈥� de ska vara understrukna, ha en annan f盲rg n盲r de 盲r markerade eller p氓 annat s盲tt se annorlunda ut 盲n ej klickbar text.
• Enkelhet: F枚rs枚k att h氓lla din meny p氓 sex objekt eller mindre f枚r att f氓 den att se ren och icke r枚rigt (och hindra bes枚kare fr氓n att bli 枚verv盲ldigade). Leta ocks氓 efter on枚diga ord som du kan klippa bort - till exempel "produkter" ist盲llet f枚r "v氓ra produkter".

Se till att mobila bes枚kare enkelt kan surfa

Med mobilhandel 盲r 30 % av allt e-handel i USA och globalt v盲xer antalet i liknande takt (), m氓ste din butik vara mobilv盲nlig. Tur f枚r dig 盲r det h盲r ganska enkelt - det inneb盲r bara att v盲lja ett mobilt responsivt tema. H盲r 盲r n氓gra saker att dubbelkolla n盲r du ser till att mobilversionen av ditt tema 盲r tillr盲ckligt bra:

• 厂枚办蹿盲濒迟/-颈办辞苍: 脛r det l盲tt att se? Expanderas den med ett tryck?
• meny: 脛r det l盲tt att hitta? M氓ste de scrolla oavbrutet f枚r att hitta en kategori?
• 脺谤眉苍濒别谤: Visas standardproduktbilderna riktigt stora p氓 en mobilsk盲rm? 脛r titeln p氓 produkten och produktinformationen l盲tt att l盲sa?
• Allm盲n l盲sbarhet: 脛r texten stor nog att l盲sa? Finns det n氓gra fall d盲r text 枚verlappar bilder d氓ligt?

Om du kan, ge din butiksadress till n氓gra bekanta som inte har surfat d盲r mycket och se dem navigera i den p氓 sin telefon. De platser d盲r de blir f枚rvirrade kommer att ge dig v盲rdefull information om design盲ndringar du b枚r g枚ra.

Dina n盲sta steg

H盲r 盲r vad du kan g枚ra idag f枚r att g枚ra din butik l盲ttare att navigera och sluta tappa kunder:

• F枚rs枚k att beh氓lla dina kategorier och menyalternativ (och dina alternativ i allm盲nhet, men s盲rskilt 迟辞辫辫苍颈惫氓 alternativ som 盲r det f枚rsta en ny bes枚kare kommer att st枚ta p氓) till sex eller f盲rre alternativ
• G枚r det enkelt f枚r m盲nniskor att sortera och s枚ka efter produkter genom att g枚ra dessa alternativ synliga (genom att g枚ra dem i en annan f盲rg, tillr盲ckligt stora f枚r att enkelt se, eller visuellt framh盲va dem p氓 annat s盲tt)
• V盲lj strategiskt vilken standardsorteringsmetod som 盲r f枚r dina produkter och testa olika f枚r att se vad som ger resultat

Lycka till! Och gl枚m inte att prenumerera p氓 bloggen om du vill f氓 fler uppdateringar med anv盲ndbara tips som detta i framtiden.

Skapa en vacker onlinebutik med 黑料门
L脛R DIG MER

• Hur du fixar din butiks navigering
• Allt du beh枚ver veta om produktf枚rs盲ljning
• Online Merchandising: Hur man l盲gger upp produkter i onlinebutiken
• Vad 盲r Fashion Merchandising, och varf枚r 盲r det s氓 viktigt?
• 10 designfel i onlinebutiker
• 15 perfekta teckensnittskombinationer f枚r din e-handelswebbplats
• F盲rgteori: Allt du beh枚ver veta om f盲rgteman
• 7 kreativa id茅er f枚r din produktsida f枚r e-handel
• Kraften i en hj盲ltebild i webbdesign
• 惭氓蝉迟别-丑补 UX-principer att f枚lja i en onlinebutik
• Revision av webbdesign
• L氓sa upp kraften i UX-design f枚r e-handel
• Vad 盲r skillnaden mellan UI och UX i e-handel?