A modern világ digitális kereskedője számára a webáruháza a legfontosabb értékesítési csatornája. A webshopjában testesül meg mindaz, ami egy fizikai bolttulajdonos számára boltjának kirakata, termékeinek elrendezése, kedvezményeinek reklámja. Marketingtevékenysége arra irányul, hogy ide irányítsa a leendő vásárlóit, és a vállalkozásának sikere kérlelhetetlenül összefonódik a webáruházának teljesítményével.
Ezért épp úgy, ahogyan egy fizikai bolt tulajdonosának is a legfőbb figyelmet kell fordítania arra, hogy a boltjába betérő látogatók kifogástalan élményben részesülhessenek, a digitális kereskedőnek is létszükséglete, hogy tökéletesítse a látogatóinak a felhasználói élményét.
Ebben a cikkben segíteni szeretnénk a webáruház-tulajdonosokat a felhasználói élmény optimalizálásában a Baymard Institute empirikus kutatásaira alapozva. Menjünk tehát végig egy webshop legfontosabb felületein, és vizsgáljuk meg azokat a praktikákat, amik elősegítik a könnyebb és gördülékenyebb vásárlást.
Elengedhetetlen a mobile first megközelítés
A webfejlesztés világában több mint tíz éve óriási hangsúlyt kap a mobileszközökre való optimalizálás, a „mobile first” megközelítés és a kötelező jellegű reszponzivitás. Ezt a tényt egészen megdöbbentőnek találhatjuk, ha rendszeresen próbálunk a mobilunkon válogatni és vásárolni különböző webáruházakból. Nem érdemes szépíteni a szavakat, hazánkban gyakran katasztrofális állapotok uralkodnak a webáruházak mobilra való optimalizálása területén.
Az olyan alkalmazások, mint a Wish, a Temu vagy a Vinted térhódítása kétségtelenül bizonyítja, hogy létezik egy nagy és egyre bővülő piaci igény a mobilos vásárlásokra. De a webshopok jelentős hányada képtelen kiszolgálni ezt a vásárlókört a felületük kritikus hiányosságai miatt. Azok az UX problémák, amik jelentéktelen kellemetlenségként jelentkeznek az asztali gépeken, kritikus problémákká nőhetik ki magukat a mobileszközökön, ahol sokkal kevesebb információ fér el a képernyőn, valamint jóval körülményesebb a navigáció és a beviteli mezők kezelése.
A telefonon való böngészés során a felhasználók a főmenüt használják arra, hogy elnavigáljanak a terméklistához. A mobilos felhasználóknak a tapasztalatok szerint időnként még az is megnehezíti a dolgát, ha a termékkategóriák a főmenü egyik almenüpontjában érhetőek el (pl. ha a egy webshopban a főkategória a “Termékeink” és csak az alatt jelennek meg az egyes kategóriák). A súrlódás és nehézségek csökkentése érdekében elengedhetetlen tehát, hogy a mobilos menü legfelsőbb szintű elemei a termékkategóriák legyenek.
Segítsük továbbá a mobilos felhasználóinkat az eligazodásban azzal, hogy a menüben kiemeljük azt a menüpontot, ahol jelenleg tartózkodnak. Ez egy gyakori funkcionalitás az asztali megjelenítésben, de az oldalak elsöprő többsége elhanyagolja ezt a funkcionalitást a mobilnézetben, ahol a készülék adottságai miatt nehezebb a tájékozódás, és emiatt annál nagyobb szükség volna rá.
A mobilos felhasználók kiemelten igénylik, hogy a termékkategóriák böngészése során tudjanak keresni a kategórián belül. Tegyük tehát lehetővé, hogy a termékkategória-oldalakon való keresés csakis az adott kategória termékeit jelenítse meg. Ügyeljünk arra, hogy ez a viselkedés opcionális legyen, és ha szükséges, a felhasználó átválthasson a teljes termékkínálatban való keresésre.
Sokat segíthetünk a visszatérő mobilos vásárlókon, ha lehetővé tesszük az egygombos vásárlást: a rendelési adataikat megjegyezve, egyetlen gomb megnyomásával meg is rendelhetik a terméket közvetlenül a termékoldalról, anélkül, hogy végig kelljen menniük a checkout folyamaton.
Ennek egy újgenerációs módja, ha biztosítjuk a visszatérő vásárlóinknak, hogy egyáltalán ne kelljen ismételten bajlódniuk a rendelés leadásával. Ezt egy előfizetéses rendszerben tudjuk megvalósítani, amely amellett, hogy terhet vesz le a visszatérő vevőink válláról, még egy folyamatos és tervezhető bevételt is jelenthet számunkra.
Ami a termékoldalt és a mobilos felhasználói élményt illeti, úgyszintén tegyük lehetővé, hogy használhassák a megszokott érintőképernyős gesztusokat – a kétujjas nagyítást és a dupla érintést -, hogy ráközelíthessenek a termékképekre. Ehhez fontos, hogy olyan képeket használjunk, amik elég magas felbontásúak ahhoz, hogy ráközelítve is kivehetőek legyenek a részletek.
Végül pedig emlékezzünk a mobilra való fejlesztés örök szabályára: legyenek a kattintható elemek elegendően nagyok, és legyen elegendően nagy távolság közöttük, hogy könnyen kiválaszthatóak legyenek az érintőképernyőn keresztül.
Fontos, hogy az első pillanattól világos legyen a látogató számára, hogy egy webáruházba érkezett, azaz, hogy az oldalon nem csak tájékozódni, hanem vásárolni is lehet. Ezt világosan kommunikálja a felső menüben megjelenő kosár ikon, valamint az, hogy az elérhető termékkategóriák alkotják a menüpontokat.
Tüntessük fel – rendszerint a láblécben – az oldalunkon elérhető fizetési módokat, ugyanis egyes felhasználók csakis bizonyos fizetési módokkal hajlandóak fizetni, és tartózkodni fognak attól, hogy időt és energiát öljenek a termékeink böngészésébe, ha nem lehetnek biztosak abban, hogy a folyamat végén le is tudják adni az általuk preferált módon a rendelésüket.
A láblécben mindenképp jelenítsünk meg linkeket, amik a szállítási és termékvisszaküldési opciókról tájékoztatják a felhasználókat. Ezek gyakran olyan információk, amikről még azelőtt szeretnének tájékozódni a látogatók, hogy belemélyülnének a termékpalettánkba, és megszokták, hogy a láblécben meg is találják azokat.
A Baymard Institute több mint 4000 felhasználó viselkedésének tanulmányozása során felfedezte, hogy a vásárlók 11%-a elhagyja azt a webáruházat, ahol nem kapnak kellő információt a termékvisszaküldési opciókról.
Tehát különösen ennek leírásánál ügyeljünk arra, hogy rövid, lényegre törő, könnyen érthető és könnyen átlátható legyen.
A terméklista-oldal legfontosabb elemei
A terméklista-oldalra térve fordítsunk külön figyelmet a termékszűrő mezőkre. Amikor egy látogató a terméklista oldalra érkezik, az első dolga rendszerint, hogy a szűrők után nyúl és szűkíti a találatokat a számára releváns termékekre.
Gondoskodjunk arról, hogy az oda-vissza navigáció során az oldalunk megjegyzi az alkalmazott szűrőket, rendezési és lapozási beállításokat. Könnyen felbőszíthetjük és elveszíthetjük a potenciális vásárlókat, ha egy termékoldalról a vissza gomb reflexív megnyomásával nem valóban ugyanoda jutnak vissza, arra az oldalra, azokkal a szűrőkkel és rendezési beállítással, ahonnan a termékoldalra érkeztek, hanem a nulláról kell kezdeniük és újra be kell állítaniuk a megjelenítési feltételeket.
Ez különösen visszataszító hiba mobilos eszközön, ahol körülményes újra alkalmazni a beállításokat. Ennek kiküszöböléséhez tároljuk az URL-ben paraméterekként ezeket az állapotokat, és a böngésző navigációjának alapértelmezett viselkedése gondoskodni fog a többiről.
Lehetőleg kerüljük a termékek túlkategorizálását! A kategóriák legyenek tágasak, azokon belül pedig bőséges mennyiségű szűrőkkel tegyük lehetővé az elemek leszűkítését. A szűrők megalkotásánál egy hasznos ökölszabály, hogy amennyiben feltüntetünk a terméklista-oldalon valami termékjellemzőt – például a képernyők átmérőjét vagy a ruhák anyagát – arra létezzen szűrési lehetőség is. A különböző termékkategóriák rendelkezzenek egyedi, kategória-specifikus szűrőkkel, amik megkönnyítik a kategórián belüli tájékozódást.
Ne feltételezzük, hogy a látogatóink behatóan ismerik a termékeinket és azok tulajdonságait. Ha a szűrőink fantázianeveket, zsargont vagy olyan speciális termékjellemzőket tartalmaznak, amiket csak az iparágban jártas látogatók érthetnek, lássuk el a szűrőket rövid magyarázatokkal, amik megkönnyítik az értelmezést. Lehetőleg kerüljük a homályos és szubjektív szűrési opciókat; például ahelyett, hogy kicsi – közepes – nagyobb – legnagyobb, nevezzük meg konkrétan a mértékeket és a számokat. Egy további segítség a tökéletes termék megtalálásához, ha vizuálisan kiemeljük a legfontosabb szűrőket, rájuk irányítva a felhasználó figyelmét.
A rendezési opciók megalkotása során ügyeljünk arra, hogy a látogatók rendezhessék a termékeinket az ár, a vásárlói értékelés, a legtöbbet eladott és a legújabb paraméterek szerint. Ezek kulcsfontosságú opciók, amikre a felhasználók döntő többsége igényt tart, de emellett fontoljuk meg a kategória-specifikus tulajdonságok szerinti rendezés megvalósítását, mint a képernyő átmérője, a jármű maximális sebessége, az akkumulátor kapacitása stb.
Ha olyan termékekkel kereskedünk, mint a laptopok vagy számítógépek, ahol részletes termékjellemzők alkotják a kulcsfontosságú információt, jelenítsük meg már a terméklista-oldalon, a listanézetben a leginkább releváns jellemzőket a könnyű összehasonlítás és kizárás érdekében. A listanézet nagyobb felületet biztosít az egyes termékek számára, így lehetővé teszi a jellemzők részletes megjelenítését, ennélfogva pedig az opciók szűkítését, mielőtt a felhasználó a termékoldalra navigálna.
Az informatív és impozáns termékoldal elad
A jó termékoldal részletekbe menően tartalmaz minden olyan információt az adott termékről, amire a potenciális vásárlónak szüksége lehet a döntéshozatalhoz. Ügyeljünk arra, hogy ne legyen fárasztóan hosszú a termékleírás, ugyanis a felhasználók nem fogják elolvasni a számos bekezdést átívelő részletezést. De ha a termékelírásnak rövidnek és lényegre törőnek kell lennie, hogyan válaszolhatjuk meg az érdeklődők számtalan kérdését és kételyét?
Hozzunk létre egy gyakran ismételt kérdések szekciót, ahol mi magunk válaszoljuk meg a legfontosabb és leggyakrabban felmerülő kérdéseket a termékkel kapcsolatban. De mivel ez elkerülhetetlenül megválaszolatlanul fog hagyni bizonyos kételyeket, tegyük emellett azt is lehetővé, hogy a vásárlóközösség feltehesse a saját kérdéseit, amik a válaszainkkal együtt nyilvánosan megjelennek a termékoldalon. A gyakran ismételt kérdések, valamint a kérdések és válaszok szekciók együttes megléte gondoskodni fog arról, hogy sokkal átláthatóbban és sokkal alaposabban megválaszolásra kerülnek a látogatók kérdései a termékeinkről.
A felhasználók már a termékoldalon szeretnék tudni a rendelés végösszegét.
A Baymard Institute kutatása szerint a látogatók 64%-a még a kosárba tétel előtt, a termékoldalon keresi a szállítási költségeket.
Frusztrálhatja és elüldözheti a felhasználókat, ha csak a kosár vagy a checkout oldalon derül ki a fizetendő végösszeg; sokuk nem hajlandó újra meg újra végig menni azon a bonyolult folyamaton, mire eljut a teljes összeg megjelenítéséig, főleg azokban az esetekben, amikor több terméket vagy több webáruház kínálatát próbálják összehasonlítani. Ezért, ha lehetséges, minél hamarabb, már a termékoldalon jelenítsük meg a becsült szállítási és egyéb költségeket.
Ha ingyenes szállítást biztosítunk, ezt az információt jelenítsük meg a termékoldalon is, kiemelten, közel a kosárba / vásárlás gombok mellett, ugyanis a felhasználók hajlamosak vizuális zajként kiszűrni az egész weboldalon megjelenő bannereket és hasonló marketing-felhívásokat.
A „Kosárba” gomb az egyik legfontosabb eleme a termékoldalnak, de ha nem vigyázunk, könnyen elveszhet a vizuális zajban. Gondoskodjunk arról, hogy megfelelő kiemelésben részesítsük, egyedi kinézettel és színekkel, ami világosan eltér az oldal többi elemétől és gombjától.
A termékképek rendszerint a fehér éterben úszó tárgyként jelenítik meg a termékeket. Ez egy hasznos praktika, ami biztosítja, hogy nem vonják el az irreleváns részletek a figyelmet a termékről. Azonban a fizikai termékek vásárlói azt is szeretnék látni, hogy hogyan is fog kinézni és mekkora helyet fog elfoglalni a termék a nappalijukban, a konyhájukban vagy az udvarukban. Tehát a fizikai termékek esetén biztosítsunk legalább egy termékképet, ami a rendeltetésszerű környezetében is megmutatja a terméket, hogy megkönnyítsük a választást.
Bizonyos termékek szenvedhetnek ideiglenes készlethiánytól. Ezekben az esetekben a webshopok gyakran lehetővé teszik, hogy a felhasználó az e-mail címe megadásával értesítést kapjon, ha ismét rendelhetővé válik a termék. Azonban hacsak nem roppant ritka és egyedi termékeket árusítunk, a felhasználók egyszerűen egy másik webáruházból fogják megrendelni ugyanazt a terméket, vagy annak egy helyettesítőjét, ami végső soron ugyanazt az igényt elégíti ki. Az empirikus adatok azt mutatják, hogy a várólisták és az értesítések hatékonytalanul teljesítenek az eladások ösztönzésében.
Ezt elkerülendő, tegyük lehetővé, hogy a látogatók az ideiglenes készlethiány ellenére ugyanúgy leadhassák a rendelést, megnövekedett szállítási idővel. Ha világosan kommunikáljuk a késedelmet, azok a látogatók, akiknek nincsen sürgető szüksége a termékre, nem fognak visszakozni a várakozástól. Azoknak pedig, akiknek sürgősen szüksége van a termékre, ha tehetjük, jelenítsünk meg azonnal elérhető alternatív termékeket.
Felhasználói élmény növelése Shoprenterben
A jó hírünk az, hogy a fenti tippek könnyedén alkalmazhatóak a Shoprenteres webáruházakban, így akár már ettől a pillanattól bevetheted őket. Ráadásul az újabb témák, mint a Madrid és a Budapest a felsoroltakon túl, még több konverziónövelő funkcióval rendelkeznek, amik további pozitív hatással lehetnek webshopod eredményességére.
Az újabb rendszertémák használatával korántsem áll meg bérelhető webáruházad testreszabhatósága. Amennyiben olyan fejlesztésekkel javítanál webáruházad felhasználói élményén, amelyek nincsenek alapból beépítve a témákba, kérd fejlesztőink segítségét! A leggyakrabban kért igényeket összegyűjtöttük már egy korábbi cikkünkben – ezek adhatnak további ötleteket számodra.
Ugyanakkor ne tartsd magadban, ha ezektől eltérő ötletet álmodtál meg, jelezd nekünk ezen az űrlapon és visszajelzünk, miként valósítható meg!
A folyamatos javulás az empirikus validációban rejlik
A felhasználói élmény javítására való törekvés során gyakran beleesünk abba a hibába, hogy a priori próbáljuk kitalálni a legjobb praktikákat anélkül, hogy letesztelnénk, hogy valódi felhasználók hogyan használják – vagy miért nem használják – az oldalunkat. Pedig ez a tevékenység végső soron egy szigorúan empirikus műfaj; a felhasználók mindig meglepnek bennünket a viselkedésükkel.
Ezért míg a fentiek valódi empirikus adatokra alapuló javaslatok, a legfontosabb, amit a saját webáruházunk javítása érdekében tehetünk, ha mi magunk figyeljük meg, hogy valódi felhasználók hogyan boldogulnak az oldalunkkal, ha kérdéseket teszünk fel nekik, elfogadjuk a tapasztalatukat olyannak, amilyen, és annak alapján eszközöljük a szükséges változtatásokat. Tehát ha a lehetőségeink engedik, mindig próbáljuk valódi empirikus adatok alapján igazolni az oldalunk funkcionalitásait. Ha így teszünk, a tudományos módszer segítségével leszünk képesek felfedezni, mi eredményezi a lehető legnagyobb profitot.
A szerzőről:
