 Ma már egy jó design egyet jelent a "nem rossz" designnal. Bővebb olvasnivaló a hajtás után!
Magyarul, nem kell kirívót alkotni, mert nem is lehet. Nem lehet, mert mindent megvalósítottak már, ami embernek eszébe juthatott, értelmes és értelmetlen dolgokat egyaránt. Nem arra kell tehát törekedni, hogy a látogatónak elálljon a lélegzete, hogy micsoda gyönyörűséget lát forgó nyitóoldallal, háttérzenével, csillogással, ezer színnel - mert nem fog elállni a lélegzete, hiszen látott még ilyet százat.
Az arculat megtervezésekor azt kell inkább szem előtt tartani, hogy a felhasználó az információért keresi fel az oldalunkat, nagyobb százalékban keresőkből-linkgyűjteményekből, kisebb százalékban a domain beírásával vagy más oldalon talált linkekből.
Miért fontos ez?
Mert innen tudhatjuk, hogy weboldalunk nem egyedüliként lesz a felhasználó előtt, hanem valószínűleg több, konkurens cég weboldalával együtt. Így nem fogja megvárni a flash-intro betöltődését, nem fogja kivédeni a felugró reklámokat, nem fog hosszú perceket azzal tölteni, hogy az oldal arculatának részleteiben egyenként elmerüljön - hanem kattint egyet a jobb felső sarokban található kis piros ikszre, és lép a következő oldalra, ahol felhasználóbarátabb konstrukcióval találkozik.
Általában a felhasználó nem tudja megfogalmazni, hogy pontosan mi tetszik neki és mi nem - csak van egy olyan érzete, hogy ez a weboldal jól van-e összerakva vagy sem. Az évek során elég jól meg tudtuk fejteni ezt a jelenséget.
A "jól összerakott" érzetet a következő dolgok tudják elősegíteni:
- Felejtsük el a Word, PowerPoint és hasonszőrű dolgok HTML-exportjait, a flash-gombsor készítőket, satöbbiket. Ezer szempontból rosszak, és a kicsit is gyakorlott szem rögtön észreveszi, hogy mivel készültek, de a gyakorlatlan is látja azt, hogy "gagyi". Nem illenek egymáshoz a designelemek, nem lettek a színek eltalálva, a képek nem megfelelő minőségűek... Gyakorlat nélkül, nulláról felépíteni egy weboldalt minden szempontból kielégítőre gyakorlatilag csodával határos. Az általam először, önállóan elkészített weboldal látványtervét máig őrzöm - hogy legyen min nevetni. Rémes. (2001-ben történt balesetről van szó.)
- Színek: Lehet az oldal világos és sötét összhatású egyaránt, de három (összeillő!) színnél többet ne alkalmazzunk, mert az már elveszi a figyelmet a tartalomról. És nem is szép. A designelemeknél sem, de a betűszíneknél sem! Törekedjünk az olvashatóságra! Az egymáshoz közel álló háttér-és betűszín adott esetben nézhet ki jól, de ne felejtsük el, hogy hozzánk még mindig az információ miatt jönnek a látogatók. Az összeillő színeket itt lehet például próbálgatni: http://colorschemedesigner.com/
- Betűk: Webre való betűtípusokat használjunk(Arial, Tahoma, Verdana, Trebuchet, stb.), és ne az alapértelmezetteket, mert annak olyan hatása van, mintha ezzel már nem lett volna kedv foglalkozni. Ebből is maximum kétfélét, de inkább csak egyet. Szövegben lehetőleg ne használjunk eltérő betűméreteket, csak indokolt esetben, és természetesen a címekben. Kiemelésre inkább a félkövér és a dőlt betű az alkalmas. Ne legyen a szöveg betűmérete se túl apró, se túl nagy - a 11-13px-es betűk minden környezetben megfelelők. A nagyon nagy betű ordítást jelent, ezért is kerüljük.
- Képek: Az animált gif ideje lejárt. Már néhány éve. Lobogó tűz, szaladó kiscsikó -irány a kukába. Egyéb képeket optimalizálni jó, de ne butítsuk agyon - a mai sávszélességeknek gyakorlatilag mindegy, hogy egy 70kB-os vagy egy 100kB-os képet tölt le, és a jpeg-tömörítést szabad szemmel számolgatni elég kiábrándító. Persze azért egy másfél megás bmp-t ne töltsünk fel oda, ahol egy 100kB-os gif is tökéletes lenne. Ha körbevágott képet alkalmazunk, akkor az ne legyen "szőrös".
- Adjunk meg szélességet, keretet az oldalnak. A teljes böngésző-szélességre nyúló weboldalakkal az a baj, hogy nem lehet őket minden helyzetre jól optimalizálni. Ma már az átlagos képernyőfelbontás megengedi a nagyszabású megoldásokat is, tehát helyszűkében igazán nem vagyunk. Az pedig, ha egy jóval nagyobb szélességű monitoron nézik meg az oldalunkat, és az tökéletesen szétesik, vagy a szöveg olvashatatlanná válik ezáltal - elég riasztó. A fennmaradó helyeket pedig ki lehet tölteni olyan háttérképpel, ami kisebb böngésző esetén nem látszik.
- Nyitóoldal: Külön nyitóoldal készítése az esetek nagy többségében teljesen felesleges. Nyelvválasztót, köszöntő szöveget belső oldalra is elhelyezhetünk; a flash és HTML közötti választás kérdése pedig azért válik lényegtelenné, mert tisztán flash oldalt nem is ajánlott elkészíteni, több okból sem. Drága; nem keresőbarát - ezzel megrendelőt veszítünk; nehezen frissíthető - ez tovább drágítja; nehezen kezelhető - ezzel a látogatót távozásra biztatja. Természetesen léteznek olyan flash-oldalak is, amelyek ezen tulajdonságokkal nem rendelkeznek, mert szövegfájlokból veszik az adataikat, és a megjelenésük is szabványos, nincsen rajtuk túl sok izgő-mozgó elem - ebben az esetben már csak az a kérdés, hogy miért kellett hozzájuk a drága flash környezetet alkalmazni. Nyitóoldalra animációt, ami még zenél is - ez pedig a legjobb módja a látogató elüldözésének. Egy szép nyitóoldal sem ad hozzá a weboldal értékéhez annyit, hogy feleslegesen pénzt dobjunk ki rá, és a felhasználót plusz egy kattintásnyi távolságra helyezzük a vásárlástól. Ehelyett legyen inkább az oldal maga megragadó!
- Háttérzene: Ha nagyon ragaszkodunk hozzá, akkor talán rábeszélhető vagyok, de csakis alapállapotban kikapcsolt zenelejátszóval. Azért nem jó ötlet, mert: lehet, hogy a felhasználó nagyon nem szereti azt a stílust, ami a weblapon szól; lehet, hogy a felhasználó egyébként is zenét hallgat, és kétféle zenét egyszerre hallgatni elég rossz dolog-ugyanez van, ha két háttérzenés oldalt nyit ki egyszerre; nyilvános helyen internetezik, bekapcsolt hangszórókkal, így pedig a társaság rosszalló tekintetét kell állnia; esetlegesen jogi problémák is felmerülhetnek. Ráadásul egy alapelv az, hogy a weboldal ne kezdeményezzen semmit magától, mert ez idegesítheti a felhasználót. Hagyjuk őt irányítani, akkor érzi majd jól magát nálunk.
- Menü: Inkább betűből legyen, mint képből, keresőbarátság és a szerkesztés egyszerűsége miatt. Háttérképekkel és stíluslappal már igen sok mindent meg tudunk oldani. Töltse be a funkcióját, legyen logikus, észrevehető helyen.
Néhány általam fémjelzett példa (ahol jól látszik az, hogy az ügyfél stílusának, igényének figyelembevételével is lehet a mai elvárásoknak megfelelő designokat készíteni):
(a többi referencia is megtekinthető a www.gedeon.hu oldalon.)
Ezek tehát azok az alapelvek, amelyek alapján nálunk weboldalak arculatai készülnek. Az eddigi tapasztalatok alapján ilyen módszerekkel nem fog a látogató "megiijedni" és távozni - és ez az a cél, amit egy jó designnal ebben a témában el kell érni. |
