Zpět na seznam článků

Kategorie e-shopu

Jak správně členit produkty, aby to bylo intuitivní. A na čem si láme zuby i Alza.

The-lives-of-others-thumg

Kategorie je trochu jako paralympiáda. Málokoho to baví, ale je to důležité.

A představte si, že v Alze mají člověka, který nedělá nic jiného, než kategorizaci produktů. Neznám vás pane, je mi vás líto… a máte můj obdiv. Představuji si vás stejně, jako v oskarovém filmu Životy těch druhých.

Životy těch druhých

K čemu je dobré mít správně navržené kategorie produktů?

  1. Lidi se nebudou ztrácet.
  2. Najdou snáz produkt, který hledají.
  3. Udělají si lepší představu o sortimentu.

Zrovna předělávám pár e-shopů a narážím při testování i návrhu struktury na problémy. Ono to vypadá jako brnkačka, ale velmi rychle si začnete klást otázky jako:

  • Co má být kategorie a co už filtr?
  • Co když zboží patří do více kategorií?
  • Kam patří příslušenství?
  • Co dát za obsah do velmi obecné kategorie?
  • Kolik má být kategorií, kolik úrovní zanoření?
  • Můžu dát hledané značky jako kategorie, přestože je to filtr?

Tak v tom chci udělat trochu jasno.

Kategorie vs. filtr

Filtr na czc
  • Kategorie
    je část sortimentu, která je nezaměnitelná (kalhoty, mobily). Jedná se o samostatnou stránku která funguje jako rozcestník nebo seznam produktů. Velmi často má filtraci zboží, kde část filtrů je specifická pro danou kategorii (délka nohavice, velikost paměti, snáší přímé slunce).
  • Filtr
    Filtr je nástroj pro zmenšení počtu ukázaných produktů v kategorii na základě nějaké vlastnosti. Na rozdíl od kategorií nejsou filtry volbou buď/anebo, ale lze použít více filtrů najednou (barva, velikost, materiál, …). Viz samostatný článek o filtrech.

Dobré pravidlo je si položit otázku, zda pro vybrané produkty existuje specifická vlastnost. Pokud ano, bude to spíš kategorie. Pokud ne, bude to spíš filtr.

Dám vám příklad. Kalhoty a šaty. Velikost se u obou kategorií bude lišit. Proto dává smysl to rozdělit do kategorií. Pokud ale vezmeme například spací pytle, tak mumie, expediční a letní budou mít společnou vlastnost (výhřevnost, druh výplně, tvar, muž/žena), proto je lepší dát tyhle varianty jako filtr.

Druhá pomůcka je se podívat, kolik produktů máme v kategorii. Pokud je to méně než 10-20 produktů / 1 stránka výsledků, tak to vypadá na kandidáta na filtr. Pokud máte totiž kategorii o 10 položkách, tak filtraci vlastně vůbec nepotřebujete.

Funguje to ale i obráceně, pokud máte v kategorii stovky produktů, tak se zamyslete nad tím, zda dává smysl to dál nějak logicky rozdělit. Alza například takto dělí notebooky podle účelu (kancelářské, herní, …).

Dokonce to mají udělané ve více úrovních, takže například:
Notebooky – Pracovní – Pro Grafiky – Pro retuš fotek / Pro vektorovou grafiku.

Dobrá práce.

Počet (pod)kategorií do 10

Příliš mnoho možností povede k paralýze z výběru. Snažte se omezit počet kategorií a podkategorií na maximálně 10-12, optimálně kolem 5-7.

Často tenhle neduh vidím u dropdown navigace. Kde je tendence vyplnit to prázdné místo. Tím nechci říct, že v navigaci – zvláště pak mega-menu – má být celkem 10 položek. Položek tam klidně může být 100, musí ale být rozdělené na uchopitelné celky.

Občas se nevyhnete tomu, mít tam toho víc. Pak určitě zkuste jednotlivé sekce víc vizuálně oddělit a přidat nějakou ikonu kategorie. Hodně to tím zpřehledníte.

Mírně nešikovně to má například insportline.cz

A šikovně třeba datart.cz.

Hezký o tom píše John Maeda.

