HTML

Ergománia

Webergonómiai írások magyar és nemzetközi weblapokról Rung Andrástól, aki az első ilyen témájú kutatást vezette a Budapesti Műszaki Egyetemen. Az egyetlen ilyen témájú magyar könyvét Kiss Orhideával a Gondolat Kiadó jelentette meg Felhasználóbarát honlapok címmel.



Rung András, webergonómiai tanácsadó

rungandras@gmail.com
06-30-3975008
Rung András a twitteren

Friss topikok

Címkék

2009 (1) 5000 (1) ajánlás (4) amazon (2) angol (1) architektúra (1) autóvásárlás (1) bank (4) befektetés (2) bejegyzés (1) beszámoló (1) biztosítás (1) blog (2) canon (2) canon.hu (1) chat (1) cib (1) cnn (1) design (4) designer (1) digitális (1) drótváz (5) elektronika (1) elemzés (20) elnevezés (2) előadás (12) előny (1) ep (2) eredménynövekedés (2) ergonómia (6) ergonomus (1) értékelés (1) európa (1) facebook (2) fejlesztés (2) fejlesztő (1) felhasználó (1) felhasználóbarát (1) fényképezőgép (1) fidesz (1) figyelem (1) film (1) fizetés (1) folyamat (2) főnév (1) form (2) gazdaság (1) google (1) hangvezérlés (2) használhatóság (1) hatékonyság (21) ház (1) háztartási (1) hellókarácsony (1) hiba (1) hír (1) honlap (9) ige (1) ikon (1) információ (1) információszervezés (6) ingatlan (2) interjú (1) internet (1) iphone (2) ismerős (1) italia (1) iwiw (1) jakob (1) jegyvásárlás (2) jobbik (1) kamera (1) kategória (1) kávéfőző (1) keresés (14) keresőoptimalizálás (2) kereső optimalizálás (2) keress (1) kézikönyv (1) kiállítás (1) kiemelés (2) konkurencia (1) konverzió (6) könyv (1) közösségi (1) látogatottság (1) lbp (1) letöltés (1) lézernyomtató (1) lmp (1) magyar (2) marketing (1) mdf (1) megtérülés (5) menü (5) menünév (1) menüpont (3) milánó (2) mobil (7) mockup (1) módszer (2) mszp (1) munkamenedzsment (1) műsor (1) nap (1) navigáció (8) nielsen (1) nyertes (1) nyitó (1) nyitóoldal (1) ok (1) összehasonlítás (1) otp (1) parlament (1) photohall.hu (1) portál (1) praktikus (1) prezi (1) probléma (1) program (1) programozó (1) projekt (1) rádió (1) ragozás (1) recesszió (1) redundancia (1) regisztráció (1) repülőjegy (1) saab (2) seo (3) skype (1) smashing (1) stratégia (2) sturktúra (1) szakmai (1) szdsz (1) személyautó (1) szemmozgás (1) szerkezet (1) szervezés (1) szétesés (1) szín (2) szórakozás (1) szöveg (1) tab (1) találat (1) tech (1) technológia (1) tekintet (1) telekommunikáció (1) termékoldal (4) terv (1) tervezés (16) tesztelés (4) tipp (1) típushiba (2) tren (1) tv (1) twitter (2) url (1) utalás (1) üzenet (1) választás (2) válság (1) varese (2) vásárlás (4) vélemény (1) verseny (2) visszaesés (1) vizsgálat (1) vonat (1) web (2) webergonómia (28) weblap (15) weblaptervezés (4) weboldal (2) webshop (7) wekerle (1) wizzair (1) wudhu (2) zene (1) zui (1) Címkefelhő

Vásárlás a Zarában

2010.10.08. 09:18 Rung András

