Webergonómia, avagy a weboldal elrendezése
Miért kell ezzel a témával foglalkozni? A web a figyelem iparága, ahol a fő fizetőeszköz a felhasználó ideje. Mit néznek meg, hajlandók elidőzni, és hova fognak később visszatérni? (Jakob Nielsen) Mert a web nem csak a figyelem, de a gyorsaság, a pénz és a kapcsolatok alakulásának felülete is. Nem csak a felhasználók takarékoskodnak az idejükkel, hanem természetesen a weboldalak fejlesztőnek is érdekük, hogy olyan weboldalakat tervezzenek, amelyek maximálisan idő és költség hatékonyak. A weboldal és webáruház tulajdonosok pedig ezt el is várják, hiszen nekik a profittermelés a végső céljuk. Nem érdemes elpazarolni a felhasználók idejét olyan dolgokra, melyek számukra nem fontosak, mert ezzel hátráltatjuk a munkájukban és ez később megbosszulhatja magát azzal, hogy nem térnek vissza újra a weboldalunkra. Legtöbb esetben az, hogy ellátogatnak hozzánk nem elég. Fel kell kelteni az érdeklődésüket, rá kell bírni őket, hogy elkezdjék használni az oldalt, majd el kell nyerni a tetszésüket, hogy később visszajöjjenek hozzánk. Fontos, hogy a weboldal aktualizálva legyen. Nem tarthat érdeklődésre számot az, aki elavult adatokat közöl a website-ján. Elveszíthetjük a visszatérő látogatókat akkor is, ha nem történik változás az oldalunkon, nincsenek hírek, ugyanazok a termékek természetesen) változtatni a kezdő tartalmat, hogy látogatóink mindig találjanak valami újdonságot. 2
Ne fárasszuk vásárlót és a szemét! Statisztikák bizonyítják, hogy az emberek monitorról 25%-kal lassabban olvasnak, mint papírról, ezért a weboldalak felépítésénél, az információk közlésénél oda kell figyelnünk erre a tényre. A hosszú szövegek fáradtságos olvasása helyett a felhasználók az ilyen adatokat csak átfutják, kulcsszavakat, kulcsmondatokat, vagy érdekes bekezdéseket keresve. Érdemes, tehát lényegre törő, rövid, tagolt formában közölni a mondanivalónkat. Nem érdemes bonyolult megfogalmazásokba bocsátkozni, inkább egyszerű nyelvezetet kell használni. A helyesírási hibáktól hemzsegő oldalak rontják a hitelességünket, ami természetesen rontja oldalunk és cégünk megítélését, hatással van látogatóink számára és eladásainkra is. A legfontosabb pont, hogy a látogató választ kapjon arra, hogy hol van és hová mehet tovább. Fontos feladata a főoldalnak, hogy segítse a weblap további részei felé a navigálást, és hogy bemutassa a legfrissebb tartalmakat az oldalon. Szivárvány a weboldalon? Nem, hanem egy hőtérkép ábrázolása. Fontos információ egy weboldalról, hogy mely részei ragadják meg leginkább a látogatók figyelmét. A legfontosabb pontokat mutató hőtérkép eddig csak kísérleti alanyok segítségével volt készíthető: egy érzékeny kamerával felvették, hogyan mozog a felhasználók szeme és ezeket az információkat rávetítették a weboldal képére. 3
Az F-szabály, avagy a szem mozgása Ez az út nagyjából egy nagy F betűre hasonlít, ezért ezt az elméletet a szakma F-szabálynak nevezte el. Ha weboldalunk tervezése közben ezt szem előtt tartjuk, már nagy lépést tettünk meg abba az irányba, hogy a weboldalt ne saját magunknak, hanem elsősorban a felhasználóknak készítsük. A webergonómia nem szembetűnő, de lényeges részeiről A domain név A domain név legyen: rövid vagy könnyen megjegyezhető, ne tartalmazzon különleges karaktereket (pl.: ékezet), legyen beszédes, utaljon a fő tevékenységi körünkre. Alapvető hibák: 1. A cégnév sokszor nem elég informatív, mégis domain név lesz belőle. Ez azonban nem minden esetben, sőt a legtöbbször nem áruja el mivel is foglalkozik a cég. Ezért kell olyan domaint (vagy akár többet) is választani, amely ugyanarra a tárhelyre mutat, ám mégis a fő tevékenységi körünket, azaz valószínűleg a fő kulcsszavainkat tartalmazzák. Ilyenkor nem kell más tenni, mint rászánni pár percet és végiggondolni mi lenne nekünk a megfelelő domain, majd próbálkozni: vajon szabad-e még a kiválasztott? A weboldal címének kiválasztása egyáltalán nem egyszerű feladat. Már rögtön az első lépésnél ki kell választanunk, hogy célközönségünk honnan fog érkezni. Elképzelhető, hogy csak egy adott ország látogatóira számítunk, de az is lehetséges, hogy Európa, vagy akár a teljes világ lakosságát tekintjük célközönségnek. 2. A hosszú domain név nem nyerő: a félregépelés esélye kisebb egy 4-5 karakterből álló webcím esetén, mint egy 10-12 karakteres webcímnél. Nagyon indokolt esetben válasszunk csak 10 karakternél hosszabb domain nevet. Egy 2004-es tanulmány szerint a 11 karakterből álló webcímeket 50%-kal kevesebben gépelik be, mint egy 6 karakteres domain nevet. 4
3. Kötőjeles kontra egybeírt: a cégek általában azért kényszerülnek kötőjelet tartalmazó domain nevet választani, mert a kötőjel nélküli változat már foglalt. Ilyen esetben mérlegelni kell, hogy a kötőjel nélküli változat konkurensünk kezelésében áll-e, vagy egy semleges tartalom van rajta. A kötőjelek használata ellen egy másik érv is szól: amennyiben egy idegen nyelvű kommunikáció során telefonálás közben kell bediktálnunk egy webcímet vagy egy domain nevet is tartalmazó email címet, akkor nehézséget okozhat, ha egyik vagy másik fél az adott nyelven nem ismeri a kötőjel idegen nyelvű jelentését. 4. Keresőbarát URL: legfontosabb választási szempont a könnyen megjegyezhetőség a fogyasztók (leendő látogatók) számára. Ez az url talán csak annak a programozónak hordoz információt, aki az oldalt készítette, felhasználóbarát "csinos" URL, ami beszédes, azonnal elmondja miről is szól az oldal amire eljutsz majd. A webergonómia látható része: a megjelenés A weboldal designnal foglalkozni kell, mert: befolyásolja a látogató hangulatát, erősíti a site hitelességét, befolyásolja a cégről kialakult véleményt, megismerteti az arculatot javíthatja, vagy éppen ronthatja a tájékozódást. 5
Folyamatos problémát okoz a monitorok, illetve egyéb megjelenítő eszközök különbözősége. Gondoljuk csak el, egy adott oldalt megnézhetnek monitoron, telefonon, de akár televízión is. Egy jó design képes kellemes hangulatot varázsolni a weboldalra, növelni annak hitelességét, vagy kiemelni azokat az elemeket, amelyek fontosak az oldal használatához. Természetesen ez visszájára is fordulhat, ami komoly problémákat okozhat a használhatóság kérdésében. Egy jól megválasztott szín és kísérőszín javítja a tájékozódást, míg ha ezek rosszul lettek megválasztva, akkor inkább rontanak. Van még egy szempont, amit figyelembe kell venni a design kialakításában, ez pedig a sebesség. Az előzőekben már láthattuk, hogy az ideális válaszidő <1 másodpercnél, ezt a weben különösen nehéz megoldani. A weboldal mérete, illetve az átvitel sebessége, a szerver sebessége nagyban meghatározza ezt az értéket. Különösen fontos tehát olyan design kialakítása, mely ezeken az értékeken javít. Az átvitel sebessége változó, tehát ezt nem lehet egyértelműen meghatározni (bár mérésekkel nagyságrendileg igen). Érdemes tehát a weboldal maximális méretét megszabni. A felhasználói felület A legelső dolog, amit egy weboldalra érkezve meg tudunk állapítani, hogy számunkra tetszetős-e az adott oldal, kellemesek-e a színei, áttekinthető-e vagy túlzsúfolt. 6
A felhasználói felületet tervezésekor készülnek el azok az elemek, amelyek a weboldalon a kommunikációt végzik a felhasználóval. Később ezen a felületen keresztül végzi a feladatait, illetve kapja visszajelzéseit a látogató. A felhasználói felület tervezésénél figyelembe kell venni a megszokott, berögzült sémákat, ezzel is csökkentve a felhasználó oldalkezelés megértésére fordított idejét. A professzionális webdesigner képes megfogni a látogatót és néhány másodpercig az oldalon tartani. A leglényegesebb elemei egy weboldalnak, a design szempontjából: Cég neve, vagy logója Keresés Navigáció (első és másodlagos menüsor) Navigációs csík Tartalom Lábléc Kutatások bizonyították, hogy a színek hatással vannak, a hangulatra, olvashatóságra, hitelességre. Egy jó kép megválasztásával például sokkal kifejezőbbé válhat a tartalmunk, mint ha elhagynánk vagy esetleg rossz képet választanánk. A mozgóképek lefoglalják az ember periférikus látását, ezzel elterelik a figyelmet a lényegi információkról. A marketing szakemberek igyekeznek is kihasználni ezt a tényt, ezért hirdetéseiket ellátják mozgó képek garmadával. Ebből kifolyólag a neten érdekes helyzet alakult ki. Az animációk alapvetően zavarják a felhasználót, a szemük, amikor az információt keresi, egyszerűen figyelmen kívül hagyja a mozgó területeket. Ez valószínűleg abból adódik, hogy az adattartalom mindig statikus, ellentétben a hirdetésekkel, amik mindig mozognak. Az emberek egyszerűen hozzászoktak ahhoz, hogy ami mozog, az többnyire értéktelen a számukra (látszik ez a bannerek kattintási arányának tesztjeiből is). Fontos, hogy emellett mindenképpen szükség van a jó webergonómiára is, hogy a látogatóból ki is váltsuk a szándékolt cselekvést. A webergonómia fontos része a navigáció kialakítása, amely a weboldal teljes felületén megjelenik és mindig a tartalomhoz igazodik. A helyesen strukturált menürendszer tulajdonképpen egy weboldal tartalomjegyzéke. 7
Általános követelmény a navigációval szemben, hogy minden oldalon elérhető legyen, kiemelt helyen, a felhasználók által azonnal azonosítható formában. Fontos törekedni arra, hogy minden oldalon, azonos helyeken, azonos formában, azonos designnal jelenjen meg a menüsor, legyen ez a weboldal állandó és fix eleme. A weboldal legmélyebb pontjára is maximum 3 kattintással el lehessen jutni, úgy hogy 3 kattintás mondjuk már az ajánlatkérő vagy megrendelő oldal vagy esetleg annak a köszönő oldala. A weboldalak és webáruházak elemi része: az űrlap Elengedhetetlen, hogy legyen az oldalon kitöltendő űrlap, ha az oldalnak üzleti célokat kell szolgálnia. Ha az ajánlat, a termékkártya, vagy az akció alatt egyből ott egy kapcsolat-felvételi mező, egy ajánlatkérési vagy egy megrendelési lehetőség, akkor az sokkal nagyobb eséllyel lesz az kitöltve. A legtöbb oldaltulajdonos azonban elköveti azt a hibát, hogy teljesen felesleges, vagy nem túl fontos dolgokra is rákérdez, minden plusz mező csökkenti az űrlapot elküldők számát. Ha 4-5 mezőnél több a mező, amit ki kell tölteni, akkor az már problémát jelenthet. Lehetséges alternatíva, ha a kitöltésért cserébe ígérsz valamit, vagy a kötelezően kitöltendőeket az elejére veszed, a többinél, jól kiemeled, hogy nem kötelező megadni. Hibák az űrlapok esetében: ha az olvasó nem tudja egyértelműen megkülönböztetni mi a kötelezően kitöltendő, miután rákattint az ELKÜLD gombra, az űrlap nem látszik egyértelműen, hogy melyek a hibásan kitöltött mezők ha az űrlap nem tartja meg a már eddig bevitt adatokat. Ha csúnya, rendezetlen, nem következetes, az hogy mit, miért kell kitölteni, akkor nagy valószínűséggel erősebb motivációra van szükség ahhoz, hogy a látogató kitöltse az űrlapot. Alap követelmény, hogy megköszönjük a látogatónak hogy fáradozott az űrlap kitöltésével, de ezen kívül egy jó köszönőoldalt még más, fontos célra is használhatunk. Az űrlap kitöltése után mindig legyen egy visszacsatoló, tájékoztató felület, amelynek feladata, hogy: 8
pontosan ismertesse a látogatóval, mi fog történni most, írja le, hogy számíthat-e megerősítő e-mailre, mennyi ideig tart az általa kezdeményezett folyamat, legyenek ott az oldalon a kapcsolati adatok arra az esetre,ha a látogatónak kérdései lennének, legyen egy nyomtatóbarát verzió, amivel igazolni tudja a jövőben hogy az űrlapot kitöltötte, megjeleníthet további hasznos információkat vagy promóciókat. Szükség esetén akadálymentesítsen! Annak ellenére, hogy becslések szerint ma Magyarországon közel 1 millió valamilyen fogyatékkal élő ember van, a legtöbb cég nem szán rá időt és pénzt, hogy akadálymentesítse weboldalát. Milyen esetben érdemes akadálymentesítenie az oldalát? Amennyiben a látogatói között nagy arányban lehetnek: vakok, gyengénlátók, színvakok és színtévesztők; testi fogyatékosok és a mozgásukban korlátozott felhasználók (az egeret, és a billentyűzetet használják nehezen); hallássérültek (elsősorban a multimédiás tartalom elterjedésével kerültek hátrányba); idősebb emberek, akik nem igazán képesek kezelni, és átlátni a nem egyértelmű felületeket. mobiltelefonról vagy PDA-ról internetezők könnyebben olvassák; régi típusú vagy gyengén felszerelt számítógépet használók is könnyebben tudnak böngészni rajta. Érdemes lehet akkor is kialakítani weboldalunknak effajta változatát, ha a célcsoportunk az idősebb korosztály, vagy a weboldalunkat nagy számban böngészik mobilkészülékről (pl. PDA-ról). 9