Ergománia

Az ergonómus sem morgó medve, habár sokszor annak tűnhet, hisz annyi ügyetlen alkalmazás van a világban, hogy az ember csukott szemmel is tudna kritizálni élete végéig. Hogy ezt a téves, bár nem alaptalan képzetet némileg megváltoztassam a BBC nyitóoldalát mutatom be használhatósági szempontból, mivel jó példának tartom arra, hogy miképp lehet friss szemléletű, de praktikus oldalt létrehozni, úgy hogy közben még a design is elismerésre méltó legyen.

A felső részben az óra és a dátum meglehetősen felesleges, de mivel igényesen és ártalmatlanul van megoldva, ez se zavar. Igaz, a keresést kilökték a megszokott helyéről, de mivel jól látható és elég közel maradt ez se baj.

Elmozgatott keresés

Az én BBC-m

Miután  megvizsgáltam a T-mobile oldalán a készülékválasztást, több visszajelzést kaptam, hogy a blog olvasói kíváncsiak lennének, hogy mi a helyzet ez ügyben a Pannon Gsm, illetve a Vodafone háza táján. A paraméterek ebben az elemzésben is ugyanazok, mint a T-mobile esetén: emailezésre, 500 cím tárolására, internetezésre és fényképezésre (min. 2 megapixeles) alkalmas telefont szeretnék választani a Pannon Gsm oldalán.

Az indulás könnyű, a nyitón a netshop egyértelműen telefonvásárlásra csábít, kár hogy ezt a szót esetleg az idősebb felhasználók nem értik, így ők a feladat elején elvéreznének. Ennél a névnél csak a myPannon menünév a szerencsétlenebb. Kicsit furcsa a felfelé nyíló menü, de még a feldolgozhatóság határán belül marad. Mondjuk a betűméretekkel sem voltak túl nagyvonalúak a Pannon tervezői.
 

 Koszméretű menünevek a Pannonnál

A Netshopban a készülékválasztást már viszont időigényes megtalálni, habár a lista elején van a miniatűr méretezésű menüpont, teljesen elveszik a többi információ közt. Vizuálisan igénytelen, hogy ha egy menüre ráviszem az egeret, akkor nem kék, hanem az eddig semmire sem használt zöld színnel emelik ki, hogy melyik az aktív.

Eldugott menüpontok

Az sem túl egyértelmű, hogy a készülékkereső miben más, mint a márka szerinti keresés. Ezt csak úgy tudhatnánk meg, ha mind a kettőre rákattintanánk. Nem tesszük meg, mert egy átlagos felhasználó sem ennyire érdeklődő. Maradunk a készülékkeresőnél. Eddig Safariban próbálkoztam, most adom fel, mert a Pannon tervezői elfelejtették megnézni, hogy a 3-4. leggyakrabban használt böngészőben nem működik a keresőjük. Bár még mindig előrébb vannak, mint a régi CIB-es ebank alkalmazás, ami csak Explorert vett be annak idején.



Pannon oldala szétesve

Firefoxban már egészséges képet mutat a kereső. Tetszik, hogy a T-mobillal ellentétben az interface letisztultabb benyomást kelt. A képek is normális méretűek, látszik rajtuk valami. Az instrukciók (A kereséshez add meg a számodra fontos keresési feltételeket. A fenti lapozó segítségével választhatod ki a neked tetsző tulajdonságokat.) is átgondoltnak mondhatók. Kár, hogy a felszólító mondat végéről hiányzik a ! jel.

A gyártó és megjelenés alá erőltetett módon vannak beszuszakolva az usb modemek és adatkártyák. Hiányzik egy összes gomb, és ha semmit sem ixelek be az oldal akkor is ad vissza telefonokat. Talán ez lenne az összes opció? Nem túl áttekinthető...



Kereső összeszedett állapotban

A készüléktulajdonságok tab elnevezés nem túl egyértelmű. Jobb lenne a felhasználási módok elnevezés. Összeszedték, hogy melyik telefonok kiknek jók, de mivel a kategóriák nem átláthatóak, kicsi benne a bizalmam. Mit jelent az, hogy nőknek ideális? Rózsaszín? Kisebb? Ki tudja. A navigációra, fényképezésre, zenehallgatásra alkalmas elnevezések sem teljesen egyértelműek, de már jobb kategóriák. Nem lehet tudni, hogy mi a különbség a mobilszélessávra és a mobilinternetezésre alkalmas készülékek közt. Mi az alap készülék? Telefonálni lehet vele és ennyi? Jó lenne, ha tippeket kapnánk, ha az egerünket rámozgatjuk a szövegekre.