Tohle je dobré si udělat pořádek pomocí „lepíků“. A jít odspoda.

  1. Skupiny produktů
    Typy produktů si napište na kartičky a ty seskupujte do logických skupin.
  2. Popis skupin
    Skupiny si popište názvem, který vám přijde logický.
  3. Kategorie
    Skupiny s podobnými vlastnostmi si seřaďte do kategorií.
  4. Prioritizace
    Skupiny seřaďte podle návštěvnosti / hledanosti / maržovosti. Podle toho zjistíte pořadí v hlavní navigaci.

Můžete taky zkusit použít card sorting pro optimalizaci kategorií a treejack pro testování navigační struktury a pojmenování.

Schované produkty

Jeden z častých neduhů je schovávat celý produktový katalog pod jedno tlačítko. A ano, někdy je těžké se tomu ubránit. Začnete s málo kategoriemi, ale jak jich v hlavní (vodorovné) navigaci přibývá, tak se vám postupem času nedostává místa.

A tak si v určitou chvíli řeknete: „a co to schovat do jednoho tlačítka a nazvat ho produkty“. A zbylý prostor vyplnit neužitečnými odkazy jako Vše o nákupu nebo Dokumenty.

No a pak byste si měli nafackovat a říct si – NE!  Nešikovně to má třeba TS Bohemia nebo Elektroworld.

Navigace ts bohemia

Jsou pro to čtyři důvody:

  1. Názvy v hlavní kategorii nepomůžou uživateli zjistit, čím se zabýváte a jaký máte sortiment.
  2. Nutíte uživatele udělat jedno kliknutí navíc.
  3. Bude se mu hůř procházet jednotlivými úrovněmi (tzv. double hover efekt).
  4. Nemůžete graficky zvýraznit, v jaké hlavní kategorii se uživatel nachází.

Kam s ní (podkategorií)

Občas se dostanete do situace, kdy patří podkategorie do více kategorií.

Schválně, kde byste na Designville hledali stůl?

Pokud jste jako já, tak ve stolování. Správně je v nábytku, ve stolování jsou jen věci, které se dávají na stůl.

Problém je v tom, že část uživatelů dojde po návštěvě jedné kategorie k mylnému závěru, že daný sortiment zboží e-shop prostě nemá.

Co s tím:

  • navrhnout jednoznačné kategorie obsahově i názvem (občas to fakt nejde),
  • dát stejnou podkategorii do více kategorií (v tomhle případě stoly a židle i do kategorie stolování).

Má to 2 řešení, obě ale mají svá úskalí:

  1. Podkategorii budete semanticky mít zařazenou jen v jedné kategorii (byť na dvou místech v navigaci)
    V tomto případě budou stoly podkategorie nábytku. Část uživatelů, která klikne na odkaz stoly v kategorii stolování tím ale můžete zmást, protože nebude sedět (drobečková) navigace.
  2. Stejná podkategorie bude ve více kategoriích
    Budete to mít správně zařazené včetně drobečkové i hlavní navigace a uživatel nic nepozná. Programátor vás ale bude proklínat, protože budete muset deduplikovávat konkrétní produkty, zvažovat, kterou variantu ukazovat v našeptávači, nastavit rel=“canonical“ pro SEO. Bude s tím prostě daleko víc s…tarostí jsem chtěl říct.

Příslušenství a kompatibilní produkty

Příslušenství

Uživatelé zpravidla očekávají, že příslušenství bude podkategorie sekce, ve které se zrovna nachází. Doporučil bych si ale dát pozor na následující:

  • Výpis příslušenství v produktech dané kategorie.
    Na první pohled to vypadá jako dobrý nápad, ale znemožníte tím řadit výpis produktů od nejlevnějších. Pokud jsem v sekci mobily a seřadím si od nejlevnějšího, tak chci vidět nejlevnější mobil, ale ne gumový kryt za pade (říkám tomu prokletí Heuréky).
  • Podkategorie příslušenství.
    Ve specifických případech dává smysl dál dělit i samotnou podkategorii příslušenství. Zkuste se ale zamyslet, zda by nestačil filtr, případně pokud je produktů pár desítek, tak nedělit vůbec.

