UX / Princípy a pravidlá pre dobré UX

Základné princípy návrhu (Norman)

1. Využívajte vedomosti vo svete aj vedomosti v hlave
2. Zjednodušte štruktúru úloh
3. Zviditeľnite veci: preklenutie priepasti medzi Vykonaním a Vyhodnotením.
4. Definujte správne mapovania
5. Využite silu obmedzení
6. Navrhujte pre prípad chýb
7. Keď všetko ostatné zlyhá, štandardizujte

Zdroj: The Design of Everyday Things

Použiteľnosť Usability

Metafory reálneho sveta

Prístupnosť Accessibility

The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.

(Tim Berners-Lee, W3C Director and inventor of the World Wide Web)

• W3C on accessibility of web applications

Responzívnosť

Responzívnosť

Plnohodnotné zobrazenie na všetkých typoch zariadení

• Pozor, je veľmi ľahké porušiť pravidlá cieľovej platformy
• Príklad: Wikipedia, mobile version

Responzívnosť pre malé zariadenia

• Skryť elementy, ktoré sú menej dôležité
• Vytvorte viac krokov, viacero detailných obrazoviek
• Umožnite veci skrývať, minimalizovať
• Adaptujte sa na cieľovú platformu a veľkosť obrazovky
• Pravidlá a tipy

! Dotyk nemá kurzor !

Dizajnový jazyk

Jazyk, ktorým naše používateľské rozhranie komunikuje s používateľom.

• Návod obsahujúci vizuálne element, vzory interakcií a princípy dizajnu
• Zaručí konzistentnosť a použiteľnosť na všetkých platformách

Dizajnový systém

Realizácia dizajnového jazyka pre konkrétny produkt alebo službu.

• Kolekcia opätovne použiteľných elementov
  • komponenty, typografia, štýly
• iOS, Material, Fluent UI, IBM, ...

Doménová Použiteľnosť

Aspekt doménovej použiteľnosti spojený s terminológiou UI

• 5 aspektov:
  • Doménový obsah, Adekvátna úroveň špecifickosti, Konzistentnosť, Jazykové bariéry, Chyby

Pravidlá

• Doménovo-špecifická terminológia
  • Používať jazyk používateľa
  • Mapovať akcie UI na úlohy v reálnom svete
  • Mapovať vzťahy z reálneho sveta
• Poskytnúť tooltipy pre funkčné komponenty, predovšetkým:
  • Tlačidlá/Menu s ikonkou
  • Doménovo-špecifická funkcionalita

Pravidlá

• Štítky (labels) pre komponenty formulárov
  • konzistentne používať
• Nie prílišné generalizovanie
• Vyhnite sa gramatickým chybám
• Preložte každú časť rozhrania
  • použite lokalizáciu

Zdroje

• Schniedermann
  • 8 zlatých pravidiel
• Nielsen:
  • Usability 101: Introduction to Usability, 10 Usability Heuristics for User Interface Design, http://www.nngroup.com/articles/
• Doménová použiteľnosť:
  • Bačíková, Porubän: Domain usability, user's perception
  • Bačíková, Porubän: Ergonomic vs. domain usability of UIs
• Pravidlá špecifických dizajnových jazykov