Készüléktulajdonságok listája

A funkcióválasztó kategóriáinak a felét nem értem, de akinek fontos, annak biztos mond valamit. A tarifacsomag választóban, ha nem vagyok bennfentes, akkor nehezen tudom értelmezni, hoy mi az az új generációs előfizetés.















A rejtélyes tartalmú funkcióválasztó

Nézzük, akkor az eredeti keresésünk. Bejelölöm, hogy üzleti használatra (min. 500 név miatt), fényképezésre alkalmas, mobiszélessávos telefonokat keresek. Itt is a Nokia 6300 kelleti elsőnek magát, mint a T-mobilnál. Úgy látszik, ha ilyen paraméterekkel akarnék vásárolni, akkor ez lenne a végzetem.

Most válasszunk valami mást. Legyen ez a Nokia 5800, mert némileg az iPhonera emlékeztet. Sajnos a találati oldalon a Pannon is csak az árat mondja meg, azt is csak akkor, ha a névre ráviszem az egeret. Egy két fontosabb paramétert itt is elárulhatna, és sajnos helyenként itt is vannak csúnya összecsúszások, már a Firefoxban is. A divek kezelését jó lett volna alaposan átnézniük a kivitelezőknek.



Nokia 5800 és az összecsúszás

A termékoldal sokkal átláthatóbb, mint a T-mobile-nál. Igaz a kép kicsit kisebb, viszont görgetés nélkül látok sok adatot. A 3.2 megapixeles kamerának rögtön örülök, az internet szintén második adat. Kicsit lejjebb görgetve az üzenetkezelés alatt könnyedén megtalálom az emailt is. Már csak az 500 név hiányzik. Viszont a maximálisan bevihető nevek számát sehol sem találom. Persze lehet, hogy egy ilyen jobb telefonnál ez már nem akadály, de azoknak akik a régi vackokon szocializálódtak ez még bizony szempont.



Letisztult termékoldal

Az oldalon ezen túl még zavar, hogy a vásárlási funkciók redundáns elemei sok helyet foglalnak. Van vagy 10 előfizetési csomagunk, de mindben ugyanannyiba kerül a telefon. Jobb lett volna ilyenkor felsorolni őket vesszővel elválasztva, és egy jó nagyméretű árat tenni melléjük. Nem kellene akkor bámulnom azt a sok 66490-et. Úgy látszik, ez az oldal már a Pannon birodalmának széle, mert az ékezetek olykor elmaradnak, a gondos kezek ide már nem jutottak el javítani.

Összességében úgy gondolom, hogy a Pannon oldala jobban szerkesztett, mint a T-mobilé, letisztultabb. Ugyanakkor a hanyag kivitelezés, információ elrejtése sokat ront az egyébként elfogadható kategóriába sorolható oldalon. Messze van a tökéletestől, de gondos munkával lehetne feljebb tornászni.





 

A Blogvilágba írtam bejegyzést arról, hogy miként is érdemes a felhasználók szempontjából jó, értékes blogot írni. Tanácsaim alapvetően nem a tartalomra, hanem a struktúrára, a szerkesztésre és a praktikusságra fókuszálnak.

Sokszor a weblapok tervezésénél már eldől, hogy a weblap elkészítése, ha nem is lesz teljesen lehetetlen, de fájdalmas folyamat lesz. A tervezéshez nem csak a megfelelő emberek kellenek, hanem jó eszközöket is kell választnanunk. Igaz, általában a megfelelő emberek tudják, hogy melyek a megfelelő eszközök.

Egy weblap megtervezését nem célszerű valamilyen bonyolult programmal kezdeni (pl. Adobe Photoshop vagy Illustrator), hanem célszerű a főbb szerkezeti elemeket és ezek elhelyezkedését rögzíteni egyszerű módon. Nem szégyen, ha először bizony a füzetbe vagy az A4-es lapokra rajzolgatunk. Kifejezetten hasznos lehet, ha minden technikai lehetőségtől elvonatkoztatva a szerkezetre koncentrálunk.

Ha azonban vázlatosan lerajzolgattuk, hogy mire van szükségünk nem célszerű továbbra se nekiugrani egy grafikai programnak. Kiváló programok vannak, amelyekkel tovább finomíthatjuk oldalaink szerkezetét anélkül, hogy komolyan kidolgozott koncepció nélkül elmerülnénk a design részleteiben.

