UX elemek készítése webáruházakhoz

UX elemek webáruházakhoz

Az UX elemek webáruházakhoz akkor hasznosak, ha egy magánügyfél nem teljes webáruházat akar újraépíteni, hanem a vásárlási út legfontosabb pontjait szeretné rendbe tenni. Ilyenkor célzott felületi megoldások készülnek a terméklistához, a termékoldalhoz, a kosárhoz, a pénztárhoz vagy a fiókhoz. És ez távolról is jól működik, mert a feladat nagy része nem helyhez kötött, hanem világos briefet, jó kommunikációt és pontos átadást igényel.

Szerintem sok ügyfél ott bizonytalanodik el, hogy nem tudja, pontosan mit kérjen. Pedig egy ilyen munka legtöbbször nem bonyolult. Először ki kell derülni, hol akad el a vásárló. Utána jönnek a konkrét UX elemek, például jobb szűrők, érthetőbb gombok, nyugodtabb kosárfolyamat vagy áttekinthetőbb termékkártyák. A Qjob.hu felületén ezért inkább olyan magánszakembert érdemes keresni, aki nem csak rajzol, hanem érti a vásárlói döntések logikáját is.

A nemzetközi UX ajánlásokban és a hazai webáruházas cikkekben is újra meg újra előjön néhány alapelv. Fontos a jól látható szűrés, a világos kategórianév, az áttekinthető terméklista, a részletes termékinformáció és a zavaró elemek visszafogása. A kutatások szerint a termékoldalak még ma is sok helyen közepes vagy gyenge élményt adnak, és a rossz felületi döntések önmagukban is terelhetik a vásárlót a kilépés felé. citeturn542233view2turn542233view3turn542233view4turn542233view5

Webáruház UX elemek kiválasztása

Jó választás lehet külön kezelni a kezdőoldali blokkokat, a listázó nézetet, a termékoldalt és a pénztárat. Én azt látom, hogy a legtöbb magánügyfél túl nagy csomagban gondolkodik. Pedig sokszor elég három vagy négy jól megtervezett rész. Ha például a termékszűrő zavaros, a látogató már az elején elveszíti a türelmét. Ha a termékoldalon nincs egyértelmű variációválasztás, nem derül ki a készlet vagy a szállítási információ, akkor a döntés megakad.

A webáruház UX elemek között gyakran ezek a leghasznosabbak szerepelnek

termékkártya rendezett képpel és gyors információval, jól címkézett szűrő, alkalmazott szűrők látható összegzése, ár és kedvezmény tiszta megjelenítése, méret vagy változat gombos kiválasztása, kosár visszajelző állapotok, hibajelzés a pénztárban, és egyszerű belépési vagy regisztrációs képernyő. A külföldi minták alapján az is fontos, hogy a szűrők mindig könnyen elérhetők legyenek, több feltétel egyszerre választható legyen, és a címkék ne szakmai zsargonból álljanak. citeturn542233view4turn542233view5turn542233view2

Itt jön be a tervező vagy az UX szakember szerepe. Egy jó grafikus önmagában sokszor kevés, ha nem tudja, mitől lesz használható a felület. De egy jó felhasználói élménytervező már azt is meg tudja mondani, melyik elem felesleges, melyik túl harsány, és miért nem működik egy szépnek tűnő megoldás a vásárló fejében.

Szakember választás UX elemekhez

UX elemek webáruházakhoz rendelésénél a legfontosabb kérdés nem az, hogy valaki mennyire látványos képeket mutat a portfólióban. A fontosabb kérdés az, hogy tudja-e megindokolni a döntéseit. Ha egy szakember csak annyit mond, hogy ez modernebb, az nekem kevés. Ha viszont elmagyarázza, hogy a szűrők külön megjelenítése csökkenti a keresési időt, vagy hogy a termékváltozatokat jobb gombokkal mutatni, mint lenyíló listában, az már sokkal többet ér.

Érdemes rákérdezni ezekre

dolgozott-e már webáruházas felületen, tervez-e mobil nézetre is, ad-e kattintható mintát vagy csak állóképet, vállal-e egy javítási kört, és pontosan mi lesz az átadott anyag. Sokan ott hibáznak, hogy csak a végső képet nézik, és nem kérdeznek rá a forrásfájlokra, az elnevezések rendjére vagy a fejlesztőnek szánt átadási logikára. Később ebből lesz a vita.

Volt olyan eset, amikor egy ügyfél egy olcsóbb ajánlatot választott, mert első látásra szép volt a minta. Az átadás után derült ki, hogy a gombállapotok hiányoznak, nincs mobil változat, és a pénztári hibajelzések sem készültek el. Újra kellett kezdeni a munka egy részét. Tapasztalatom szerint ezért jobb eleve olyan szabadúszót keresni, aki rendszerszinten gondolkodik, még akkor is, ha az ajánlata nem a legalsó sávban van.

