Ügyfélbarát lapozási technikák a webshopodba

Ma megmutatom milyen lapozási módszerek léteznek, elsősorban egy webshop termékeinek hatékony böngészéséhez.

‍

A megfelelő lehetőség alkalmazásával ugyanis nem csak, hogy jobb felhasználói élményt nyújthatsz a vásárlók számára, hanem több bevélt és magasabb látogatottságot érhetsz el webshopod vagy ügyfeleid webshopja számára.

‍

Elbukni akkor lehet, ha a webshop technikai és termékbeli adottságait figyelmen kívül hagyod.

‍

🙋🏻 Inkább válassz egy kevésbé modern lapozási technikát, minthogy vásárlókat veszítsen a webshop a tájékoztatás hiánya és a hosszú várakozás miatt.

‍

Azt, hogy milyen módon lapozol egy oldalon, erősen befolyásolja:

• az oldal betöltési sebessége és
• a feltöltött termékek mennyisége.

Mutatom milyen lehetőségek közül választhatsz. 👇🏼

• számos, nyilas lapozók
• végtelen betöltés
• “Mutass többet” akciógomb (CTA)

‍

Számos, nyilas lapozók

Itt a számok oldalak mennyiségét, míg a nyilak a lapozás irányát jelölik. A következő vagy az előző oldal tartalmának megtekintéséhez, oda kell ugorj.

‍

‍

A nagyobb webshopok - mint az eMAG vagy az alza.hu - a nagy termékválasztékuknak köszönhetően a lapozós megoldást választják.

Miközben a vásárlók oldalról oldalra navigálnak, megismerik a kínálatot is. A webshop lábléce könnyen elérhető, a kiszemelt terméket böngészés közben egy adott oldalhoz kötik fejben.

Használj számos, nyilas lapozót, ha:

• hatalmas a webshop termékkínálata és szeretnéd, hogy a termékeket átnézhessék a vevők
• pontos navigációs lehetőséget szeretnél adni a látogatók kezébe
• fontos, hogy az adott oldalon megjeleníteni szándékozott termékek azonnal betöltésre kerüljenek (kevesebb termék egy oldalon, gyorsabb betöltést tesz lehetővé)
• célod, hogy az oldal láblécében elhelyezett infók is célba jussanak

Kicsi és közepes termékválaszték esetén megfontolhatod a végtelen betöltés és a “Mutass többet” alternatíva alkalmazását.

‍

Végtelen betöltés

Egyetlen terméklista oldal fogad, majd ahogy görgeted lefelé az oldalt úgy kerülnek betöltésre a további termékek is.

Jól hangzik, de vigyázz, negatív hatásai is lehetnek. Mutatom.

Amennyire működőképes megoldás a kisebb termékszámú, jól kategorizált webshopok esetén, annyira zavaró a nagyobb termékszámú, kevésbé jól strukturált odalaknál.

• a láblécben elhelyezett infók nem ragadják meg a felhasználók figyelmét, túlságosan sok idő telik el mire elérik az oldal alját
• a látogatókat frusztrálja, hogy nem tudják mikor érnek a terméklista végéhez

‍

A videón a felhasználó görget lefelé az Aqua webshopjában. Az újonnan betöltött termékek automatikusan megjelennek lejjebb tolva ezzel a láblécet.

Na de miért fontos elérni a láblécet?

A lábléc a legjobb módja annak, hogy feltüntesd:

• a szállítással,
• a visszaküldéssel,
• az adatbiztonsággal, szerződési feltételekkel és
• a kapcsolatfelvételi lehetőségekkel

összefüggő infókat.

‍A végtelen betöltés remekül működik, ha:

• gyorsan be tudod tölteni az oldalt (minél többet váratod a vásárlókat, annál valószínűbb, hogy elvesztik az érdeklődésüket)
• kevesebb terméked van vagy a termékkategóriákba történő bontás eredményeként lesz kevesebb termék
• szűrőket használsz a shopban, hogy a látogatók specifikus keresést indíthassanak
• pontosan meg tudod mondani mennyi terméket listázol ki (a szűrést követően megjelenik az oldalon a pontos találati mennyiség)

‍

‍

Mutass többet akciógomb (CTA)

Szembeállítva a végtelen betöltéssel, kattintani szükséges a további termékek, elemek betöltéséhez, azok nem jelennek meg automatikusan. Elérhetővé válik a lábléc, mely a végtelen betöltéssel szinte elérhetetlen.

‍

‍

A “Mutass többet” elnevezésnek számos alternatívája létezhet, mint:

• Több
• Még több
• További termékek betöltése
• Mutass még több terméket
• Mutass többet
• Még 48 termék (értelemszerűen amennyi termék még betölthető)

‍

‍

Kifejezetten mobil eszközön hasznos megoldás, hiszen kisebb méretben tudod átadni a tartalmat.

Mivel a képek betöltése nagyobb adatforgalmat generál, így a vásárló saját maga döntheti el mikor tölt be újabb információ csomagot. Továbbá megkönnyíti a termékek közötti oda-vissza navigációt.

‍

A “Mutass többet” opció mellett akkor tedd le a voksod, ha meg tudod jeleníteni:

• a szűrés eredményeként megjelenő elemek számát (összesen mennyi termék található itt)
• a betöltött tételek számát
• a hátralévő termékek mennyiségét
• a lista végét (a lista végénél szimplán jelenítsd meg a teljes elemszámot, pl. 80/80 vagy 48/48)

‍

‍

+1: Tárold el a kiindulási pontot

Bármelyik megoldást is választod (klasszikus lapozás, végtelen görgetés vagy “Mutass többet” CTA) biztosítsd vásárlóidnak a kiindulási ponthoz történő azonnali visszatérést.

• Képzeld el, hogy egy webshop terméklista oldalán böngészel.
• Megnézed a választott termék részleteit, tehát kiválasztod a terméket.
• Visszaugrasz a kiindulási pontra, tehát a lista oldalra.

A leggyakrabban elkövetett hiányosság, hogy a terméklistára visszaugorva nem látod a korábban kiszemelt terméket. Ekkor vad keresgélésbe kezdesz vagy bezárod az oldalt és mész tovább, szóval zavartan és elégedetlenül távozol.

Úgy kell tudnod megjeleníteni a lista oldalt, hogy a vásárló által választott termék az oldalon azonnal látható legyen és ne kelljen keresgélnie.

‍

‍

Példámban az Audio-Technica ATH-M40X termék kiválasztását, majd a lista oldalra történő visszaugrását követően azonnal látható a fejhallgató, nem kell keresgélnie a vásárlónak hol tartott.

‍

Mára ennyi, köszönöm, hogy időt szántál rám. Bízom benne, hogy érthetőbbé tudtam tenni a webes lapozási alternatívákat.

Bármelyik megoldást választod, tartsd észben, az adott webshopra szabott konkrétumokkal csak a felhasználói tesztek eredményei szolgálhatnak.

‍

‍