HTML a kaskádové styly

Použitelnost znamená:

• uživatelům stránky se podaří udělat to, co chtějí;
• dokáží to v rozumném čase (a bez velkého přemýšlení);
• dokáží to bez chyb.

Zásady použitelnosti

• Jednoduchost

  Jednoduché a přehledné stránky se dobře používají. Návštěvník rychle najde, co chce udělat a nezdržuje se zbytečným pátráním. Pamatujte, tlačítko křížku zavírající okno je vždy nejblíže!

  Zbavte se poloviny slov na každé stránce. A potom se zbavte poloviny toho, co zbylo. (Steve Krug)

• Standardní ovládání.

  Vyvarujte se experimentů s tradičními prvky: uživatelé na to nejsou zvyklí!

  • Odkazy:
    • liší se od okolního textu
    • jsou podtržené (a naopak: vše, co odkaz není, podtrženo být nesmí, ani nadpisy!)
    • změní vzhled (většinou barvu) při najetí a při kliknutí.
  • Tlačítka:
    • mají známou podobu (s plastickými okraji ...);
    • dá se na ně kliknout.
  • Rozmístění prvků a součásti stránek:
    • titulek (obsah elementu TITLE): titulek okna prohlížeče – důležitý pro vyhledávače (vysoká priorita) i pro uživatele (zejména notorické otevírače oken);
    • nadpis (obsah elementu H1): vždy nahoře, výrazným způsobem, graficky oddělený od zbytku stránky;
    • logo (firmy, webu): vždy vlevo nahoře, dá se na něj kliknout a vede na domácí stránku;
    • hledání: zpravidla vpravo nahoře, ale vždy dobře přístupné, viditelné a identifikovatelné;
    • navigace:
      • globální (perzistentní): nahoře – sekce webu (nejvyšší úroveň hyerarchie webu), společná pro celý web;
      • lokální: po straně (vlevo nebo vpravo), příp. pod globální navigací – položky v aktuální sekci;
      • drobečková: textová typu "Kde jsem" (např. Obsah > Studium > Rozvrh
  • Otevírání oken:
    • nepoužívejte javascript pro odkazy (vadí vyhledávačům i uživatelům);
    • neotevírejte nová okna (uživatelé se neumí vrátit);
    • neměňte velikost oken.