A to se vůbec nepouštím do debaty o užitečnosti nabízeného příslušenství. Viz Mall, který mi před pár lety k myčce doporučoval digestoř a jar.

Kompatibilní produkty

Další častá Achilova pata řady e-shopů. Chci si koupit neznačkovou nabíječku na notebook nebo tašku na foťák. Jak zjistím, zda mi to bude fungovat a pasovat? Většinou blbě.

Při této úloze je – podle Baymard Institutu – úspěšnost pouhých 35 %. To znamená, že 65 % uživatelů si koupí nekompatibilní produkt, což je velké špatné.

Na tomhle si láme zuby i pověstná Alza, když zadám dotaz: „nabíječka na dell xps 15 7550„, tak se musím prokousat 6(!) stránkami notebooků, než ji najdu, jak se krčí vedle nůžek na živý plot.

Co s tím?

  1. Přidat do stránky konkrétních produktů kompatibilní příslušenství. Značkové i neznačkové, alternativní produkty atd.
  2. Udělat samostatnou stránku příslušenství kompatibilního s konkrétním zařízením. Ideálně včetně filtrace podle typu produktu.

Je to hodně práce, ale příslušenství má většinou daleko větší marži a výrazně zvýšíte úspěšnost výběru a snížíte vratky. Představte si situaci, kdy máte samostatnou stránku pro kryty na mobil a vedle filtraci podle názvu produktu. I z hlediska SEO je to zlatý důl, protože tak pokryjete vyhledávací dotazy jako: kryty na iphone 7, neznačkové nabíječky na dell xps 13, objektivy pro Nikon D7000.

Populární filtry jako kategorie

Novinky, Akce, Apple, na běhání, podzimní kolekce … Pokud máte hodně používané určité filtry, lze uvažovat o tom, že z nich uděláte kategorie.

Zde návrh navigace pro Trenýrkárna.cz

Funguje to dobře u známých značek (Apple, Nike), populárních segmentů (Novinky, Akce) a tématických sekcí (Podzimní kolekce) a specifických filtrů (hračky pro děti 8-10, kytky pro tchyni).

Samozřejmě ale tyto „kategorie“ povedou na stránku s aplikovaným filtrem.

Závěr

Vím, že tohle je strašná nuda. Ale když to uděláte správně, tak uživatelům hodně pomůžete.

P.S.: Příště to bude zábavnější, budu psát o 20 letech podnikání na volné noze.

Související články

Lings-cars

10 nejčastějších chyb na webu a jak je opravit

Mobile

10 principů mobilního designu

Threelines

Hamburger menu je zlo

Mobile-phone-babies

Jak lidi opravdu používají mobil

Smysluplná debata

  • Ahoj,

    diky za super článek a jsem rád za takové články. Ale zeptám se kdybych na muj eshop (nově vznikajicí) kompletně skopiroval alzácké menua třídění do všech podkategorii a i vizualní vzhled (jen obrázky v menu bych dal jiné) jednotlivé sekce, třeba hračky https://www.alza.cz/hracky je to právně v pořadku a nenapadnutelné? Logika mi řiká že je to v pohodě, přece jen jsou to obecné názvy a stejně musí byt a to že je to doslova a do pismene stejné (pač mám stejný většinou stejný sortiment) je hold náhoda, hlavni kategorie by stejně byli stejné, ale mě jde o podkategorie. Diky

    • Ondřej Ilinčev
      Ondřej Ilinčev

      Tohle je dotaz spíš na právníka. Osobně bych byl opatrný.

  • ..v dropdown navigace – jaká je praxe? Lepší je seřadit podkategorie podle prodejnosti nebo podle abecedy?

    • Ondřej Ilinčev
      Ondřej Ilinčev

      Na to je těžká jednoznačná odpověď. Záleží to na tom, kolik je položek a jak časté jsou jednotlivé volby. Pokud jsou dvě tři volby výrazně klikanější, tak nahoru s nimi. Případně rovnou jako radiobuttony volba A, B a ostatní. Pokud jsou všechny volby vybírané stejně, tak pak se v abecedním seznamu lépe hledá. Ale jen za předpokladu, že vím, jak jsou volby nazývané.