Ezúttal egy nemzetközi divatcég, a Zara weblapját szemléltem meg alaposabban ergonómiai szempontból. Áttekintem, hogy miképp jelenítik meg a terméket és hogyan választhatunk közülük, de a vásárlás befejezésére nem térek ki. Az eddig vizsgált oldalaknál is a design fontos szerepet játszott, de egy olyan oldalnál, mint a Zara honlapja azt várjuk, hogy ennek még nagyobb jelentősége van. Ez rendjén is van, de ez az ergonómia rovására azonban nem mehet. Meglátjuk az elemzésből, hogy ez nem minden esetben sikerült a Zara weblap létrehozóinak, még ha összességében igényesnek is mondható a munkájuk.

Az oldal egy országválasztásos intróoldallal indul. Ez egy olyan dolog, amit senki sem szeret, de mivel a Zara számtalan országban van jelen, így ennek alkalmazása valamelyest érthető. Az már kevésbé azonban, hogy miért nincs egy zara.hu oldaluk, amin a magyar tartalom lenne. A listában Afrika két országgal külön kategóriaként szerepel, míg Európa egy tömött listát tudhat magának (benne Törökország is!). Talán könnyebben áttekinthető lenne a lista, ha az Európa kategóriát szétvágták volna, és az egyikhez csapták volna a két afrikai országot (Marokkó, Tunézia). Ennél azonban zavaróbb az online vásárlás lehetőségének jelzése egy kis szatyor ikonnal. Az ikon jobban hasonlít azonban egy lakatra, így meglehetősen könnyen félreértelmezhető. Nyilván ezt a fejlesztők is tapasztalhatták, ezért alul látható az ikon magyarázata is, hogy shop online (online vásárlás), hisz az angolul nem tudok ezt nem érthetik. Ennél kisebb gond, hogy az instrukció is angolul van (choose your country or region=válasszon országot vagy régiót), mivel a helyzetből elég egyértelmű, hogy országot kell választani.


Ország választás

Az országválasztásnak első látásra nincs sok haszna, mert akármelyik nyelvre kattintunk egy angol oldal jön be. Ez azonban csak a látszat, ugyanis ha a back (vissza) gombra kattintunk, akkor nagyobb nyelveknél átvált az oldal az adott nyelvre, mint pl. olasz, francia stb. (Safari és Firefox böngészőben biztos). Utána az oldal az adott nyelven is marad. Ez egy olyan mértékű hatalmas hiba, amelyet nem is tudom, hogy egy ilyen cég hogyan engedhet meg magának. Természetesen az oldal magyarul nincs, ami közepesen ciki, hisz azért mégis van legalább 6 boltjuk Magyarországon (az oldal alapján pontos számot nehéz megtudni). Van annyi boltjuk itthon, hogy illene azt a pár oldalnyi szöveget lefordíttatni magyarra is.

A továbbiakban az angol oldalt használom, mert ott legalább a vásárlási funkciókról kapunk egy képet (Magyarországon természetesen online vásárlás sincs, ki tudja miért). A nyitó oldalon továbbra se látunk termékeket, csak a navigációs elemek jelennek meg. Ez is zavaró. Az ember nem azért megy el egy ilyen online oldalra, hogy jól fotózott embereket lásson, hanem ruhákat akar látni. Termékeket a nyitóoldalra, ha már kínoztak minket feleslegesen egy országválasztó lappal!

A navigációs elemek egy része klasszikus navigációs elem. Ebből a catalogue (katalógus) teljesen feleslegesnek tűnik, mert látszatra ugyanaz a funkciója, mintha főkategória alapján elkezdtünk volna nézelődni. A lookbook (képeskönyv) alatt teljes összeállításokat nézhetünk meg. Ez önmagában érdekes lenne, de nekem (és még gondolom jópár más embernek sem) nem egyértelmű a nevéből. A TRF is kifejezetten rossz név, aki nem ismeri, az nehezen jön rá, hogy ez a tizenévesek ruházatához vezet. A company (cég) helyett pedig hatékonyabb lenne egy about us (magunkról) menüpont.  A főmenün kívül még eljuthatunk pár más helyre is (pl. facebook oldal, vagy zara iphone program). Az iphone esetében kellemetlen, hogy az angol oldalról is az iphone program spanyol leírásához érkezünk. Ez is meglehetősen hanyag megoldás.


