How to do a web
Kategorie: Principy,
Při prohlížení stránek můžete narazit na dva extrémy -- vysoce graficky ztvárněné stránky plné nejrůznějších vymyšleností, které ovšem uživatelům nejsou k ničemu, protože je neumí ovládat, špatně se v nich orientují a nemají nainstalovány poslední pluginy. Nebo na stránky, které splňují všechna kritéria pro dobrou přístupnost, viditelnost (i pravidla pro bezbariérový přístup), neobsahující žádné zbytečnosti, na které se ovšem zase nedá dívat.
Při tvorbě stránky tedy musíte spadnout někam mezi tyto dva extrémy (ale jinak se pochopitelně úplně od ostatních stránek odlišit). Na některé věci se při tvorbě www stránek vyplatí myslet o trochu víc, než na jiné.
Externí odkaz v záhlaví stránky - Top10 Webdesign Mistakes je z pera p. Nielsena a z jeho AlertBoxu. I když ne vždy lze s jeho názory souhlasit (osobně řadím jeho web mezi ty, na které se nedá koukat), v tomto případě si dovolím ocitovat některé části (ty jsou označeny [JN]), přidat některé vlastní poznámky, přidat k nim vlastní komentář a trochu je přerozdělit. - do budoucna bude ekvivalent této stránky fungovat jako checklist na adrese: http://webdesign.elaphe.cz/tvorba-www-stranek/checklist.shtml
Webdesign
Věci, na které musíte myslet už při návrhu grafického vzhledu stránky.
- Dbejte na vysoký kontrast textu proti pozadí.[JN]
- Používejte textové odkazy [JN](všem bude jasné, že jsou to odkazy a ještě si uděláte oko u vyhledávačů).
- Používejte podtržený text jako odkaz [JN](tj. odkazy mají být podtržené a podtržený text má být odkaz).
- Počítejte s barevné odlišením pro odkazy.[JN]
- Počítejte s různými barvami pro navštívené a nenavštívené odkazy.[JN]
- Počítejte s prostorem pro formulář na vyhledávání.[JN] (pokud nejste schopni vyhledávání zajistit, použijte google apod.)
- Počítejte se změnou šířky stránky.
Navigace
- Umístěte navigaci tam, kde ji uživatel očekává a pochopí, že jde o navigaci.
- Používejte v navigaci textové odkazy.
- Dejte uživateli vědět, kde se na serveru nachází.
Příprava obsahu
- Nepoužívejte odkazy typu "Klikněte zde" nebo , "tady najdete". Text odkazu by měl popisovat, co uživatel na druhé straně najde .
- Obsah by měl být krátký (uživatelé neradi scrolují) a dobře strukturovaný.
- Obsah by měl být k věci (vynechte marketingové kecy v kleci) .
- Pokuste se odpovídat na otázky uživatelů.
- Používejte terminologii a výrazy, na které jsou uživatelé zvyklí.
- Pište stránky pro uživatele a ne pro vyhledávače.
- V sekci informací o firmě by kromě telefonu a e-mailové adresy neměla chybět ani poštovní adresa, u firem také IČO, případně DIČ.
Formuláře
- Používejte formuláře tam, kde to má smysl.
- Používejte krátké formuláře (dlouhé jen tam, kde je to nezbytné a uživatel má důvod jej vyplnit celý.
- Vyhoďte všechny otázky, které OPRAVDU nepotřebujete
- Označte jako povinné pouze ta políčka, která jsou opravdu nezbytná
- Přidejte a podporujte funkce pro automatické vyplnění políček
- Po nahrání formuláře předejte "focus" na první pole -- ušetří to kliknutí.
- Nevyžadujte přesný formát (obsah si můžete zpracovat sami).
Implementace - Příprava šablon a CSS
- Nepoužívejte pevnou šířku stránky -- na velkých monitorech bude příliš mnoho prázdného místa okolo a na malých bude uživatel muset scrollovat
- Nepoužívejte pevnou velikost fontů (nechte uživateli možnost volby)
- Nepoužívejte pro tvorbu odkazů javascript (kvůli vyhledávačům a kvůli těm, co ho mají vypnutý)
- Neotevírejte odkazy v novém okně
- Mějte na stránkách funkční vyhledávání
- Připravte stránky tak, aby byly viditelné i pro méně obvyklé prohlížeče
