Návrh UI

Z MiS
(Rozdíly mezi verzemi)
Přejít na: navigace, hledání
(Doplnění testování použitelnosti.)
m (Poopravena struktura.)
Řádka 14: Řádka 14:
  
 
== Dostupnost ==
 
== Dostupnost ==
* Availability
+
* ''Availability''
 
* Výrobek musí být schopen ovládat i uživatel s omezeními.
 
* Výrobek musí být schopen ovládat i uživatel s omezeními.
 
* Zdravotní handicap
 
* Zdravotní handicap
Řádka 20: Řádka 20:
  
 
; Doporučení
 
; Doporučení
* Dostatečný kontrast
+
* Dostatečný kontrast mezi pozadím a popředím
* Možnost ovládat jednou rukou
+
* Možnost ovládání jednou rukou, možnost ovládání myší
* Velikost ovládacích prvků
+
* Přiměřená velikost ovládacích prvků
 
* Vzdálenost mezi ovládacími prvky
 
* Vzdálenost mezi ovládacími prvky
 
* ...
 
* ...
Řádka 34: Řádka 34:
 
== Použitelnost ==
 
== Použitelnost ==
  
 
+
* ''Usability''
=== Cíle ===
+
* Uživatel na první pohled pozná, k čemu výrobek slouží.
* Uživatel na první pohled , k čemu výrobek slouží.
+
* Uživatel na první pokus vyřeší svůj úkol.
* Uživatel ví, jak vyřešit svůj úkol.
+
 
** přehlednost, snadná orientace
 
** přehlednost, snadná orientace
* Uživatel považuje ovládání za snadné.
+
* Uživatel považuje ovládání za snadné, baví ho to.
  
=== Negativa ===
+
=== Časté problémy ===
 
Viz: Adaptic.cz
 
Viz: Adaptic.cz
 
* přílišná originalita, především v ovládání webu, ale i při návrhu layoutu nebo vzhledu
 
* přílišná originalita, především v ovládání webu, ale i při návrhu layoutu nebo vzhledu
Řádka 59: Řádka 58:
  
  
== Chování uživatele na webu ==
+
=== Chování uživatele na webu ===
 
Viz: KRUG
 
Viz: KRUG
  
Řádka 69: Řádka 68:
 
**V době vyhledávačů může uživatel na váš server vstoupit kteroukoli stránkou, nejen úvodní.
 
**V době vyhledávačů může uživatel na váš server vstoupit kteroukoli stránkou, nejen úvodní.
  
=== Postupy k dosažení použitelnosti ===
+
=== Postupy k dosažení použitelnosti ===
 
Viz: KRUG
 
Viz: KRUG
  
Řádka 77: Řádka 76:
 
** tlačítka se zvýrazněnými okraji
 
** tlačítka se zvýrazněnými okraji
 
** jednotlivé bloky stránky graficky oddělené
 
** jednotlivé bloky stránky graficky oddělené
* „Vynechte polovinu slov“
+
* Zredukujte text — „Vynechte polovinu slov!“
 
** žádné uvítací prology
 
** žádné uvítací prology
 
** žádné dlouhé odstavce textu
 
** žádné dlouhé odstavce textu
Řádka 83: Řádka 82:
 
* Dejte stránkám jasnou strukturu
 
* Dejte stránkám jasnou strukturu
  
=== Jak dosáhnout použitelnosti ===
 
 
* Nejprve kreslete a testujte, pak až kódujte!
 
* Nejprve kreslete a testujte, pak až kódujte!
* Nepřehlcení informacemi
 
 
* Dodržení standardů
 
* Dodržení standardů
* Dodržení běžných konvencí
+
* Dodržení běžných konvencí ovládání
* Vizuální přitažlivost
+
 
* Testujte na lidech! (viz (#Analýza použitelnosti]])
+
* Testujte na lidech! (viz [[#Analýza použitelnosti]])
  
 
; Speciálně pro web
 
; Speciálně pro web
Řádka 99: Řádka 96:
  
 
=== Analýza použitelnosti ===
 
=== Analýza použitelnosti ===
Viz: KRUG
 
  
 
* Vytipujte cílové uživatele výrobku/webu.
 
* Vytipujte cílové uživatele výrobku/webu.
Řádka 109: Řádka 105:
 
** Sledujte, jak reagují.
 
** Sledujte, jak reagují.
  
; Pravidla
+
; Na první pohled byste měli identifikovat
 +
* Součásti webové stránky
 +
** Logo serveru
 +
** Název stránky (v rámci serveru)
 +
** Záložky sekcí
 +
** Lokální navigace
 +
** Nástroj pro vyhledávání
 +
 
 +
* Co web nabízí
 +
* Čí web to je
 +
 
 +
* Kudy máte pokračovat — podle úkolu, který potřebujeme vyřešit.
 +
 
 +
; Pravidla testování
 
* Uživatel nikdy nejedná „špatně“!!!  
 
* Uživatel nikdy nejedná „špatně“!!!  
** Pokud zvolil špatný postup, je to asi chyba návrhu UI.
+
** Pokud uživatel zvolil špatný postup, je to chyba návrhu UI.
 
* Nenapovídejte uživateli!
 
* Nenapovídejte uživateli!
 
*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!!!
 
  
  

Verze z 10. 9. 2020, 13:06


Obsah

Uživatelské rozhraní

Požadavky


Dostupnost

Doporučení
Web


Použitelnost

Časté problémy

Viz: Adaptic.cz

U větších webů také


Chování uživatele na webu

Viz: KRUG

Postupy k dosažení použitelnosti

Viz: KRUG

Motto
„Nenuťte uživatele přemýšlet“
Speciálně pro web


Analýza použitelnosti

Na první pohled byste měli identifikovat
Pravidla testování


Zdroje:

Osobní nástroje
Jmenné prostory
Varianty
Akce
Výuka
Navigace
Nástroje