Lookbook



























 a menü

Az alkategória kiválasztása után (pl. női ruházat, farmer) egy olyan oldalra jutunk, ahol böngészhetünk és szűkíthetjük keresésünket irányított kereséssel. Itt egyértelműen az ergonómia rovására ment a design, mert a szűrőket a tervezők 4 pont alá rejtették el, de ezek kezelése jóval nehézkesebb, mintha egyértelműen ki lennének téve jobb oldalra, ahol sok hely van még. A szűrőkben ráadásul kínos ismétlődések is vannak (sraight leg=egyenes láb). A lépegetés és a termékmegjelenítés egyértelmű, jól látható, de egy oldalon nyugodtan lehetne 20 termék is. Az árat kontroláló csúszkánál zavaró, hogy csak a max árat látjuk, azt nem, hogy mi a legolcsóbb.


termékválasztás


Az igazi erőssége az oldalnak a termékoldal. Látszik, hogy a Zarásokat a ruhák izgatják, a struktúra és az elrendezés legalábbis online szinten nem a legerősebb. A ruhákról elegendő kép van, és a részleteket is megfelelő méretben láthatjuk. A képek közti váltás kattintással megy, ha egérrámozgatásra váltana, az azonban még egyszerűbb lenne. Az információ pont elégséges, ami a fülek alatt rejtőzik el. Ezekből az anyagösszetételre vonatkozó információt azonban célszerű lett volna úgy megmutatni, hogy ne kelljen kattintani. Talán már a termékválasztó oldalon is megjelenhetett volna, hisz az embernek vannak anyag preferenciái, pl. utálhatja a gyapjút, mert szúrja a bőrét. Hasznos vásárlást segítő eszközök a size guide (méret útmutató) és a wear with it (ezzel viselje), de az utóbbinál egy kicsit bővebb választékot is megadhattak volna. Hatékonyabban segítené az eladást, ha nem csak egy opció lenne.

 


Termékoldal

A kosárbatétel megoldása viszont szimpatikus. Miután beraktunk valamit megjelenik mellette egy gomb, amivel el tudjuk kezdeni a fizetést. Természetesebb a vásárlói élmény.


Kosárbatétel

A kosár elrendezése és áttekinthetősége is igényes. Látunk a termékekről megfelelő méretű képet. Látjuk a nevüket, méretüket, tudjuk változtatni a mennyiségüket és a törlés is könnyű. Hogy mi mennyibe kerül az is egyértelmű a képen. Helyes az is, hogy a vásárlás véglegesítéséhez kötődő gomb a jobban kiemelt (process order). A kosárnál előnyös, hogy mutatja hány termékünk van kiválasztva, és erről egy némileg részletesebb képet akár egy kattintással is kaphatunk, bár még jobb lenne, ha itt is egérrámozgatásra megjelenne ez az információ. Rossz hogy a termékre nem lehet kattintani, hogy megnézzem újra, biztos jót választottam-e.



Kosár tartalma

Összességében elmondható, hogy a Zarában viszonylag jól sikerült a design és az ergonómiai szempontjait alacsonyabb szinteken ötvözni, viszont az oldal magasabb szintjei ergonómiailag összecsapottabbak, néhány könnyen javítható, de rendkívül kínos ergonómiai hibával. Találkoztunk egy-két megoldással is, ahol a használhatóságot feleslegesen áldozták be a design oltárán, pedig a kettő harmonizálható lett volna.

Szólj hozzá!

Címkék: vásárlás elemzés webshop

A bejegyzés trackback címe:

http://ergomania.blog.hu/api/trackback/id/tr422355691

Kommentek:

A hozzászólások a vonatkozó jogszabályok  értelmében felhasználói tartalomnak minősülnek, értük a szolgáltatás technikai  üzemeltetője semmilyen felelősséget nem vállal, azokat nem ellenőrzi. Kifogás esetén forduljon a blog szerkesztőjéhez. Részletek a  Felhasználási feltételekben.

Nincsenek hozzászólások.