Ataxo / Znalosti / Kvalitní www stránky / Použitelnost

Použitelnost

Použitelnost webu znamená že uživatel najde rychle potřebné informace které hledá a snadno provede úkony, ke kterým stránky slouží (např. vyplnění objednávky) bez jakýchkoliv problémů. Pokud mu stránky toto neumožňují, uživatel je pravděpodobně bez ohledu na dobrý obsah brzy opustí.

Použitelnost závisí na pěti základních vlastnostech stránek.

Design a přehledná navigace

Kvalitní navigace webu by měla návštěvníka v každé chvíli informovat o tom, kde se na webu nachází, kde byl předtím a jaké možnosti na konkrétní stránce má. Toho dosáhneme, budeme-li se držet několika základních pravidel:

• Konzistence - navigační menu by se mělo nacházet vždy ve stejné části stránky a mít stejnou podobu. Náhlé změny v navigaci mohou uživatele mást.
• Textové odkazy - z odkazu by mělo být jasné, kam se uživatel po kliknutí dostane. Používejte proto výstižné odkazy a popisky tlačítek. Pro doplnění informací o cílové stránce u odkazů je dobré používat atribut TITLE. Nikdy nepoužívejte výhradně obrázkové odkazy - CSS umožňuje zobrazení obrázku místo textu, pokud na obrázcích trváte.
• Jednotný styl odkazů - pro odkazy uvnitř textu používejte jednotný styl, aby uživatel snadno rozeznal odkaz od ostatního textu
• Mapa stránek - každý rozsáhlejší web by měl obsahovat mapu stránek (sitemap), která přehledně zobrazuje textové odkazy na všechny existující stránky a je přístupná z každé stránky. Mapa stránek jednak pomůže zorientovat se uživatelům a zároveň poslouží i vyhledávačům ke snadnějšímu nalezení a indexaci všech důležitých stránek webu.
• Odkaz na úvodní stránku - pokud se uživatel ztratí, musí mít možnost snadno se dostat zpět na hlavní stránku webu. Je zvykem používat jako odkaz vedoucí na úvodní stránku logo nebo horní lištu webu - uživatelé jsou tedy na tuto funkci zvyklí a očekávají ji. Kromě toho je vhodné umístit odkaz na úvodní stránku i do hlavní navigace.
• Vyhledávání - u rozsáhlejších webů je užitečné nabídnout uživateli možnost textového hledání v obsahu. Uživatelé ocení, když rychle najdou informaci, kterou hledají, aniž by museli procházet navigační strukturou stránek.

Přehledný a jasný obsah

Kvalitní obsah je nejdůležitější součástí webu. Nepodceňujte ale ani jeho přehledné uspořádání, ocení je jak uživatelé tak i vyhledávače.

Důležité informace první - umístěte nejdůležitější sdělení co nejvýše na stránku, podobně jako v tištěných novinách

• Snadno čitelný text - na internetu čtou lidé jinak než při čtení tištěných textů. Obvykle text pouze přelétávají očima a hledají záchytné body. Rozdělujte proto obsah do kratších celků, používejte častěji odrážky a text na stránce strukturujte podle důležitosti jak barevně, tak i pomocí html prvků (tagů). Tagy jako <strong>, <em> a <h1>-<h6> totiž předají informaci o významu jednotlivých bloků textu také vyhledávačům.
• Obrázky s textem - snažte se používat co nejméně textů uvnitř obrázků. Text v obrázku poškozuje přístupnost webu - nerozeznají ho ani vyhledávače, ani uživatelé s vypnutým zobrazováním obrázků, textovými browsery, hlasovými čtečkami textů apod.
• ALT a TITLE html atributy u obrázků - každý obrázek by měl obsahovat tyto dva html atributy, které popisují, co na obrázku je. Důležité je to zejména u obrázků, které slouží zároveň jako odkaz. Uživatel tak může rychle přejít na další stránku, aniž by musel v případě pomalejšího připojení čekat na načtení všech obrázků. Tyto html atributy rovněž slouží jako text odkazu pro vyhledávače - informují je, o čem cílová stránka je.
• Kontrast - používejte tmavé texty na světlém pozadí, pro cokoliv jiného musíte mít velice dobré důvody. Máte použitelné stránky s kvalitním obsahem, tak přece chcete, aby se daly přečíst!

Branding

Brandingem označujeme budování povědomí o značce. Značku zásadně posiluje jednotný vzhled všech firemních materiálů a prezentací.

• Jednotný typ písma, barev a designu - váš web by měl propagovat firemní barvy a používat jednotné typy písma. Nikdy by nemělo dojít k tomu, že se po kliknutí na interní odkaz na vašem webu uživatel dostane na stránku s odlišnými barvami, písmem a celkovým designem a bude mít pocit, že váš web opustil. Jednotného stylu nejsnáze dosáhnete používáním šablon a CSS.
• Chybová stránka - web by měl obsahovat chybovou stránku pro případ, že uživatel bude požadovat stránku, která již byla odstraněna nebo je dočasně nedostupná. Stránka by měla mít grafickou podobu jako zbytek webu a umožňovat uživateli snadný návrat do funkční části prezentace.

Zpětná vazba

Umožněte uživatelům kontaktovat vás pomocí on-line formuláře. Na web je vhodné umístit vyčerpávající kontaktní informace, včetně plné poštovní adresy, telefonních čísel a jmen důležitých osob. Většina uživatelů sice použije on-line formulář, ale web, který nabízí několik možností jak se s vámi spojit, působí na návštěvníky důvěryhodněji.

5) Testování použitelnosti

O použitelnosti webu nejlépe vypovídá to, jak se na něm chová běžný uživatel. Testování webu nezávislými uživateli pomůže odhalit nedostatky, které internetový profesionál nemusí vůbec zaregistrovat. U rozsáhlých projektů se testování zpravidla provádí ještě před jejich spuštění v ostrém provozu. Je dobré sledovat zejména následující:

• Líbí se uživatelům obsah webu? Pokud ano, zůstanou déle a zobrazí si více stránek.
• Pochopili smysl webu? Pokud ne, nemají žádný důvod se vracet.
• Dokáží uživatelé snadno vyřešit problémy? Pokud je možné se při běžném používání webu dostat do chybové situace, musí být pro uživatele jednoduché tuto situaci napravit. Přehledná navigace, vytvořená mapa stránek a vyhledávání by měly vzniku takových situací předejít.

Přístupnost webu má zásadní vliv na jeho úspěch a neúspěch. Uživatelé se nevracejí na stránky, které nesplnily jejich očekávání. A co je dobré pro uživatele, je obvykle dobré i pro vyhledávače, zodpovědný přístup k použitelnosti proto patří mezi jedny z hlavních pilířů optimalizace pro vyhledávače - SEO.

Relevantní zdroje informací

• publikace "Použitelnost domovských stránek" (Jakob Nielsen a Marie Tahir)
• Použitelnost stránek (www.jakpsatweb.cz)
  
• Použitelnost (www.tvorba-webu.cz)