Webshop redesign: mit alakíts át, hogy könnyebb legyen vásárolni?

Webshop redesign: mit alakíts át, hogy könnyebb legyen vásárolni?

A webshop megjelenésének átalakítása előtt érdemes feltárni a vásárlás közben jelentkező nehézségeket. Ezek alapján pontosabban dönthető el, mit és milyen céllal változtassunk meg.
Dajka Gábor

A webshop újratervezése előtt szeretem tudni, milyen problémát akarunk megoldani. Nehezen találhatók meg a termékek? Hiányoznak fontos információk a termékoldalról? Mobilon körülményes a változat kiválasztása? Ezek konkrét feladatot adnak a tervezéshez. Az, hogy a jelenlegi megjelenést megunta a tulajdonos, önmagában kevés a vásárlói nehézségek megértéséhez.

Szerintem egy redesign értelmét a feltárt használati problémák és a tervezett javítások alapján kell megítélni. A színvilág, a betűk és a képek mellett a tartalmak sorrendjével, a feliratokkal és az egyes műveletek érthetőségével is foglalkozni kell.

Nézd végig az utat a termékkereséstől a rendelésig

Válassz néhány jellemző vásárlási helyzetet, és próbáld végig a webshopban. Keress adott tulajdonságú terméket, hasonlíts össze két változatot, majd menj tovább a kosárhoz. Írd fel, hol kellett keresgélned, melyik megnevezés volt bizonytalan, és milyen információ hiányzott a döntéshez.

A meglévő ügyfélkérdések is segíthetik a vizsgálatot. Ha rendszeresen ugyanarra kérdeznek rá, érdemes ellenőrizni, hogyan jelenik meg az adott tudnivaló. Lehet, hogy a válasz hiányzik, vagy csak nehezen található meg. A két helyzet eltérő módosítást igényel.

A rendelkezésre álló használati és rendelési adatok további kérdéseket adhatnak az elemzéshez. Az adatot azonban a felület tényleges működésével együtt nézd meg. Egy elhagyott kosár okát önmagában egy összesített szám alapján még korai lenne kijelenteni.

A terméklista és a termékoldal is kapjon figyelmet

A főoldal megújítása látványos, de a vásárló más oldalon is érkezhet a webshopba. A kategóriák és a termékoldalak ezért külön tervezési feladatot jelentenek. Minden oldaltípusnál tisztázni kell, mit akar ott elvégezni a látogató, és milyen információ segíti ebben.

A terméklistán az összehasonlításhoz szükséges adatokra figyelj. Látható-e a termékek közötti lényeges különbség? Egyértelmű-e a választék? A termékoldalon már a részletesebb kérdésekre kell válaszolni: tulajdonságok, változatok, felhasználás, elérhetőség és a rendelés feltételei.

Én a hosszabb és összetettebb adatlapokat is bevonnám a tervezésbe. Egy rövid terméknévvel és kevés szöveggel jól működő elrendezés más tartalommal már problémás lehet. A grafikai tervet ezért tényleges termékadatokkal és valós képekkel érdemes ellenőrizni.

A gombok és feliratok tegyék érthetővé a műveletet

A vásárló számára legyen világos, mi következik egy kattintás után. Terméket választ, kosárba helyez, továbblép a pénztárhoz vagy elküldi a rendelést? A felirat, a gomb elhelyezése és a környező információ együtt adjon egyértelmű választ erre a kérdésre.

Az információk sorrendjét a döntési helyzethez igazítsd. A változatválasztás legyen követhető, a szállítással kapcsolatos tudnivalókat pedig ott is lehessen megtalálni, ahol felmerülhet a kérdés. A fontos magyarázatoknak az adott feladathoz kapcsolódva kell megjelenniük.

A grafikai hangsúlyokkal is tudatosan bánj. Ha minden elem egyszerre próbálja felhívni magára a figyelmet, nehezebb átlátni a teendőket. Érdemes kijelölni az adott oldal legfontosabb műveletét, és ennek megfelelően rendezni a tartalmakat, a gombokat és a kiegészítő információkat.

Mobilon is próbáld ki a teljes vásárlást

A kisebb képernyőn különösen fontos megvizsgálni a menüt, a szűrőket és a választómezőket. A telefonos ellenőrzés során tényleges feladatot végezz el. Keress terméket, válassz változatot, módosíts mennyiséget, majd töltsd ki a szükséges mezőket. Ebből derül ki, hol szorul javításra a használat.

A hibásan kitöltött űrlapot is próbáld ki. Megmutatja az oldal, melyik adatot kell javítani? Megmaradnak a korábban beírt információk? Olvasható a visszajelzés? Ezek a részletek ugyanúgy hozzátartoznak az átalakításhoz, mint a termékképek és a színek.

A módosítások műszaki lehetőségeit az adott rendszerben kell ellenőrizni. Az UNAS, a Shoprenter, a Shoptet és a WooCommerce eltérő keretek között alakítható. A tervezés és a kivitelezés egyeztetése segít abban, hogy a jóváhagyott elképzelés megvalósítható legyen a webshopodban.

A bevezetés után ellenőrizd a változtatásokat

A korábbi állapotból is érdemes feljegyezni a fontos megfigyeléseket, hogy legyen mihez visszatérni. Melyik használati nehézséget akartuk megszüntetni? Mi változott a felületen? Az élesítés után először azt kell ellenőrizni, hogy az egyeztetett működés valóban megvalósult-e, és a vásárlási folyamat végigvihető-e.

Az üzleti eredmények értékelésénél számít a vizsgált időszak és a látogatók összetétele is. Közben változhat a kampány, a termékkínálat vagy a készlet. Az átalakítás hatását ezekkel együtt lehet óvatosan értelmezni. Az új megjelenéshez ezért további ellenőrzés és szükség esetén korrekció is kapcsolódhat.

Ha átalakítanád a webshopod felületét, nézd meg a webáruház-redesign szolgáltatásomat. Küldd el az áruház címét, és írd le, melyik vásárlási lépésnél látsz problémát. Ebből indulhat a grafikai, tartalmi és műszaki feladatok egyeztetése.

Webáruház készítés