Az ilyen szerkezeti vázlat (mockup) megrajzolásához számos eszközt használhatunk, amelyeknél nagy előny, hogy beépített eszközkészletük lehetővé teszi tipikusan a webre szánt elemek gyors előhívását és azok átformálást.

Egy mockup eszköz előnyei grafikus programokkal szemben:

• gyors kezelhetőség, ami miatt hamarabb meglesz a munkánk és nem veszünk el a részletekben
• a design nem vonja el a figyelmünket a funkcióktól
• esetlegesen interaktív lépéseket is beépíthetünk, azaz oldaltervünk nem csak egy guszta kép lesz

Egy mockup eszköz előnyei webszerkesztő programokkal szemben:

• gyors kezelhetőség
• átláthatóbb
• nem kell a technikai megvalósítással bajlódnunk
• grafikai szerkesztőkben megszokott eszközkészlet webre adaptált formában

Jelneleg a legelterjedtebbek közé a Balsamiq az Axure és az OmniGraffle tartozik. Az Axure Windowsos, az OmniGraffle Maces tervezőknek elérhető, a Balsamiq az alkalmazott Adobe Air technológia miatt minden platformon elérhető.

Az alábbi két kép az Otp nyitóoldalát és ugyanezt az Omnigraffleban mutatja.
 

Egy rutinfeladatnak mondható tevékenység, a mobilválasztás kapcsán vizsgáltam meg a T-mobile honlapját. Tegyük fel, hogy meglévő T-mobile ügyfélként egy emailezésre, 500 cím tárolására, internetezésre és fényképezésre (min. 2 megapixeles) alkalmas telefont keresek.

A nyitóoldalon némi keresgélés után felfedezem a 6. menüpontot készülékek címmel, ebből ki is választom a készülékek alatt a telefonok almenüt, amelynek az urljét egy kicsit felhasználó és seo barátabbá is lehetne tenni: http://webshop.t-mobile.hu/webapp/wcs/stores/WSPhoneDisplayCmd?catalogId=2001&storeId=2001&langId=-11&categoryId=101&processMode=Modify&company=290&company=13057&company=2144&company=690&company=790&company=10001&company=1694&company=990&company=490&company=1090&company=13507

Nem lenne rossz, ha rengeteg akció, kedvezmény mellett elrejtve triplasoros fejlécben jobban látszódnának az elsődleges navigáláshoz szükséges menüpontok. Elsőként arra gondoltam, hogy a T-mobile grafikusai keveset tudnak a vizuális kiemelések működési mechanizmusairól, de inkább az a gyanúm, hogy a marketingesek nyomják a nekik fontos dolgokat, aminek köszönhetően alapfunkciók súlyosan károsodnak.


Alig látható menüsor

Meg kell jegyezni, hogy a T-mobile már a nyitón is kínálgat készülékeket, de ezt ügyetlenül teszi. A hatalmas iPhone hirdetés csak görgetésre látszik, a többi reklámozott telefonról pedig lényegtelen információkat is közölnek a kis helyen, hogy mennyiről lett leértékelve vagy épp milyen csomagban van. Első körben ez biztos nem érdekli a felhasználót.


Egy telefonreklám a nyitóoldalon

Egy dinamikus készülékválasztóhoz jutottam. Nem tetszik az instrukció, mert túlkomplikált: Jelölje be, milyen kritériumok alapján kíván keresni a telefonok közt. Le merem fogadni, hogy a kritérium szót legfeljebb a vásárlók fele érti, és azoknak is legalább fele csak a szövegkörnyezetből következteti ki a jelentését. Egy tömegoldalon nem lehet ilyen "bonyolult" szavakat használni instrukciókban. Sokkal jobb lenne egyszerűbben a szöveg: Jelölje be, hogy milyen telefont keres!


Keresési felület

Ügyetlen a keresési felületen, hogy a szempontokat tartalmazó oszlopok minden elemére vonatkozó kifejezések nem egységesek. Három nyelvtani szerkezet ilyen felépítésű: összes/bármilyen+csoportnév (összes gyártó, bármilyen jellemző, bármilyen stílus), míg az első előfizetésekre vonatkozó csoportban csak az összes szó van odavetve. Legyünk következetesek. Vagy legyen: összes, összes, bármilyen, bármilyen a címkézés, vagy tegyük oda ezek után azt, hogy előfizetés, gyártók, jellemzők, stílus.

