II. A fehér tértől az óriás láblécig
2010 Webdesign trend-jeivel külföldi blogok – a forrásokat lásd a bejegyzés végén – már tavaly szeptember óta foglalkoznak. Ez a 12 webdesign trend közös pont a szakértők írásaiban, itt második 6 trend 2010-re. (az első hat itt. )
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.
7. Fehér tér
A fehér térrel körülvett tartalmat a szem jobban átlátja, a weboldal látogató könnyebben megtalálja, amit keres. A fehér szín megnyugtat, ha látogató nyugodt, nem kapkod az egér után, hogy a böngésző vissza gombára kattintson, könnyebb lesz meggyőznöd őt.
Van hogy az egyszerűség mindennél jobb! Főleg ha magad csinálod a weboldalad: használd ki a fehér tér erejét: nem tudod elrontani. Kombináld a következővel (a fehérhez minden illik)
Fehér tér a Webshopexperts.hu weboldalán
8. Átlátszó hátterű ikonok
Nem a régi Word-ös clipartról van szó, remélem azt már rég elfelejtetted, ha esetleg használtál volna ilyet a weboldaladon. Ilyen stílusos, részletesen kidolgozott, élethű ikonokat használj a weboldaladon egy-egy szöveges bekezdés mellé téve illusztrációként! A látogatód könnyen átlátja az oldal tartalmát, hamarabb észreveszi a képet, mint a szöveget.
A HszPro Hírlvél Szoftver kezelőfelületéhez is ilyen ikonokat használtam, még 2008 év végén.
9. Lightboxok
Így mondják (lightbox, vagy modal box) azokat a kattintásra kinyíló ablakokat, amik mögött a háttér enyhén elsötétül (lásd a képen). Ez váltja ki hagyományos alap-javascriptes popup ablakokat: Felhasználóbarát, átlátható, könnyen kezelhető. Webshopokban találkozhatsz a leggyakrabban ilyennel, amikor egy termék részletes infóira vagy kiváncsi.
Példa 'lightbox'-ra
10. Perspektívaváltás
Miután az „irósztal-design” (emlékszel a wdm.hu korábbi arculatára?) lejárt trend, érdemes a 3d világába elkalandoznod, és ilyen weboldalt csináltatni a cégednek, mint amit a példa is mutat. Oké, ezt írja a külföldi szakértő, de egy magyar kkv weboldalon öröm, ha megfelelő színeket össze tudják válogatni. Ha a weboldalad arculatát úgy lakítod ki, hogy olyan legyen mint pl. a tervezőasztalod, íróasztalod felülnézetből, nem kell félned attól, hogy ’lerágott csont’ lesz az ötleted.
Perspektivaváltás
11. Minimalizmus
2010 weboldalait „hatalmába keríti” a minimalizmus, sok fehér tér, vastag betűk, meglepő színkombinációk. Ha magad készíted a weboldalad, ez azért jó hír mert egy minimalista weboldalt, egybefüggő egyszínű háttérrel és nagy betűkkel nehéz elrontani. Sokkal nehezebb, mint pl. egy flash animált oldalt. Használd ki ezt a trendet, amikor a weboldalad állítod össze.
Minimalizmus, nehéz elrontani!
12. Óriás lábléc
Eddig sem volt ismeretlen a láblécet másra is használni, mint a szokásos céginfós-, kapcsolati információk és weboldal tervező linkjének közlésére. De idén még több infó, még több tartalom kerülhet a weboldalak lábléc részébe, mint pl, twitter, facebook linkek, szavazások, egyes menüpontok tartalmából kivonat, vagy maga az oldal navigációja.
Nézd meg itt www.wdm.hu –n a láblécet, vagy itt van egy készülő weboldalam lábléce:
Az óriás lábléc a weboldalad alját is izgalmassá teszi!
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
Szép és hasznos kis válogatás. Köszönet érte.
Látom Te is alkalmazod a 12-es technikát.
Azt írod, hogy érdekessé teszi a honlapot. Érdekes… Nekem kifejezetten unalmas a sok jogi szöveg. (Erre gondolok: “Az oldal teljes tartalma…”) Amiben viszont igazad van az a nagy lábléc, ami így kezdődik: “Ingyen!”.
A lábléc rögzített pozícióban történő megjelenése – akár kisebb méretben is – mérhető eredményességet hoz! Ez az úgynevezett pop-down. Egy szolídan, de rögzített pozícióban elhelyezett popup is eredményes lehet. Nézd meg azokat a trendeket, amik az ügyfélszolgálati bannereket helyezik el egy popupban. Szolidan, valamelyik sarokban, vayg oldalsávban. Nem véletlen ez a technika! Szinte vonzza a tekintetet!
Érdekelnének ezzel kapcsolatos statisztikák?
A nagy láblécről nekem mindig a keresők jutnak eszembe, hiszen a legritkább, hogy a felhasználó leteker a láblécig.
Mostanában azonban annyira elterjedt, hogy tényleg hasznos tartalommal is feltöltik. Persze még a többség ma is inkább a keresőoptimalizálás legális eszközének tekinti.
Üdv,
Győző
Webáruház elemző!
Gondolom a nagy lábléc alkalmazása csak az úgynevezett egyoldalas honlapnál érdekes. De egy láblécszerű pop-down vagy popunder egy “hosszú” oldalon is működik.
Kedves Popup akadémikus!
Véleményem szerint a nagy lábléc épp a többoldalas oldalakon jellemző, az egyoldalas hosszú sales szövegeknél erre már igazából nincs szükség, és talán nem is alkalmazzák.
A normál (többoldalas) oldalakon, azonban vannak olyan oldalak, ahol a tartalom kevesebb, és itt görgetés nélkül is már látszik a lábléc. Így már valós információ elhelyezésre is érdemes használni.
Üdv,
Győző
Nem fogalmaztam pontosan:
Norbi is egyoldalas oldalát mutatja példának. Ha valóban ez az új trend és ezt mérhető eredmények visszaigazolják, akkor érvényes, amit mondtam “fennebb”.
Érdekes, hogy pont az óriás-lábléc témát fogtatátok meg. A hagyományos, hosszú szöveges sales oldalak is átalakulóban vannak, jövő ilyenkor látjuk meg, hogy trend lett-e vagy csak átmeneti próbálkozás.
Ez nekem szakmai ártalom.
Nálam a rövid szöveges oldal jól konvertál. SZerintem ez úgy van: az emberek régen sokat olvastak. Ma már sietnek. Ma ygors, ütős szövegeket keresnek. Lehet, hogy egy év múlva már olvasni sem akarnak. Csak gyorsan meghallgatni valamit.
Ma még hosszan beszélnek a videokban a honlap tulajdonosok. (2-3 perc) Holnap már lehet, hogy csak 15-20 másodpercük lesz.
Kérdés azonban, hogy a google hogyan reagál ezekre a trendekre. Mert a legnagyobb úr mégisccsak a google! Ha a rövid tartalmú weboldalakat nem fogja besorolni előre, akkor ennek a trendnek vége lesz. Mert hiába tetszik a rövid oldal a felhasználóknak, ha a Nagy Testvér csak a 100. helyre sorolja az oldalt.
De mi is lehet ennek hátterében? Nem épp a nagy testvér? A landing page jellegű oldalak jól konvertálnak, de csak az adwords-ön keresztül lehet eljutni hozzá. Mi is mozgatja ezeket a trendeket? Vagy inkább ki? Csaknem a google matematikusai?
Szerintem ez megérne egy “misét”.
Talán azért fogtuk meg ezt a témát, mert a többinél elég egyértelmű a célja és sok jó példát látni.
Persze a 3D-s dolog azért kakukktojás ebből a szempontból és talán egy mikro vállalkozásnak drága is, de lehet, hogy ez lesz a jövő.
Tudnál ilyen weblapokat mutatni?
A 3D megoldást megkerestem a neten. Semmi 3 D nincs benne csak egy térhatású kép. Tehát egyáltalán nem drága: egyetlen fotó és kész.
Kedves Norbert!
Igencsak “bebiztosítod” magad a leiratkozási lehetőség dupla megjelenítésével az óriás láblécben! :)
Amúgy – bőbeszédű lévén – félelmetesnek tartom, ha a honlapokon is eluralkodna a mobilos és Twitteres karakter-maximalizálási trend.
Amiben nem vitatkozom, ma sietnek az emberek.
Szerintem viszont egyáltalán nem biztos, hogy a jövőben is ezt fogják tenni. Lehet, hogy egyszer megérjük, hogy mindennek megadják a módját? Még mielőtt tönkremennének mentálisan/fizikálisan?
Például: tényleg komolyan érdekel majd valakit a – Hogy vagy? – kérdésére adott válasz.
Üdv.:
Éva
Jobb többször írni a jogi szöveget — mondhatnám, de tény, hogy véletlenül maradt benne duplán, mostmár nem veszem le, mert akkor irreleváns lenne a kommented.
A 140 karakter átlakítja az online kommunikációt, kb. jövő ilyenkor fogjuk meglátni a weboldalakon is – ez a tippem.
OK, ha Neked ez a tipped, akkor én máris elindulok a “Cascot akarok kötni! – hogy miért? – mert Kötelező! azt is akarok kötni!” stílus felé… :)
Tényleg kedves Norbert!
Az óriás láblécben szereplő “Candy Shop” egy új profil indítását vezeti elő, vagy célpiacot akarsz módosítani?
Ugyanis ez egy olasz háztartási gépeket forgalmazó cég.
Netán velük szerződtél? ;)
Ezt érdemes átnézni még (az ideit nem lelem):
http://www.smashingmagazine.com/2009/01/14/web-design-trends-for-2009/
Köszönöm Diána!
nagyszerű válogatás.
Igaz, hogy 2009 elején volt ez a trend odaát, de itthon kb 2011-re jutunk el erre a szintre.
An efficient, targeted,viable and effective strategy to promote any business service and or products is online marketing. This is the marketing system which could beat any market.