Webdesign: Porovnání verzí
Smazaný obsah Přidaný obsah
m r2.7.1) (Robot: Přidávám ca:Disseny web |
Předchozí stránka se omezovala na technologické aspekty tvorby a obsahovala faktické nesmysly. Čerpám z vlastní praxe, obsah stránky se částečně překrývá s mou přednáškou na Masarykově univerzitě - http://vimeo.com/39526905 značka: možný spam |
||
Řádek 1:
'''Webdesign''' je mezioborová disciplína, která využívá poznatky vizuální komunikace, interakčního designu, psychologie (především ovlivňování a rozhodování lidí), marketingu, brandingu, [[copywriting|copywritingu]], gamifikace a dalších oborů. Cílem webdesignu je vytvořit funkční [[webová stránka|webové stránky]] nebo [[webová aplikace|webové aplikace]]. Fuknční znamená, že splňují především následující kritéria:
'''Webdesign''' je činnost, při které jsou navrhovány [[webová stránka|webové stránky]] a [[webová aplikace|webové aplikace]]. Spočívá v návrhu struktury a vzhledu webových stránek, přičemž pro realizaci se používají zejména technologie [[Extensible HyperText Markup Language|(X)]][[HyperText Markup Language|HTML]] (pro strukturu a textový obsah) a [[Cascading Style Sheets|CSS]] společně s obrázky ([[Portable Network Graphics|PNG]], [[GIF]], [[JPG]]), které tvoří grafickou podobu webu. Navíc se někdy používají další technologie umožňující vyšší interaktivitu jako např. [[JavaScript]], [[Scalable Vector Graphics|SVG]], [[Adobe Flash|Flash]] či [[Java]] [[Java applet|applety]]. Do webdesignu někdy lze počítat také části tvorby [[server]]ové části aplikací – [[programování]] v jazycích jako [[PHP]] či [[ASP]] – a záležitosti spojené se zvyšováním úspěšnosti stránky ([[Search Engine Optimization|SEO]], [[copywriting]]).▼
* Na web přícházejí relevantní návštěvníci
* Web je ovlivňuje/pomáhá jim tak, že provedou konverzní akci (akce), která je v souladu se záměrem tvůrce webu
* Návštěvníci se na web vrací a provádějí stejnou nebo další akce
* Web návštěvníky zaujme natolik, že o něm mluví sami od sebe s dalšími členy cílové skupiny webu
Nejjednodušší je vysvětlit webdesign jako průnik [[vizuální komunikace|vizuální komunikace]], [[obsahová strategie|obsahové strategie]] a [[interakční design|interakčního designu]], které doplňují vhodné [[Internetový marketing|marketingové aktivity]]. Webdesigner tedy vytváří vizuální systém pro obsah, který vhodným způsobem strukturuje a vzájemně provazuje tak, aby bylo dosaženo maximálního účinku vzhledem k cílům webu a jeho konverzním akcím. Tvorba [[webová stránka|webových stránek]] klade vyšší důraz na kvalitní obsah, u [[webová aplikace|webových aplikací]] je nejdůležitější složkou interakční design.
Cílem webu je přinášet majiteli užitek, nejčastěji finanční. Tomu by měla být podřízena snaha webdesignera - vydělat majiteli peníze - v první řadě tak, aby se vrátily náklady spojené s tvorbou webu a následně aby web vytvořil zisk. '''Zisk je nejzásadnějším kritériem kvality webových stránek.'''
== Maslowova pyramida webdesignu ==
Maslowova pyramida představuje jeden z pohledů na webdesign. Finanční a časová náročnost tvorby webu odráží konkurenčnost prostředí, do kterého je web zasazen - čím je lepší konkurence, tím vyšší jsou nároky na zpracování webu a jeho vlastnosti. Pro ilustraci konkrétní příklad - státní správa může z pohledu webdesignu skončit na přístupnosti, protože přístupnost je částečně podložena legislativou. E-shop s parfémy musí být nejen technicky správně vytvořený, ale zároveň dostatečně přesvědčivý, jinak nemá šanci fungovat a vydělávat.
== Stupně Maslowovy pyramidy ==
Stupně jsou seřazeny v opačném pořadí, aby dávaly smysl ve čteném textu, tzn. nalezitelnost je základ, do kategorie dlouhodobě smysluplných webů se dostanou prakticky jen jednotky webů. Stupně nelze přeskočit - skvěle přesvědčivý web, který jeho cílová skupina nedokáže najít, je majiteli k ničemu.
# '''Nalezitelnost''' - web je nalezitelný pro jeho cílovou skupinu s využitím optimalizace pro vyhledávače, marketingu, sociálních sítí, popř. předáním vizitky
# '''Dostupnost''' - web funguje technicky bezchybně a rychle se načítá
# '''Přístupnost''' - web jsou přizpůsoben pro zobrazení na mobilních telefonech, pro nevidomé/postižené a je napsán semanticky správně
# '''Použitelnost''' - web je jednoduchý pro používání - využívá design patterns a má dobře navrženou informační architekturu
# '''Intuitivnost''' - ovládání webu se shoduje s mentálním modelem jeho návštěvníků (příklad - mapu je možno ovládat tahem myši a nikoliv jen pomocí klikání na růžici - oba přístupy jsou použitelné a pochopitelné, ale pouze první je intuitivní)
# '''Důvěryhodnost''' - web je důvěryhodný pro návštěvníky (důvěřují provozovateli natolik, že jsou ochotni provést konverzní akci)
# '''Přesvědčivost''' - web využívá principy lidského chování k tomu, aby návštěvníka přesvědčil ve vykonání konverzní akce
# '''Emocionální propojení''' - web využívá emoce, aby si ho návštěvníci zapamatovali a vrátili se na něj
# '''Příjemnost''' - používání webu zanechá v návštěvníkovi kladný pocit a ten ho začne využívat opakovaně, protože ho to baví (nejčastěji díky kombinaci psychologie, gamifikace a skutečně užitečného obsahu / funkcionality)
# '''Smysluplnost''' - web zapadne do kontextu návštěvníkova života a jeho dlouhodobých cílů
== Technologie ==
▲
== Používané nástroje ==
Počáteční grafické návrhy webu se mohou dělat v běžných [[grafický editor|grafických editorech]]. Samotné tvorba kódu výsledné podoby stránek v (X)HTML a CSS se může provádět „ručně“ v běžných či specializovaných [[textový editor|textových editorech]] (náročnější na schopnosti autora, ale úplná kontrola nad výsledkem) nebo v nástrojích umožňující [[WYSIWYG]] editaci (komfortní, nevyžadují téměř žádné znalosti). Existují také WYSIWYG editory ve formě [[webová aplikace|webových aplikací]].
== Formální vzdělání webdesignerů ==
Webdesign je velmi mladý obor a to se projevuje i v přístupu ke vzdělání. V roce 2012 neexistuje v České republice jediná vysoká škola, která by nabízela komplexní přístup ke vzdělávání webdesignerů (např. Masarykova univerzita má pro webdesign jeden relevantní předmět - PV219 Seminář webdesignu). Webdesigneři jsou tedy převážně samouci, a to se výrazně projevuje na vysoké variabilitě kvality jejich výstupů.
== Související články ==
* [[World Wide Web|WWW]]
* [[Search Engine Optimization]]
* [[World Wide Web Consortium|W3C]]
* [[W4D]]
== Videa - přednášky o webdesignu ==
* [http://vimeo.com/39526905 ''Jan Řezáč - Úvod do webdesignu''] - přednáška o webdesignu v rámci Bloku expertů Masarykovy univerzity (duben 2012)
* [http://www.superlectures.com/barcampbrno2011/lecture.php?id=6 ''Jan Řezáč - Čitelnost ve webdesignu''] - přednáška o aplikaci typografie ve webdesignu v rámci Barcampu 2011 v Brně
* [http://www.superlectures.com/barcampbrno2011/lecture.php?lang=cz&id=10 ''Jan Sládek - Responsive design''] - přednáška o responsivním přístupu ve webdesignu v rámci Barcampu 2011 v Brně
== Externí odkazy ==
* [http://www.dmoz.org/World/%C4%8Cesky/Po%C4%8D%C3%ADta%C4%8De/Internet/Tvorba_a_v%C3%BDvoj_str%C3%A1nek/ ''Tvorba a vývoj stránek''] na [[Open Directory Project]]
* [http://www.w3.org/ W3C] – Konsorcium W3C dohlížející na webové standardy (anglicky)
* [http://www.wbd.cz/ Seznam webdesignerů a webových studií] – Neoficiální seznam webdesignerů v ČR a na Slovensku
{{Pahýl}}
|