Online munkamenet és átadás

Az online szolgáltatás itt teljesen természetes forma. A legtöbb munka rövid üzenetváltással indul, majd jön egy brief vagy kérdéssor. Ebben érdemes leírni, milyen termékeket árul a webáruház, kik a vevők, melyik képernyő okoz gondot, van-e meglévő arculat, és milyen rendszerhez kell igazodni. Minél egyértelműbb a feladat, annál kevesebb a körözés.

Utána általában vázlat vagy drótváz készül, majd a részletesebb képernyők. És itt nem csak szépségről van szó. Egy termékkártyán például látni kell, mi a név, mi a fő előny, mennyi az ár, van-e akció, elérhető-e a kedvelt változat. A pénztárnál pedig rövid mezőcímkék, jól érthető hibajelzés és nyugodt sorrend kell. A külföldi ajánlások szerint a zavaros listázó oldalak, a túl sok vizuális zaj és a rosszul szervezett navigáció rontja az észlelt minőséget és lassítja a választást. citeturn542233view3turn542233view2

Az átadásnál ezt érdemes kérni

képernyők külön bontva, mobil és asztali nézet, komponensek állapotai, szöveges megjegyzések a működésről, fájlok logikus rétegrenddel, és egy rövid átadási jegyzet. Ha javítás is benne van a megállapodásban, legyen leírva, hány kör fér bele. De a határidő sem mellékes. Egy kisebb felület pár nap alatt elkészülhet, egy teljes pénztári folyamat vagy szűrési rendszer már több időt kér.

UX elemek webáruházakhoz árak

Az árak nagyban függnek attól, hogy egyetlen képernyőről van szó vagy több összefüggő folyamatról. A túl olcsó munka ezen a területen gyakran gyengébb minőséget jelent. Nem azért, mert minden olcsó ajánlat rossz, hanem mert a részletes állapotok, a logika és az átadás rendje időt visz el. És ezt valakinek bele kell tennie.

Ezek irányárak, nem kötelező sablonok. Szerintem akkor reális az összeg, ha az ajánlatból pontosan látszik, hány képernyőt, hány állapotot és milyen mélységű átadást tartalmaz. Ha ez nincs leírva, az ár önmagában semmit nem mond.

Tipikus hibák UX elemek rendelésekor

A leggyakoribb hiba az, hogy a megrendelő túl általánosan fogalmaz. Azt írja, legyen modernebb a webshop. Ebből nehéz jó munkát készíteni. Sokkal jobb azt mondani, hogy a szűrő használata nehéz, a kosár túl zsúfolt, a termékoldalon nem látszik elég hamar a lényeg, vagy a mobil pénztár túl hosszú. Elsőre ez apróságnak tűnik, de valójában ettől lesz használható a brief.

Másik hiba, hogy valaki csak a látványt nézi, és nem gondol az állapotokra. Pedig a UX elemek webáruházakhoz nem csak alapállapotból állnak. Kell hover, aktív, tiltott, hibás, üres és sikeres állapot is. Ha ez hiányzik, a fejlesztő találgatni fog. A végeredmény pedig eltér attól, amit a megrendelő a fejében látott.

És gyakori gond a túl sok elem egyszerre. A kutatások is arra utalnak, hogy a zsúfolt felületek rontják az észlelt minőséget, a hosszú és zavaros listák pedig döntési bénultságot okozhatnak. A jól megtervezett webshop UX elemek ezért nem dísznek készülnek, hanem azért, hogy a vevő gyorsabban értse meg, merre menjen tovább. citeturn542233view3turn542233view4

Milyen eredmény várható webshop UX elemek után

Jó esetben nem látványos csoda történik, hanem nyugodtabb lesz a felület. Ez fontos különbség. A vevő gyorsabban szűr, könnyebben hasonlít össze, kevesebbet téved a változatoknál, és kevésbé akad el a pénztárban. Szerintem ez az a pont, ahol egy magánügyfél valódi értéket kap a munkájáért. Nem feltétlenül új arculatot, hanem jobb használhatóságot.

Én azt látom, hogy az igazán jó UX elemek webáruházakhoz akkor működnek, ha kevés fölösleges dolog marad a képernyőn. Van helye a szövegnek, látszik a gomb célja, egyértelmű a következő lépés, és az egész rendszer következetes. Ha ezt egy tapasztalt szakember vagy felhasználói élménytervező rakja össze, az online együttműködés kifejezetten hatékony tud lenni. A végeredmény pedig nem csak szebb lesz, hanem érthetőbb is. És a legtöbb magánmegrendelőnek valójában erre van szüksége.