Prezentarea atentia traducerea lucruri mari de la Institutul Baymard. care compară două abordări la locația de sortare și de filtrare instrumente din magazinul online: bară orizontală (banda) cu privire la conținutul și filtrele mai tradiționale din bara laterală. Materialul se bazează pe un studiu efectuat pe scară largă Baymard Institute.
De obicei, filtrele din magazinele online sunt situate în "zona de servicii", adică bara laterală verticală stângă. Cu toate acestea, această abordare a încetat să mai fie omniprezentă. Astfel, 24% din cele 50 de magazine online americane cele mai mari au refuzat să filtreze în bara laterală în favoarea unei baruri orizontale pline cu instrumente pentru filtrare și sortare.
Dar modul în care utilizatorii percep astfel de inovații? Pe scurt, rezultatele studiului sunt următoarele: o bară orizontală filtru nu se potrivește tuturor, dar în cazul în care utilizarea sa este justificată, este mult superior bara laterală stânga, în ceea ce privește confortul și eficiența.
De ce este bara orizontală mai bună decât bara laterală?
Studiu privind utilizarea efectuat Baymard, arătând: bară orizontală permite reducerea efectului negativ (dar nu a elimina complet), creat de o pereche de problemele inerente din bara de instrumente aranjament de filtrare:
Ignorarea completă a filtrelor (cel mai frecvent caz);
interpretarea eronată: utilizatorii sortează pentru instrumente de filtrare și cred că nu este posibil să specificați mai mult conținut pe pagină.
"Am crezut că este posibil ca rezultatele să fie sortate de producător sau ceva de genul ăsta." a spus un tester nesatisfăcut, studiind produsele de top pe Newegg.com. Sa întors la Sort by, așteptând să vadă varianta "Producător" acolo. De fapt, testerul a avut în vedere filtrarea de către producător.
Fiind pe site-ul Pixmania. testerul a argumentat: "Vreau să reduc volumul emisiunii la o sumă rezonabilă de bunuri. Există instrumente? ". Apoi a ajuns la concluzia că singura opțiune de filtrare de pe site este de 4 puncte, prezentată direct deasupra conținutului (Popularitate, Preț, Brand, Revizuire).
După inspecția inițială a listei de mărfuri, vizitatorul dorește adesea să precizeze criteriile și apoi derulează pagina până la începutul listei. Firește, atenția lui este atrasă de partea centrală a paginii, deasupra conținutului. De obicei, există opțiuni de sortare și adesea sunt confundate cu filtre, ceea ce este de înțeles: două instrumente rezolvă probleme similare. În timpul cercetării, unii testere au folosit verbul "sort", când de fapt au însemnat "filtru".
Cu toate acestea, majoritatea utilizatorilor nu observă bara laterală și filtrele din aceasta datorită "viziunii tunelului". Chiar și indicațiile grafice explicite ale posibilității de filtrare - ca în cazul Pixmania - nu elimină complet problema "tunelului".
Site-ul web IKEA are un bar orizontal hibrid, care combină instrumente de sortare și filtrare, care au prezentat rezultate excelente în timpul cercetării. Utilizatorii care au dorit să modifice livrarea și să defileze pagina, au observat imediat bara și, important, nu au confundat sortarea cu filtrarea.
Aceasta este o hartă de căldură care arată zonele care au atras interesul vizitatorilor Allposters.com. 32 de persoane au participat la testare. Rezultatele confirmă faptul că bara orizontală primește atenția maximă, aproape la fel de mult ca trei mărfuri pe linia de sus. Această cantitate de atenție acordată filtrelor nu este tipică pentru site-urile în care sunt amplasate în bara laterală.
În plus față de o atenție specială și nu există probleme cu interpretarea barei orizontale instrumente de destinație Hybrid are un alt avantaj: vă permite să completați spațiul liber lăsat la o altă coloană a mărfurilor sau de a folosi miniaturile mai mari.
Ce magazine online sunt potrivite pentru un bar orizontal hibrid (filtre + sortare)?
O bară orizontală are un dezavantaj mare: este limitată de lățimea ecranului. Prin urmare, această soluție este potrivită numai pentru acele magazine, a căror nișă nu implică un număr mare de filtre. Exemple sunt hainele și bunurile de uz casnic. În magazinele care vând aceste produse, setul de filtre este de obicei limitat la opțiuni precum dimensiunea, culoarea, materialul, prețul, marca și stilul. Toate acestea se pot potrivi în mod rezonabil într-o singură linie orizontală.
În magazin Crate Barilul a implementat perfect o bară orizontală. Numărul de filtre aici este mic.
Magazinele care au în vedere posibilitatea introducerii unei bare orizontale ar trebui să ia în considerare cu atenție adecvarea setului actual de filtre la nevoile vizitatorilor. Conform altor studii Baymard, acest set lasă mult de dorit în 60% din magazinele online (a se vedea materialul din Smashing Magazine). Site-urile care vând produse care au caracteristici tehnice într-o anumită formă necesită aproape întotdeauna un număr mare de filtre.
Ce afectează eficacitatea barelor orizontale?
Conform studiului Baymard, în doar jumătate din cazuri bara orizontală funcționează mai bine decât filtrele / sortarea în bara laterală. De obicei, bara orizontală implică ieșirea opțiunilor sort / filtru sub forma unei liste derulante. Cu toate acestea, alte studii Baymard arată că mulți utilizatori au probleme serioase cu listele drop-down. 3 aspecte ale barelor orizontale care sunt critice pentru eficiența lor sunt descrise mai jos.
Utilizați lista drop-down personalizată pentru a afișa opțiunile de filtrare în locul etichetei standard
Actualizați lista produselor în timp real, urmând opțiunile alese de vizitator. Deci îl vei lăsa să știe cum funcționează sistemul de filtrare. În timpul testării, această abordare a demonstrat rezultate bune. Un alt avantaj al actualizărilor de listă instant este faptul că nu este nevoie să implementați butonul "Aplicați".
Informați vizitatorul cu privire la opțiunile de filtrare alese. Faceți un bloc separat în afara listei derulante, care afișează căsuțele de bifare cu semne de bifare.
Exemplu de informare a vizitatorului despre filtrele selectate în afara listei de opțiuni (magazinul Nordstrom).
Trimiteți-le prietenilor: