Pravidla použitelnosti a typografie webových stránek

Použitelnost

  1. Na viditelném místě zobrazte název společnosti nebo její logo v odpovídající velikosti
  2. Přidejte informaci, případně slogan, který výslovně shrnuje, čím se web nebo firma zabývá
  3. Zdůrazněte, jak je váš web hodnotný z pohledu uživatele a jak se lišíte od konkurence
  4. Zřetelně učiňte jednu stránku webu domovskou stránkou
  5. Na webu vaší hlavní společnosti nepoužívejte pro jakýkoli odkaz slovo "web"
  6. Domovskou stránku navrhněte tak, aby se lišila od ostatních stránek daného webu
  7. Nastavte zákazníkovi jednotnou tvář. Zákazníci by měli cítit, že jednají s jednou, nedílnou konzistentní firmou
  8. Na domovské stránce umístěte odkaz "Kontakt"
  9. U feedbacku specifikujte účel odkazu a kdo bude informace zpracovávat
  10. Neuvádějte interní firemní informace na veřeném webu
  11. Pokud váš web shromažďuje jakékoliv informace o zákaznících, uveďte na domovské stránce odkaz "Ochrana soukromí"
  12. Použijte jazyk, kterému zákazníci rozumějí. Nepoužívejte chytré fráze či marketingové termíny, nad kterými musí lidé hodně přemýšlet
  13. Vyhněte se opakování obsahu
  14. Velká písmena a další styly formátování používejte konsistentním způsobem
  15. Neoznačujte jasně definované oblasti stránky v případě, kdy je jejich obsah na první pohled zřejmý
  16. Vyhněte se jednoprvkovým kategoriím a seznamům
  17. Pro povinné údaje používejte rozkazovací způsob
  18. Vysvětlete zkratky, iniciály a akronymy a použijte je ihned při první příležitosti
  19. Vyhněte se použití vykřičníků
  20. Velká písmena jako styl formátování používejte velmi obezřetně nebo vůbec
  21. Obsah webu přibližte pomocí příkladů a nikoliv jeho pouhým popisem
  22. Rozlište odkazy a dbejte na jejich čitelnost
  23. V názvech odkazů neuvádějte obecné pokyny, jako třeba text "Klikněte zde"
  24. Na konci seznamu položek neuvádějte obecné odkazy jako "Více..." ale např. Více sci-fi literatury
  25. Umožněte barvám odkazů zobrazit stav navštívený/nenavštívený
  26. K identifikaci odkazů na stránce nepoužívejte slovo "Odkazy", ale podle toho, kam dané odkazy směřují
  27. Pokud odkaz slouží k něčemu jinému než k přechodu na jinou stránku, musí být z odkazu patrné, co se stane
  28. Hlavní navigační oblast umístěte hned vedle hlavního obsahu na přehledné místo
  29. Nepoužívejte více navigačních oblastí pro stejný typ odkazů
  30. Na domovské stránce neuvádějte aktivní odkaz na sebe samu
  31. Na nákupní košík uveďte odkaz na domovské stránce
  32. Ikony v navigaci použijte pouze, pomohou-li ihned rozpoznat jistou skupinu položek
  33. Nabídněte uživatelém textové pole pro vyhledávání, nikoli jen odkaz na samotné vyhledávání
  34. Vyhledávací oblast neoznačujte nadpisem Vyhledávání, ale tlačítko pro vyhledání pojmenujte např. "Hledej"
  35. Vyhledávací formulář na domovské stránce by měl vyhledávat v rámci celého webu
  36. Nevkládejte nástroje, které nijak nesouvisí s úlohami, které chtějí uživatelé na vašem webu provádět
  37. Nenabízejte nástroje, které kopírují funkčnost prohlížeče
  38. Grafiku použijte k zobrazení skutečného obsahu, nikoliv k pouhé výzdobě
  39. Nepoužívejte animace pouze ve významu upoutání pozornosti na danou položku
  40. Nikdy neanimujte důležité prvky stránky jako logo, slogan nebo hlavní nadpis
  41. Omezte styl písma a dalšího formátování textu jako velikosti, barev atd.
  42. Použijte dostatečně kontrastní barvu textu a pozadí, aby bylo písmo maximálně čitelné
  43. Nejdůležitější prvky stránky by měly být vidět bez scrollování při obvylé velikosti okna
  44. Další loga použijte na stránce s rozvahou
  45. V titulku stránky neuvádějte doménové jméno první úrovně pokud není součástí názvu firmy
  46. V titulku by mělo být maximálně 6-7 slov nebo 64 znaků
  47. Je-li to možné, zaregistrujte si podobně znějící doménová jména
  48. Nadpisy by měly být stručné, ale popisné s co nejmenším počtem slov
  49. Jako odkaz na článek slouží jeho nadpis, nikoli podtitul
  50. Úvodní stránky pouze oddalují uživatele od hlavního obsahu
  51. Nepoužívejte vyskakovací okna
  52. Reklamu na jiné firmy (partnery) umístěte na okraj
  53. Externí reklamy by měly být co nejmenší a nejdiskrétnější
  54. Umístíte-li reklamu do prostotu jiného než je velikost běžného reklamního banneru, uveďte, že se jedná o reklamu
  55. Uživatele webu nevítejte výslovně
  56. Na homepage neuvádějte prosté odkazy na registraci, ale naopak uveďte výhody, které registrace uživatelům přinese
  57. Na firemnéch webech nenabízejte návštěvní knihy
  58. Datum a čas uvádějte pouze u časově kritických informací
  59. U čísel s více jak čtyřmi číslicemi správně použijte oddělovač tisíců dle Vašeho místího nastavení
  60. Čísla ve sloupci zarovnávejte dle desetinné čárky

Typografie

  1. Nepoužívat patkové písmo

  2. Font a velikost písma

    Příliš velké množství fontů a jejich velikostí rozptyluje a odvrací pozornost. Nepoužívejte proto více jak 3 typy fontů a velikostí na jeden web.

  3. Kontrast a barva

    Používejte dostatečně kontrastní barvu písma a pozadí, tak aby byl text dobře čitelný.

  4. Proklad řádků

    Dostatečné mezery mezi řádky zlepšují čitelnost textu ve velkých blocích. Uživatelé lépe navazují mezi řádky a neztrácejí se mezi nimi.

  5. Proklad písmen

    Dostatečný proklad mezi písmeny je důležitý, aby písmo nesplývalo dohromady a bylo dobře čitelné.

  6. Délka textu

    Nepsát dlouhé řádky, které uživatele unavují a vyčerpávají. Na jednom řádku by mělo být max. 60 znaků.

  7. Necentrovat text

    Zubatý vzhled je pak velice rušivý.

  8. Zvýraznění

    Zvýrazňujte text tučným písmem <strong> nebo kurzívou <em>

  9. Mřížkový systém

    Naučte se používat tzv. mřížové uspořádání layoutu webu. Celá webová stránka je pak díky správnému uspořádání srozumitelnější a layout působí soudržně.

  10. Odsazujte

    Vytvářejte dostatek odstavců.

  11. Vzdušnost

    Nepřeplácavejte web obsahem. Vytvářejte dostatečné odsazení textů a elementl, aby se obsah nesléval dohromady.

  12. Uniformita

    Ucelenost a jednotnost prvků na všech stránkách vytváří z webu přehledný komplex.