Návrh UI

Obsah 1 Uživatelské rozhraní 2 Dostupnost (availability) 3 Použitelnost 3.1 Cíle 3.2 Negativa 4 Chování uživatele na webu 4.1 Postupy k dosažení použitelnosti 4.2 Analýza použitelnosti 5 Zdroje:

Uživatelské rozhraní

• UI... User Interface
• Zařízení či software, které slouží uživateli k ovládání výrobku/služby/počítače...
• Nemusí být nutně vztaženo k IT.
• Jedná se o jednu z oblastí softwarového inženýrství (SI).

Dostupnost (availability)

Použitelnost

Cíle

• přehlednost
  • snadná orientace
  • nepřehlcení informacemi
• dodržení standardů
• dodržení běžných konvencí
• vizuální přitažlivost

Speciálně pro web

• aktuálnost
  • snadnost doplňování
  • možnost přidělení rubrik editorům
• dostupnost na portálech, SEO

Negativa

Viz: Adaptic.cz

• přílišná originalita, především v ovládání webu, ale i při návrhu layoutu nebo vzhledu
• nekonzistence hlavních prvků a jejich funkčnosti
• malá rychlost načítání a vykreslování stránky v prohlížeči
• nefungující či nedostatečná navigace
• špatná informační architektura – především nelogické uspořádání, rozmístění a malá strukturovanost informací
• zasahování do uživatelského prostředí prohlížeče, např. obarvené lišty, otvírání odkazů do nového okna
• neexistence tiskové verze
• chybějící zpětná vazba
• nepřívětivý tvar URL

U větších webů také

• chybějící mapa stránek,
• nefungující chybová stránka 404,
• neexistující fulltextové vyhledávání

Chování uživatele na webu

Viz: KRUG

• Prohlížíme, nečteme
• Volíme první „rozumnou“ volbu
• Máme-li řešení, nehledáme další

• Pozor!
  • V době vyhledávačů může uživatel na váš server vstoupit kteroukoli stránkou, nejen úvodní.

Postupy k dosažení použitelnosti

Viz: KRUG

Motto

„Nenuťte uživatele přemýšlet“

• Prvkům ponechte tradiční vzhled
  • odkazy podtržené
  • tlačítka se zvýrazněnými okraji
  • jednotlivé bloky stránky graficky oddělené
• „Vynechte polovinu slov“
  • žádné uvítací prology
  • žádné dlouhé odstavce textu

    (s vyjímkou novinových článků a literárních statí či knih)

• Dejte stránkám jasnou strukturu

Analýza použitelnosti

Viz: KRUG

• Na první pohled byste měli identifikovat:
  • Logo serveru
  • Název stránky (v rámci serveru)
  • Záložky sekcí
  • Lokální navigace
  • Nástroj pro vyhledávání
• Při pohledu na stránku máte vědět
  • Co web nabízí
    • Název
    • Logo
    • Slogan
  • Kudy máte pokračovat
    • Pro jednotlivé kategorie uživatelů
• Testujte na lidech!!!

Zdroje:

• KRUG, Steve. Webdesign : Nenuťte uživatele přemýšlet. 2. aktualizované. Brno : Computer Press, 2007. 164 s. ISBN 80-251-1291-8.
  • Anglický originál: Steve Krug. Don't Make Me Think: A Common Sense Approach to Web Usability
• Adaptic.cz > Použitelnost webu
• Prezentace z Data.businessworld.cz