O čem je podle mne webdesign

Než začnu obhajovat své předešlé tvrzení z článku O jP manSys : " (tyto stránky)… jsou minimálně na velice slušné úrovni. ", dovolím si vám stručně popsat, kde jsou podle mne ukryté nejdůležitější hodnoty webdesignu.

Co všechno je součástí webdesignu

Plno lidí se mylně domnívá, že hlavní náplní tvorby webu je grafický návrh. Překvapivě je tou věcí nejméně důležitou. Aspoň u většiny stránek, pokud vám ovšem nejde pouze o estetickou hodnotu. Hlavním posláním webu je většinou interpretační funkce nějakých informací, které jsou většinou v podobě textů. Proto první věcí, kterou je potřeba udělat, je stanovit si jasně účel webu. Největší chybou klientů je hodnocení stránek podle své představy. V této ideji samozřejmě nepřevažuje důraz na podání oněch informací (jelikož je znají a tím pádem je nezajímají), ale na design a extravaganci, která zase nezajímá potenciální návštěvníky. Proto : Nikdy nezapomeňte, pro koho je web určen !

Další věcí, kterou je tedy potřeba udělat v rámci již stanovených cílů, je grafický návrh layoutu. To je práce zručného grafika. Po něm přichází na scénu kodér. Ten má na svědomí tvorbu samotné stránky z připraveného a ke vkusu svému rozřezaného layoutu. Postaví ho za pomoci značkovacího jazyka (x)HTML a jiných vychytávek v podobě CSS nebo JavaScriptu. Jeho výsledný produkt ( zdrojový kód ) je pak většině lidem skryt. Pak následuje ještě laďění pro všechny důležité prohližeče, tvorba stylů pro tisk, Atom a RSS kanálů a dalších vychytávek.

V této době se již pustí do práce programátor, ten vytvořený zdrojový kód zase rozřeže a pomocí různých funkcí a aplikací vytvoří dynamické stránky, tedy stránky, které zná samotný návštěvník. Některé stránky jsou i dnes statické, takže se bez programátora obejdou, ale o to jsou náročnější na údržbu. Další funkcí, dnes ještě dost nedoceněnou, je copywriter. Ten má na svědomí psaní poutavých textů bez pravopisných hrubek :). Pak je již hotový web svěřen do rukou administrátora, který se o něj stará. Aktuálně zatím všechny funkce plním dohromady já sám :).

Moje hodnoty

Čím déle tvořím stránky, tím více si vyhraňuji názor minimalizmu, aneb méně je někdy více. Stejně jako Škodovka miluji jednoduše chytrá řešení. Ono je totiž moc hezké mít na stránkách x JavaScriptů, když návštěvník má JavaScript vypnutý. Obzvlášť nejlepší je mít takto udělané menu, aby se nikam nedostal. To samé platí o Flashi. Zde jako perličku můžeme našemu nebohému návštěvníkovi naservírovat ďábelskou hudbu, vše dovrší 15 min stahovaní u modemistů. To ale není vše ! Strašně moderní je mít malinkaté písmo, aby každý musel mžourat nebo si ho vůbec nečetl. Samozřejmě definované v absolutních jednotkách, aby si ho majitelé IE nemohli zvětšit. Pro šťastné uživatele FireFoxu nebo Opery je připraven nášup v podobě rozpadlého layoutu stránek při zvětšení.

V takovémto výčtu bych mohl ještě pokračovat. Smutné na tom je to, že plno webů přesně tyto „vychytávky“ má. Hezké animace, všudyblikající text a nejrůznější efekty, ale aby se v tom prase vyznalo ! Navíc jak jsem psal výše, webdesign není jen o grafice. Práce kodéra spočíva i v ladění stránek, aby se správně zobrazovaly ve všech prohlížečích, v čistotě kódu ( důležitý ukazatel je zde validita ) a v sémantice. Úzce se sémantikou souvisí i SEO. Dalšími aspekty je třeba rychlost nahrávaní stránek, intuitivnost ovládání a přehlednost.

Na jaře roku 2005 jsem se zúčastnil v rámci akce Duben, měsíc internetu v městě Desná (jen tak mimochodem strašné stránky) coby jeden z lektorů. Sociální skupina, která se na tuto bezplatnou výuku přihlásila, se skládala převážně z důchodců nebo matek na mateřské dovolené. Nevěřili byste, jaké problémy jim dělala orientace na převážně strašných stránkách českých luhů a serverů. Nesjednocené styly odkazů, nestálá menu, stránky otevírající se do nových oken jim ze serfování po internetu učinily hotové peklo. Navíc bylo velice zajímavé, jak dost často klikali na reklamní bannery, nedokázali totiž většinou ani oddělit logické prvky stránky. Musím uznat, že jsem se tomu častokrát ani nedivil. Vyznat se v tom dělalo místy i mně problémy !

