A Web 2.0 designer szemmel (második rész)

Írta: | 2007. november 25. | kategóriák: Blogolok, Design, Web

Az első részben szó esett az általános jellemzőkről, az oldal elrendezéséről, méreteiről és a szövegek formálásáról. Ez a rész egy más megközelítésből szemlélteti a webkettes karaktersziszikákat.

Pozitív egyszerűség

Elkülönített fejléc

Régebb is említettem, hogy az egyszerűség egy etalon a web 2.0 világában. Ezt most mélyebben is elemezném: mit is értek a pozitív egyszerűség alatt. Vegyük alapul a valós életet: ha van egy megoldásra váró feladat és két megoldási lehetőség, melyiket választjuk? Természetesen az egyszerűbb nyeri el a tetszésünk! Így van ez a weben is: a böngészőt nem érdekli, hogy mennyi mindent lehet belemocskolni egy jó, tartalmas, weboldalba. A látogatókat a tartalom érdekli; az, hogy egyszerűen megtalálja, szinte elvárássá vált.
Ha például egy weboldalt teleszúrkálunk mindenféle widgettekkel, annak nem lesz jó vége, mivel a látogató a csicsás dolgokra fog odafigyelni és nem lesz már türelme/ideje az igazi tartalom megtalálására. A hasonló kellemetlenségek elkerülésére több egyszerüsítő módszer is van a gyakorlatban. Egy bevált eljárás, ha eltüntetjük a fő tartalomhoz szorosan nem tartozó elemeket vagy kevesebb figyelemfelkeltést biztosítunk ezeknek az elemeknek. Ugyancsak ide tartoznak a sokak szerint dekorálásnak tartott, úgynevezett webkettes megbélyegzések. Az ikonok, kitűzők és egyébb szemkápráztató elemek fő célja a figyelemfelkeltés: a fontos információra való figyelmeztetés.
Web 2.0 jellegzetességWeb 2.0 jellegzetességWeb 2.0 jellegzetességWeb 2.0 jellegzetesség

Díszítés versus díszítés

A fentebb leírt bekezdésekben arról szóltam, hogy legyen egyszerű, amennyiben lehet, egy weboldal és koncnentráljunk a tartalomra. Ez a rész is oda tart, csupán a fontosságát tekintve külön alcímet kapott. A lényeg: ne az oldalt díszítsük, hanem a tartalmat. Nagyon egyszerű ezen kitétel elérése: hagyjuk a madarakra a weboldal nem fontos elemeinek komplex tervezését, pl. háttér és egyéb állandó grafikai elemek. A tervezésünk célja legyen a tartalom, fektessük a tartalom dekorálására a nagyobb hangsúlyt.
A tartalom pompálására használjunk:

  • szövegformálást: szlogenek, főcímek, alcímek, kövér és/vagy dölt betűk, kontraszt
  • háttérszíneket: hiba és információ kiemelés halvány színekkel
  • ikonokat: letisztult, érthető miniképek
  • kitűzőket: árak, verziószámok kiemelése éles körvonalú, tartalomból kiugró grafikai elemekkel
  • tükröződéseket: fényforrásos és tükör-asztalos
  • üres részeket: kellemes, tágasság érzést nyújtó tartalommentes helyek (nem szabad túlzásba vinni)

Elválasztott részek

Elkülönített fejléc

Ugyancsak az egyszerüsítést szolgálja az oldal fő részeinek szembetűnő elkülönítése is. Itt persze nem arra utalok, hogy legyen az oldal fejléce lila, a közepe citromzöld és a lábléc valami lehetetlen cián árnyalat kell legyen. A webkettő jellegzetessége az ízlésesen elkülönített fejléc és/vagy lábléc is. Természetesen régen is a legtöbb oldal törekedett a fejléc és a tartalmi egység elkülönítésére, de az csak kevés esetben nyilvánúlt meg egyértelműen. Mivel a webkettő design szempontból azt jelenti, hogy: erős, letisztult, tartalomformált, a nagy kontrasztok már nem jelentnek akadályt a webgrafikusok előtt. Miért hasznos az elkülönítés? Nagyba segíti a navigálást, ugyanis az olvasó különösebb odafigyelés nélkül látja, hogy hol van a menü és hol kezdődik a lényeges tartalom.
Mit érdemes a fejlécbe tenni: logót és a hozza tartozó szlogent és esetleg a menüt.
Mit érdemes a tartalmi részbe ágyazni: esetleg a menüt, ha azt nem helyeztük a fejlécbe, de ügyelni kell, hogy megfelelően elkülönűlt legyen az oldal tartalmától: látszoljon, hogy az a menü.
Mit érdemes a láblécbe tenni: kapcsolat felvételi információ, a logó, fontos menüelemek, RSS feliratkozási lehetőség, egyebek.

Elkülönített fejléc

Ennyi fért ebbe a részbe, de hamarosan folytatás következik!



Értékeld a bejegyzést!

Loading ... Loading ...

A bejegyzésre érkező kommenteket elérheted RSS 2.0 formájában vagy emailben is:

A bejegyzéshez tartozó trackback cím, illetve a permalink.

A megjegyzéseket kérlek, tedd fel érthető és illendő módon, ne fikázz le másokat, mert nem tudnak valamit, amit te már igen. A kommentár lehetőleg függjön a bejegyzéshez :)

kötelező
kötelező, titok marad
ha nincs, maradjon üres



Gratula! Szuper ez a cikk, nagyon tetszet, teljesen egyetértek a leirtakkal, nagyon fontosnak találom webdesign szempontból a jól elkülönített, átlátható tartalmat.
u.i. az oldal is vagány, tetszik hogy már nálunk is lehet színvonalas magyar leírást találni.. csak igy tovább

NormY 2008. április 20. - 13:49

Köszi a szép szavakat. Igyekszem az oldalra csak olyan bejegyzéseket kitenni, ami megérdemli az olvasóim figyelmét 🙂

Avatar Tupacko
2008. április 20.
14:07

Ez nagyon jó leírás!! Köszönöm!

Emre 2009. január 9. - 12:39

Végülis ez nem egy leírás, hanem inkább egy elmélkedés. Visszavárlak az oldalra 🙂

Avatar Tupacko
2009. január 9.
13:31

Igen, teljesen igazad van. A felhasználó azt szereti, ha belép egy oldalra, és azonnal át tudja tekinteni. A weboldalak tulajdonosai ugyanakkor mindent a szeme elé akarnak tenni. Hallatlanul sok információt zsúfolnak össze egy oldalra, csilivili megjelenési formákkal csalogatják az embereket, hogy odakattintsanak. Aki azonban mindent hangsúlyoz – valamilyen vizuális elemmel – annak áttekinthetetlen lesz a weboldala.

lovaszij 2009. január 23. - 18:08