Mi a webáruházad legfontosabb usabilityeleme?
Hát a kereső!
A jó keresővel uralhatod a piacodat, a rossz keresővel pedig egy használhatatlan (és kereshetetlen) webáruház kirívóan alacsony konverziós adatai felett szomorkodhatsz. Működő kereső nélkül a vevőid alig tudnak pár lépést tenni az oldalon és nem találják meg épp azt a terméket, amit megvásárolnának.
Ebben a cikkben átvesszük a legjobb és legrosszabb gyakorlatokat. A cikk végére megtudod, hogy hogyan keresnek a látogatóid és mit kell tudnia a keresődnek ahhoz, hogy ezt az igényt kiszolgálhasd (és többet adj el).
Nem hasra ütünk: a Smashing Magazine az Egyesült Államok 50 legnagyobb webáruházánál nézte meg a keresőt és a százalékos adatokat erre az 50 áruházra értsd.
A webáruházak 34%-ában nem lehet pontos terméktípussal keresni. De miért nem?
Pedig a legegyszerűbb keresés. Ha monitort szeretnék venni és ismerek egy jó típust, akkor beírom a típusszámot. És sok webáruház pont a legpontosabb keresésre nem ad találatot.
Hogy miért nem?
Valószínűleg azért, mert a keresőt a kulcsszavakra építették (tehát a monitor szóra jönnek a találatok) és a kereső nem tudja az amúgy a termékoldalon szereplő típusszámot visszaadni a találatok között.
Így viszont a látogató azt fogja gondolni, hogy az adott webáruházban az adott monitor nem kapható. Ez egy elvesztett konverzió.
Másik hiba, amikor a kereső „túl szigorú”. A valóságban viszont sokszor elgépeljük a szavakat, elrontjuk a típusszámot, rosszul írjuk fel a termék nevét.
Az ideális kereső tehát találatot ad a típusszámra is, valamint a leggyakoribb elírásokra is.
Az oldalak 70%-a megköveteli, hogy az ő szóhasználatukkal keress
Mi ezzel a gond?
Tegyük fel, hogy kerékpárokat árulsz, erre a kulcsszóra optimalizálsz és az egész weboldalad minden kerékpárjánál azt a szót használod, hogy kerékpár.
Jön egy látogató, akinek kerékpár kell, csak épp a „bicikli” kulcsszót írja be a keresőbe – amire nem kap találatot.
Ilyenkor vagy elhagyja az oldalt, vagy megpróbálja a kerékpár szót – de az árbevételedet nem alapozhatod talánokra.
A legjobb kereső viszont ismeri a szinonimákat és visszaadja azokat. Nem várhatod el a látogatódtól, hogy első-második-harmadik látogatásnál ismerje azt, hogy az adott terméket te épp melyik szinonimájával szerepelteted az oldalon.
Kezeletlen rövidítések
Hogy keresnél rá egy 17 colos monitorra? Így: „17 colos monitor”, „17” monitor”.
Igen ám, de a legnagyobb webáruházak 60%-a nem támogatja azt, hogy speciális karakterekkel keress. A látogató nem vett részt a webáruház lefejlesztésében, így a keresés megindítása előtt nem fogja tudni, hogy lehet-e karakterekkel keresni (megoldás: lehessen).
A jó kereséshez kapcsold össze a leggyakoribb speciális karaktereket, hogy ugyanazt a találatot adják függetlenül attól, hogy a látogatód hogyan keres rá.
Nézzünk egy magyar példát: a Notebook.hu webáruházban (egyik ügyfelünk) kerestem egy olyan monitorméretet, ami biztosan van náluk (a keresőt teszteltem, ezért forgalmazott termékre kerestem rá).
Ezután beírtam azt, hogy 15.6 inch. (Nem adja vissza, de ponttal írtam.)
No jó, akkor 15.6 col?
Mivel laptopokat keresek, így a col szórészletet tartalmazó laptoptáskákkal nem megyek sokra.
Végül a 15.6″ kifejezésem releváns találatokat hozott.
Ne gondold azt, hogy mindenki tudni fogja, hogy hogyan szokás keresni kijelzőméret szerint. Ültesd a gép elé az öcséd, a barátnőd és anyukád és kérd meg őket, hogy (a példát továbbvíve) keressenek egy nagy laptopot (a legtöbb vásárló így megy neki a keresésnek: legyen kicsi, közepes vagy épp nagy). Meglátod, hogy valószínűleg 3 különböző keresési kifejezést fogsz kapni.
A kereső kitalálja a keresésem. De jó ez?
Népszerű funkció: a keresők 82%-a javasol keresési kifejezéseket már gépelés közben, azaz próbálja kitalálni, hogy mire gondolhatsz és mire keresnél rá.
Ennek az az előnye, hogy a látogatóidat a „jó” keresési kifejezések felé terelgetheted (népszerű termékek, létező termékkategóriák), valamint megmutat olyan kifejezéseket is, amik nem jutottak eszébe (de kell neki).
De ha nem vigyázol, akkor az autofill kereső megváltoztatja az eladásaidat, mert idővel mindenkinek csak a legnépszerűbb kifejezéseket mutatja. Ez megnövelheti a költségeidet (a termékpalettád tovább marad a polcokon), plusz versenyképtelenebb leszel (nehezebben találsz új beszállítókat).
Másik gyakori probléma, ha a javaslatok ismétlődnek és elírásokat tartalmaznak. Ennek oka az, hogy az önkitöltő funkció az oldal keresési előzményeiből dolgozik (így tehát visszaad elírásokat, illetve redundáns kifejezéseket is).
Tartsd meg a keresett kifejezést a találati oldalon
Rákeresel egy termékre, ám a találatok böngészése alapján rájössz, hogy még tovább szeretnéd szűkíteni a keresést.
A legjobb élmény: ha megtartod a beírt kifejezést. (Nem felhasználóbarát, ha újra be kell írnom.)
Ez a Zappos egy találati oldala és megtartották a kifejezésem. Ha itt ki akarom listáztatni a termékcsaládon belül az összes Full Ride cipőt, akkor könnyedén beírom a keresőbe a meglévő kulcsszavam után.
Mutasd a keresési előzményeket
Mert hátha eszembe jut, hogy ott hagytam egy kosarat. Vagy megszakít egy telefon és már nem emlékszem arra, hogy milyen laptopot akartam venni.
A BestByte megoldása nagyon egyszerű: ha a kurzort a keresőbe viszem, akkor mutatja, hogy korábban miket kerestem.
Mit adjon vissza az autocomplete?
Először konkrét terméket, majd utána a kategóriákat. (Webáruházfüggő: ha nálad elsősorban kategóriákra keresnek, akkor az szerepeljen elöl).
Fontos persze, hogy a termékek és a kategóriák elkülönüljenek (mondjuk húzol egy vonalat vagy 2 külön hasábba teszed.)
A legjobb magyar példa talán az Edigital.hu keresője. Kerestem egy Dell laptopot és az autocomplete nem megnehezítette a dolgom, hanem gördülékenyen helyettem gondolkodott.
Mit less el az Edigitaltól? (Akikkel egyébként dolgoztunk is együtt.)
Több szintű a kereső. Ha nagyon sok terméked van, akkor az autocomplete folytatódjon: először a Dell márkanevet választom ki, azután egy termékcsaládot, végül a típust. A kereső itt helyettesíti a böngészést, mert ugyanezt az utat nem a kategóriaoldalakon járom be (mindig új oldalbetöltést generálva), hanem gyorsan és egyszerűen.
Ajánlj termékeket. Böngészés közben jön meg a vásárlási kedv: a webshopra azért megyek, hogy nézelődjek vagy vegyek valamit. Ezt az Edigitalnál tudják és minden kategóriánál ajánlanak terméket – természetesen képet is mutatnak, hogy még szebb legyen és el tudjam képzelni a terméket.
Billentyűzettel is használható. A fenti folyamatot nyilakkal vittem végig (de egérrel is működik). Tanulság: tudjam használni a keresődet billentyűzettel is.
Kijelöli azt a keresési kifejezést, amin épp vagyok. Gyakori UX-hiba, hogy nem jelzed pl. más színű háttérrel, hogy épp melyik találatra mutatok.
Megjegyzi azt, hogy mi fölé vittem már a kurzort. A képeken nem látod, de ha a kategóriák vagy a termékek fölé viszem az egerem, akkor más hátteret kap.
Amit ne tanulj meg tőlük:
Félkövérrel a keresési kifejezésemet emeli ki (ami közös minden találatban). Én náluk letesztelném azt, hogy a terméktípust, termék nevét (tehát azt, ami a találatokban eltér) emeljük ki, mert úgy gyorsabb a megkülönböztetés.
Checklist a felhasználóbarát keresőhöz
A legjobb kereső…
- kevés, alacsony relevanciájú találatnál magától bővíti az értelmezési keretet, átnézi a termékoldal szövegezését és a termék típusszámára is találatot ad
- képes összekapcsolni a szinonimákat (emlékszel: bicikli, kerékpár)
- kezeli és összekapcsolja a gyakori speciális karaktereket és rövidítéseket és ugyanazt a találatot adja
- a legjobban konvertáló termékeket javasolja, de a javaslatok „óvatosak”: nem ad dupla találatokat és nem vezet zsákutcába
- minden oldaladon van (találati oldalon is)
- a gyakori elírásokra is találatot ad
- hajtás fölött van, megtalálható (nem olvad bele a dizájnba) és egyértelmű, hogy az a kereső
- a beírt szöveg is jelzi, hogy az a kereső (akár a legjobban fogyó termékedet is beírhatod: „Keress! Pl: Dell Inspirion…”)
- a beírt szöveg eltűnik, ha belekattintok
- az autocomplete segítsen elkerülni a találat nélküli keresési kifejezéseket
- ha egy kifejezésre nincs találat, akkor a találati oldalon javasolj kapcsolódó termékkategóriákat
- adj rendezési lehetőséget (legújabb, legnépszerűbb stb.)
- adj szűrési lehetőséget (ár, márka, értékelések, kategória)
- tartsd meg a beírt keresési kifejezést
- a keresődoboz legyen elég nagy ahhoz, hogy elférjen a leghosszabb beírt kifejezés (nézd meg a keresési előzményeidet)
- a keresőnek adj CTA-t (ne csak egy nagyítót lássak ott, hanem pl. „keresd” szöveget)
Bár hosszú évek óta kötelező funkció a kereső, mégis sok-sok webáruház küszködik a leginkább felhasználóbarát keresőlogika és találati oldal kialakításával – még a legnagyobbak is.
Mindez azt jelenti, hogy villámgyorsan óriási versenyelőnyt szerezhetsz egy kiváló keresővel. Ha gördülékeny vásárlói élményt ad a webáruházad, akkor többen fejezik be a vásárlást is.
Olvass még több UX-tippet.