Meglehetősen ügyetlen, hogyha egy olyan pipát veszek ki, amely az adott csoport összes elemére vonatkozik (összes, összes gyártó, bármilyen jellemző, bármilyen stílus), akkor némi töltés után visszateszi ugyanoda a pipát a rendszer. Nem értem miért nem vehetem ki, majd utána bejelölöm, hogy melyik típus, típusok érdekelnek.

A gyártóknál felesleges a kevesebb gyártó link, ami az utolsó három típust lecsippent, mivel növeli a vizuális komplexitás lényegi haszon nélkül.

A kéziszámítógépek csoport nem a gyártók alá való, legalábbis nem ezzel a névvel (egyébként a gyártó itt maga a T-mobile), hisz ez nem gyártó, hanem kivitel vagy típus. A netbook, mobilinternetet sem bölcs dolog ide a telefonok alá bekeverni. Értem én, hogy azért van itt, mert szeretnének belőle sokat eladni, de jobb lenne nem a telefonok alá belegyömöszölni azt, ami nem oda való.

A jellemzők pont alatt alatt az e-mail kliens helyett bőven elég lenne az email. Úgyse tudják az emberek mi az a kliens, és a web n walk az internethasználati lehetőség helyett is meglehetősen szerencsétlen választás, ha arra vonatkozik egyáltalán. Tetszik viszont nagyon a stílus képekkel való megjelenítése. Ez ha nem is eredeti, de legalább ügyes megoldás.

Bejelölöm, hogy összes gyártó, beépített kamera, web n walk (mivel azt gondolom ez az internet) és email kliens szempontokat. Magamban megjegyzem, hogy több jellemző is lehetne, mint pl. csúszkával lehetne telefonszám-mennyiséget választani.

44 találatot kapok, szerencsére van összeset egy oldalra link, így nyugodtan görgethetek, nem kell kattintgatnom. Előre rendezem a legolcsóbb készülékváltást. A rendezési szempontok is elég egyértelműek, látszik, hogy itt valaki gondolkodott, vagy legalábbis észnél volt.

A nézetet átváltom kétsorosra, mert idegesítenek a túlzottan kicsi képek a felsorolásban.


1 soros megjelenítés miniatűr képekkel
 

2 soros megjelenítés áttekinthetőbb képekkel

Nos, nézzük a találatokat. Még ezen a szinten is csak az árról látok információt. Ügyetlen, ha valami nincs raktáron, akkor azt mind a három előfizetés típusnál kiírják.

Nincs raktáron sokszor kiírva

Semennyire nem érdekel, mint vásárlót, hogy hány forint helyett árulják most a telefont. A sok értékesítési információ helyett örülnék, ha itt már legalább a jellemzőket láthatnám, ne adj Isten összehasonlításra kiválaszthatnék telefonokat. Így csak találomra böködök, hogy melyik szép és olcsó, ha egyszerre van ilyen.

Mondjuk, tetszik a Nokia 6300, és kattintok a részletek és vásárlás pontra. Az adatlapon a képnézegető egyszerűen kezelhető, a képek nagyok. Ez segít a választásban. Az viszont felidegesít, hogy a részletes adatokért még egyet kell kattintanom a technikai paraméterekre.


Képnézegető és technikai paraméterek link

Itt iszonyú sok adatot látok. Látszik a küzdés a T-mobile-nál, hogy csoportosítsák az adatokat, de ez nem igazán sikerült. Mármint a felosztás helyes többé kevésbé, csak épp nem praktikus.

Érdemes egy pillantást vetni a legfontosabb adatokra. Vajon miért annyira fontos az RF teljesítmény (És vajon mi az?), az akkumulátor kapacitása / technológia /feszültség/ (érthetetlen adatokkal is), a térfogat (Vizet fogunk vele kiszorítani? Vagy tudjuk, hogy a zsebünk hány köbcentis? Akinek annyira fontos, az szerintem össze bírja szorozgatni a méreteket), váltakozó beszéd és fax átvitel, dtmf kód küldési lehetőség, illetve hosszú dtmf kód és még sorolhatnám.


Legfontosabb adatok:)

A telefon-számbeírási lehetőségek száma (egyébként max. 1000 lehet) furcsamód Magyarázatoknál van eldugva. Csak úgy tudtam megtalálni, hogy a telefonkönyv szóra rákerestem az oldalon. Ugye, ezt egy átlagos felhasználótól nem várhatjuk el.

A kamera méretét is az adatlap vége felé találjuk meg (2 megapixel rendben). Az internet kapcsolatra is csak a Magyarázatok alatt találok rá, szerencsére az email már a második blokkban megvan.

Mivel a telefon nem túl drága, szép és mindent tud, amire hipotetikusan szükségem van, gyorsan megelégszek vele, mert az ennyi böngészésből nyilvánvalóvá vált, hogy a T-mobile oldalán kicsit is bonyolultabb válogatásra, összehasonlításra mód nincs.

Pedig nem lenne olyan nehéz megoldani a kérdést. Egyrészt a termékek válogatásakor már jóval több adatot kellene megmutatni, másrészt lehetővé kellene tenni kiválasztott termékek összehasonlítását. Mind a kettőnek természetesen személyre szabható szempontok (kritériumok:) alapján kellene működnie. Amíg ezek az egyszerű funkciók nem lesznek meg, addig a T-mobile sikerének fő összetevője a türelem, a szívósság és a szerencse lesz. Van még bőven javítani rajta!

Megjegyzés
Elég kellemetlen volt, hogy tesztelés alatt egy webshop karbantartás is beindult, amelyet meglehetősen béna módon egy 404-es az oldal nem található (link) hibaüzenettel kommunikáltak. Ilyen bakikat ekkora cég azért nem csinálhatna.



 

Miyazaki Jun, alias Merras Kereső marketing tanácsadó blogjába írtam vendégposztot a Googleről:

• Elegendő információ: Az ajánló rendszeren keresztül annyi információt kapunk, amely elegendő a vásárlói döntéshez. Ez nem azt jelenti, hogy az ajánlásnak rögtön tartalmaznia kell minden szükséges információt, de ezen keresztül könnyedén el lehessen jutni a termék oldalára, ahol mindent megtalálunk, ami minket érdekel. Ha egy 200 ezres tévéről csak a rövid ajánló tájékoztat, akkor ne csodálkozzunk azon, hogy senki sem veszi meg.
• Átláthatóság: Fontos, hogy vásárlóink értsék, mit miért ajánlunk, mert ha nem 100%-os a bizalom (ez legfeljebb a szüleinkkel van így), akkor ezek az ajánlások könnyebb elfogadhatóságát segítik elő.
• Rugalmasság: Lehetővé kell tenni, hogy a vásárlók személyre szabhassák az ajánlásokat. Így ha az amazonon veszünkszakácskönyvet nejünknek, de minket nem érdekel, akkor megjelölhetjük, hogy ez csak ajándék volt, így a rendszer nem fog nekünk makacsul burmai szakácskönyveket ajánlgatni.
• Elérhetőség: Az ajánló rendszer lehetővé teszi a termékek gyors elérését. 

• Egyszerre legfeljebb három terméket érdemes ajánlani.
• Minél közelebbi az élmény a valódi vásárláshoz annál jobb. Az ajánlásban szerepeljen a termék neve, ára és egy kicsi, de jó minőségű kép róla.
• Az ajánlásban még szerepelhet: promóciók (pl. 20%-os leértékelés), felhasználói értékelések, összehasolítási információk.
• Ajánlásainkat a fő termék alatt vagy attól jobbra tegyük meg.
• Tegyük lehetővé az ajánlás paramétereinek, feltételeinek módosítását a felhasználók számára.
• A felhasználói értékelések megmutatására a csillagos megjelenítés ajánlott. (Magyar weblapokon az emberek nem igazán használják ezt, érdemes ezt minél jobban ajánlgatni nekik.)
• Ha kommenteket mutatunk meg, akkor mindig a legfrissebb legyen felül. Ha kevés helyünk van, akkor az ajánlásba ne tegyük be a kommenteket.
• Ne ajánljunk semmit pop-up ablakokban.

A közel fél éves intenzív munka meghozta eredményét, és az Ergománia bekerült a Goldenblog legjobb 10 tanácsadói blogja közé. Az eredménynek azért is különösen örülök, mert a mezőnyben jó pár erős és régóta futó blog is megmérettetésre került. A versenyző blogok értékelése közt Berényi Konrád, az online marketing elismert szakértője így ír az Ergomániáról:

 "Az internet a legtöbb ember számára a böngészőt és az azon keresztül elért weblapokat jelenti. De mennyire használható az éppen nézett oldal, mennyire ergonómikus a felülete? Mára számtalan cég és számtalan felhasználó gyárt weboldalakat, blogokat, így nagyon sokak számára hasznosak azok a tanácsok, amelyek ezen a blogon elérhetőek. Persze elsősorban létező weboldalak szétcincálásán keresztül vezet az út a tanuláshoz, így aztán lehet miről vitatkozni is - ebben pedig partner a blog írója."