I. A fejlécektől a social media ikonokig.
2010 Webdesign trend-jeivel külföldi blogok - a forrásokat lásd a bejegyzés végén – már idén szeptember óta foglalkoznak. Az alábbi 12 webdesign trend közös pont a szakértők írásaiban, lássuk most az első 6 trendet 2010-re:
De figyelem! A trendek megismerése nem jelenti azt, hogy céges weboldaladon vakon kellene követned azokat, jobb, ha tudod, hogy nem egy-egy trendi webdesign miatt fognak a látogatóid vásárolni az oldaladról.
1. Túlméretezett logók és fejlécek
Hogy a weboldal látogatóra mély és feledhetetlen első benyomást tegyünk, a túlmértezett, akár képernyőnyi fejléc, és a hozzá méretben is igazodó logó 2010 egyik legfontosabb webdesign trendje lesz. A szakértő szerint fontos, hogy ezen a fejlécen ne legyen semmi kattintani való, egy gördítés és máris ott vagy a hasznos tartalomnál, az óriás fejléc veszi át a lejárt intro-oldalak szerepét.
Az ötlet: A nagy, képernyőnyi fejléc miatt a látogatóid emlékezni fognak a weboldaladra.
Fél képernyőnyi fejléc a Cbs.com oldalán
A veszélye a Te weboldaladon: Ha fél másodpercen belül nem győzöd meg a látogatót, hogy jó helyen jár, még arra az egy gördítésre sem lesz hajlandó. Ha nem „vérprofi” az óriás fejléced, csak kárt csinál.
2. Kézzel rajzolt / kézírás design
Könnyű észrevenni, kitűnik a hagyományos grafikából és egyedi kinézetet ad a weboldalnak. Nem feltétlenül kell profi rajzolónak lenni hozzá, a lényeg épp ez, a személyesség, és tágabb értelemben a bizalomépítés. Ha egy kicsit is tudsz rajzolni, érdemes alkalmazni ezt a trendet.
A wdm.hu-n a saját kézírásomat használtam
Az ötlet: A céges arculat szerves része lesz a személyes, kézzel készített képi vagy szöveges elem.
3. Méretes betűk
A weben viszonylag új, de a nyomtatott média már legalább 200 éve ismeri, gondolj a vadnyugati „Wanted” (a.m: Körözés ) plakátjaira! A designerek sokáig idegenkedtek az ilyen félkövér, magasabb, kapitális betűk használatától, de a nagy fejlécek trendje a méretes betűk alkalmazásának is teret enged.
Az ötlet: A méretes, kapitális betűk az önkifejezés remek eszközei.
Mértes betűk! (Érdekes: Ez egy egyházi weboldal )
A veszélye a Te weboldaladon: Ha nem pontosan azt írod, amire a látogatód kíváncsi, a nagy betűk pont az ellenkező hatást érik el: elriasztják a látogatót. Hogy hogyan kelts fel a látogatód figyelmét, és győzd meg arról, hogy Nálad vásároljon? Ebben szeretnék Neked segíteni január 16-án, a Weboldalépítő Tréningen.
4. Hatalmas képek
Lényegében az előző trendekhez kapcsolódik ez is, a nagy képek olyan vizuális hatást keltenek a látogatóban, amit nem felejt el egyhamar. A nagy képek nem a márka (brand) vizuális megjelenésének részei, az ilyen nagy fotók szerepe az, hogy a látogatót az oldal többi részére csalogassák, nem csak a tartalmuk, hanem a képernyőnyi méretük miatt.
Az ötlet: A nagy, impresszív képek mint vizuális csalik használata.
Óriási kép a roxy-europe.com webshop kezdőlapján
5. A bal felső sarok kihasználása
A bal felső rész a weboldalad legfontosabb eleme, hiszen először pontosan ezt a részt nézi meg a látogatód, gondolj csak a szemhőtérképekre, amelyek tudományosan is alátámasztják ezt. Éppen ezért ez a legideálisabb hely, ahol elhelyezheted a weboldalad legfontosabb üzenetét.
Az ötlet: A legforgalmasabb részen legyen a legfontosabb üzenet.
A bal felső sarokban az oldal legfontosabb üzenete - csodaolaj.com
6. Social media kapcsolódás és ikonok
A külföldi szakértő azt írja, az elmúlt évek legnagyobb újdonsága a social media – gondolj csak bele, nálunk kb. 2009 év közepe óta van erről szó, és most az év végén beszélnek a hazai online marketingesek is egyre gyakrabban a social marketingről.
A trend az, hogy a weboldalaknak mind van már rajongói oldala, a tartalmat egy gombnyomással megoszthatod a közösségi oldalakon, egy kattintással regisztrálhatsz az oldalra a facebook adataiddal.
Ehhez nagy, élethű ikonokat, átlátszó png-ket használnak.
Impresszív ikonok - példa a kézzel rajzolt design-ra is!
A bejegyzéshez az alábbi cikkeket vettem forrásul:
http://webtoolkit4.me/2009/08/15/inspiration-web-design-trends-in-2009-and-probably-2010/
http://www.littleboxofideas.com/blog/features/designers-predict-design-trends-for-2010-part-i
http://designtutorials4u.com/top-10-web-designtrends-for-2010
http://www.slideshare.net/tijs/web-design-trends-for-2010
http://www.goarticles.com/cgi-bin/showa.cgi?C=2376074
http://webdesignledger.com/tips/web-design-trends-for-2010
A második részben
A fehér tér, az ikonok, a lightboxok, a minimalizmus, és túlméretezett lábléc szerepéről olvashatsz.
Ez a nagy teljes képernyős fejléc tényleg lehet gáz. Itt nálad rendben van, mert látszik, hogy alatta még van valami, de találkoztam olyan tényleg teljes képernyős fejléccel, hogy bármire kattintottam semmi változás nem történt. Arra gondoltam, hogy hibás az oldal, közben meg kiderült, hogy le kellene görgetnem. Velem nem az volt a gond, hogy lusta lettem volna a görgetésre (persze lesznek ilyenek is), hanem ez fel sem merült bennem, egyszerűen se a tekintetem, se a gondolatom el se jutott odáig, hogy van-e görgető vagy nincs. Okulásul csak akkora legyen a nagy fejléc, hogy alatta azért látszódjon van folytatás.:)
Egyébként meg érdekes ez az irány másfél évvel ezelőtt mennyit kapott az SHP-s Csabi, hogy túl nagyok a fejlécei :)
Abszolut egyetértek, azért is írtam oda, hogy nem kell feltétlenül követni a trendeket. De ha tudod mit csinálsz, egy képernyőnyi, kattinthatatlan fejléccel is lehet értékesítenni.
Mutatok erre példákat is. Hol? Vigyázat, reklám:)
http://wdm.hu/weboldal2010