Proto se snažím těmto chybám vyvarovat. Netvrdím, že nelze udělat web, který bude mít krásnou nabušenou grafiku s menu ve Flashi, s krásnými efekty v JavaScriptu, bude přehledná, bude se rychle nahrávat a bude maximálně adaptabilní. Ale pro mne to je fata morgana a pro mistry v oboru geniální počin, o kterém tajně snějí. Takže mám své zásady, svůj styl.

Moje zásady

Takže abych na nějakou důležitou nezapomněl, což se nakonec stejně stane, přeskočím úvodní žblepty v podobě této věty a vrhnu se rovnou k jejich výčtu ;).

Nepoužívat JavaScript více než je nezbytně nutné, v mém případě to je v jednom případě u počítadla TOPlistu. O jednom z důvodů jsem se již zmínil výše: je možné ho vypnout, navíc každý prohlížeč ho interpretuje trochu jinak, někde ho je potřeba rovnou doinstalovat. Například Firefox má údajně ořezanou bezpečnější verzi než je třeba u takového Internet Exploreru.

Nepoužívat Flash animace a jiné objekty jako Excel tabulky nebo iframy, nedejbože třeba takovou hudbu. Zde je podobný důvod jako u JS, s tím rozdílem, že se bez toho dá na sto procent obejít.

Flexibilní layout. Pod tímto souslovím si lze představit vzhled stránek, který se hned nezboří, pokud někdo zmenší/zvětší písmo. Navíc je potřeba myslet na pravěké a funkčně chudé IE prohlížeče, které to třeba nedokáží. Tvrzení jako : „Já to přece přečtu v pohodě.“, nepřipadá v úvahu, jelikož někdo třeba vidí hůř. Třeba já, a opravdu mi vadí neustále mžourat směrem k monitoru, když si mohu jednoduše zvětšit písmo na dvojnásobek, obzvlášť, když už jsem unavený nebo když mámě plavání :), ale o tom zase někdy jindy a někde jinde.

Dobrá navigace a logické členění prvků, aneb přehlednost. Jak jsem popisoval výše moje zážitky z praxe , pro obyčejné, počítačově né úplně gramotné lidi je kvalitní navigace alfou i omegou. Nejúspěšnějším způsobem, jak toho docílit, je prvky zobrazovat zákonitě. Tedy stále stejným způsobem. Příklad : nabídky menu musí zůstat stále na stejném místě, musí být stejně ostylovány. Obsah se bude otvírat do stejné stránky, né, že jednou bude v nové, jednou zase né. Pak se totiž běžným uživatelům stává, že mají otevřeno deset oken a nevědí, kde jim hlava stojí.

Vyladění stránek pro nejznámější prohlížeče. Jelikož IE interpretuje každé druhé pravidlo W3C špatně, je nutné stránky vyladit pomocí různých hacků nebo pomocí rozdělěného zdrojového kódu tak, aby se zobrazovaly pokud možno co nejvíce podobně jako v moderních prohlížečích. Jinak se vaše stránky budou pravděpodobně zobrazovat odlišně (špatně) a to nikdo nechce. I u moderních prohlížečů jsou drobné chybky v interpretaci, ale to jsou spíše výjimky.

Validita a dobrá sémantika. U validity nejde jen o to, aby vám nějaký validátor oznámil k vaší spokojenosti nezávadnost stránek. Je to sice potěšující, ale né nejdůležitější, protože validátor je jen dobře napsaná aplikace a do všeho tak dobře nevidí. Takže se může stát, že vaše stránky označí jako validní, ale není tomu tak, nebo naopak. Tomuto tématu se už věnovalo hafo odborných článků, takže ho tu nebudu dále rozepisovat. Určitě vám validátor pomůže najít vaše překlepy a chybky, ale to hlavní musíte vědět vy osobně. Správná sémantika neboli logické rozvržení dokumentu je také velice důležitá, jak pro SEO (vyhledávače), tak pro návštěvníka (outlines). Dnes jsou již celkem pevně stanoveny obecné konstrukce pro tolik podceňovanou sémantiku zdrojového kódu. Občas se stane, že se sémantika dostane do rozporu s typografickými pravidly. V mém případě dávám přednost sémantice, význam je pro mne důležitější než podání.

Ucházející SEO. Když né nic jiného, tak aspoň udělat dynamické title (! velice důležité) a mít zvládnutou sémantiku.

Tak toto jsou moje nejdůležitější zásady, samozřejmě né všechny, protože jsem jistě na některé zapomněl.

Programátor není vidět, ale…

Bez kvalitně naprogramovaného systému je vše téměř zbytečné. Dnes je již k dispozici desítky více či méně kvalitních publikačních systémů (většinou pod GNU licencí) , které je možno bezplatně používat. Vlastní dílo je však šíté přímo na míru, navíc je vaše, což potěší na duchu.

Shrnutí

Tedy, na otázku: „Proč jsou podle mne tyto stránky tak dobré ?“ , nyní mohu odpovědět: „Protože splňují všechny má kritéria pro kvalitní web.“. A o čem je podle mne webdesign ? Dělat takovéto weby ! V mém případě však i o zábavě.