Mapa stránek
Úvod Vývojové trendy ve webovém designu

Vývojové trendy ve webovém designu

Jaký je váš hlavní cíl, když navrhujete design webu? Zamyslete se - podle toho, jak na tuto otázku odpovíte, se rozhodne, zda budou vaše weby v roce 2011 zářit, nebo upadnou v zapomnění. Grafické trendy, které mají v tomto směru rozhodující slovo a které značí jednoznačné zlepšení designu od let minulých, směřují k vytvoření správného vyvážení funkcionality a estetiky.

 

Zde je rychlý přehled několik dlouhodobě se vyvíjejících webdesignových trendů a důvodů pro jejich dlouhotrvající popularitu:

HTML5 a CSS3

Tyto technologie přišly na výsluní webového designu již před několika lety a letos se znovu vyšvihnou na žebříčku popularity. Jejich neustálý vývoj je sice žene kupředu mílovými kroky, nicméně z hlediska oblíbenosti u webdesignérů a uživatelů zatím nelze počítat s tím, že by zcela nahradily technologie jako Adobe Flash.

Více pohledů na jeden web

V době, kdy se na trhu předbíhají výrobci mobilních telefonů a operátoři mobilních sítí, se dá snadno očekávat, že váš web budou uživatelé navštěvovat nejen pomocí PC a notebooků, ale především také telefonů a jiných přenosných zařízení. Je zapotřebí uzpůsobit design webu tomu, jak na něj uživatel nahlíží. Vaším úkolem je přilákat všechny nehledě prohlížeč či zařízení, přes které web navštíví.

Paralaxní scrolling

Pomocí jednoduchých grafických triků, CSS a jQuery lze vytvořit velmi atraktivní a věrohodnou iluzi třetího rozměru přímo v okně prohlížeče. Paralaxní scrolling je termín, kterým se označuje navození iluze trojrozměrného prostředí tím, že několik překrývajících se vrstev se při pohybu pozorovatele pohybuje odlišnou rychlostí. Vrstvy, které představují vzdálenější objekty, se pohybují pomaleji, než vrstvy bližší. Příkladem může být animace napravo. Je ovšem třeba dávat pozor, abychom z atraktivního efektu neudělali nepříjemný a otravný prvek, který návštěvníka nakonec odradí. Všeho s mírou.

3D a hloubka obrazu

Použití efektu hloubkového rozostření může přímo navazovat na předchozí odstavec o paralaxním scrollingu, jeho využití tím však zdaleka nekončí. Grafické prvky, které v určité části dvojrozměrného designu odkryjí třetí rozměr, mohou upoutat návštěvníkovu pozornost a přesvědčit ho, aby se "probrouzdal" celým obsahem webu, možná dokonce poslal odkaz známému, aby se pochlubil se svým nálezem. Stejný princip platí i pro klasické 3D prvky. Těžko si představit něco překvapivějšího a atraktivnějšího, než když část webu doslova vypadne do třetího rozměru.

Web žijící vlastním životem

klet

Jak by na Vás působilo, kdybyste na stejný web přišli znovu a najednou zjistili, že je na něm něco jinak, že se jeho vzhled od vaší poslední návštěvy změnil? Vrátili byste se na něj v budoucnu znovu? Věřím, že ano. Možná byste o něm řekli i svým kamarádům.. Takovýto zájem o web je přirozeně snem webdesignera i samotného majitele webu.

 

Je zřejmé, že atraktivní a inovativní design může přilákat na web spoustu uživatelů. Nicméně je třeba myslet také na funkčnost a přístupnost webu. Pokud se web nebude zobrazovat správně všem, jistě to mnoho uživatelů zbytečně spíše odradí. Pokud se naopak web bude zobrazovat všem stejně, ale jeho ovladatelnost bude špatná či problémová, může se velmi snadno stát, že tato negativa převáží nad grafickými pozitivy a uživatelé se na web vracet nebudou. Třetím problémem je pak skutečnost, že v mnoha případech jde grafická a interaktivní propracovanost ruku v ruce s obtížnou SEO optimalizací. Tento nešvar se týká především technologie Flash, ačkoli vyhledávače v minulosti podnikly kroky směrem ke schopnosti vyhledávat i v rámci flashových aplikací. Tyto kroky však nikdy nevedly až ke stoprocentnímu úspěchu a je třeba s tím při rozhodování o funkčnosti webu počítat.

 
Google Analytics Pracovníci INIZIa jsou držiteli certifikátu Google Analytics
 
SeoMoz Používáme profesionální systém SEOMOZ Pro© pro SEO analýzu a účastníme se mezinárodních SEO e-seminářů SEOMOZ.