 12 aranyszabály 7. rész:
A hatékony szerkezeti felépítés
Egy webáruház szerkezetét alapvetően három fő részre bonthatjuk: a fejlécre, a fő területre, és a láblécre. A fő területet is általában tovább bonthatjuk az oldalsó oszlopokra, és a középső fő területre. Megkülönböztetünk két- és három oszlopos designokat, attól függően, hogy a fő terület hány oszlopra bomlik szét. Sőt néha előfordulnak 4 oszlopos elrendezések is, melyek nálunk elsősorban a könyváruházakra jellemzőek. Hogy mikor melyik a célszerűbb, azt a későbbiekben fogjuk tárgyalni.
Miért szükséges ilyen „téglákban” gondolkodni? Azért, mert a weboldalak – bárhogy nézzenek is ki – pontosan ilyen „téglák”-ból épülnek fel. Számos technika van, ami végül az emberi szem számára ferde vagy hullámos megjelenítést tesz lehetővé, de összességében ezek is téglákból építkeznek. És minden ilyen nem szabályos forma megjelenítése általában egyedileg megformázott oldalt igényel. Ez igen jól működik is mindaddig, amíg nincs túl sok aloldala egy oldalnak.
Gyakran kérdezik, hogy nem-e lehetne eltérni ettől a „szokványos”, oszlopos elrendezéstől. De igen, el lehet térni, azonban nem mindegy, hogy mely elemek esetében. Egy webáruház ugyanis dinamikusan épül fel, azaz az egyes aloldalai nincsenek egyenként megszerkesztve, hanem a rendszer - adatok egy halmazából - automatikusan építi fel őket. És egy áruházra az jellemző, hogy míg a fejléc és lábléc általában viszonylag statikus (azaz csak minimálisan változik a tartalma), addig a főterület, és az oldalsó oszlopok rendkívül dinamikusak.
Így ezen utóbbi részek nagyon „extrém” formákba való belepréselése nemcsak, hogy sokkal nagyobb munka, de a későbbi fejlesztéseket/módosításokat is sokkal nehezebbé teszik. Ezért szoktuk azt javasolni, hogy a „kreatívabb” elemeket inkább a fejlécbe vagy láblécbe építsük bele, ellenkező esetben a „különlegesség” az oldal hatékonyságának a rovására fog menni.
Ugyan nem ökölszabály, de azért általánosságban elmondható, hogy a navigációt-segítő elemek többségét elsősorban a fejlécbe, a láblécbe és a bal oldali oszlopba szokás pakolni (mert az európai ember szeme bal fentről indul, és átlósan lefelé „pásztáz), míg a konverziót elősegítő elemek általában a középső főterületen illetve a jobb oldali oszlopban találhatóak.
Továbbá gyakran előfordul, hogy a főoldal és az aloldalak szerkezete eltér egymástól (pl. főoldal 2 oszlopos, az aloldalak pedig három oszloposak), ezek okairól a későbbiekben szólunk. Megkülönböztetünk továbbá fix szélességű oldalakat, és változó szélességű oldalakat. Az előbbiek általában 800x600-ra vagy 1024x768-ra vannak optimalizálva. Ez azt jelenti, hogy ha ennél nagyobb felbontásban nézzük őket, akkor az oldal bal és jobb oldalán (illetve ha balra van igazítva az egész oldal akkor csak a jobb oldalán) vannak elég nagy üres, kihasználatlan területek.
A változó szélességű oldalak ugyanakkor a képernyő felbontástól függően nyúlnak, és mindig kitöltik a rendelkezésre álló teret. Első hangzásra ezen oldalak jobbak, hiszen kevésbé pazarlóak, a gyakorlatban mégis inkább a fix szélességű oldalak az elterjedtebbek. Ennek fő oka, hogy a weboldal kialakítását (és főleg a dinamikus elemeket tartalmát) rendkívül nehéz olyanra csinálni, hogy minden képernyőméretnél megfelelően nézzen ki. Ezen oldalak többsége alacsony felbontásnál általában nagyon „sűrű” kinézetet mutat, míg magas felbontásnál szellős, „széteső” érzést kelt a látogatókban.
Persze alapos tervezéssel és átgondolással egy változó szélességű oldalt is meg lehet csinálni olyanra, hogy minden felbontás mellett szép és használható legyen, de valószínűleg a látványvilággal kapcsolatos elképzelések egy részét fel kell adni e cél megvalósítása érdekében.
Forrás: Webshop Experts
A Lépéselőny Virtuális Irodaház üzleti közösség, az üzleti partner keresésre alkalmas cégtár, szakmai tudakozó. Legyen a célja új vevő szerzés, értékesítés – a Lépéselőnnyel a bevétel és a haszon nem marad el. A magyar gazdaság szereplői közti üzleti kommunikáció terepe, az online marketing gyakorlati kipróbálására tökéletes helyszín. Keresőmarketing és marketing képzések, weboldalkészítés és keresőoptimalizálás, e mail szolgáltatások profi színvonalú kivitelezéséhez szükséges tudásanyagok mind megtalálhatók a Lépéselőnyben. |
