Návrh UI

Z MiS
(Rozdíly mezi verzemi)
Přejít na: navigace, hledání
(Přidána dostupnost)
(Doplnění testování použitelnosti.)
Řádka 7: Řádka 7:
 
* Jedná se o jednu z oblastí ''softwarového inženýrství'' (SI).
 
* Jedná se o jednu z oblastí ''softwarového inženýrství'' (SI).
  
 +
; Požadavky
 +
* atraktivní vzhled (design, grafika,...)
 +
* dostupnost
 +
* použitelnost
 +
 +
 +
== Dostupnost ==
 +
* Availability
 +
* Výrobek musí být schopen ovládat i uživatel s omezeními.
 +
* Zdravotní handicap
 +
* Zrakové omezení
 +
 +
; Doporučení
 +
* Dostatečný kontrast
 +
* Možnost ovládat jednou rukou
 +
* Velikost ovládacích prvků
 +
* Vzdálenost mezi ovládacími prvky
 +
* ...
 +
 +
; Web
 +
* Dodržení standardů a strukturování textu
 +
** Tak, aby mohly fungovat automatické čtečky.
  
== Dostupnost (availability) ==
 
  
  
Řádka 15: Řádka 36:
  
 
=== Cíle ===
 
=== Cíle ===
* přehlednost
+
* Uživatel na první pohled ví, k čemu výrobek slouží.
** snadná orientace
+
* Uživatel ví, jak vyřešit svůj úkol.
** nepřehlcení informacemi
+
** přehlednost, snadná orientace
* dodržení standardů
+
* Uživatel považuje ovládání za snadné.
* 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 ===
 
=== Negativa ===
Řádka 43: Řádka 57:
 
* nefungující chybová stránka 404,  
 
* nefungující chybová stránka 404,  
 
* neexistující fulltextové vyhledávání
 
* neexistující fulltextové vyhledávání
 +
  
 
== Chování uživatele na webu ==
 
== Chování uživatele na webu ==
Řádka 67: Řádka 82:
 
**: (s vyjímkou novinových článků a literárních statí či knih)
 
**: (s vyjímkou novinových článků a literárních statí či knih)
 
* 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!
 +
* Nepřehlcení informacemi
 +
* Dodržení standardů
 +
* Dodržení běžných konvencí
 +
* Vizuální přitažlivost
 +
* Testujte na lidech! (viz (#Analýza použitelnosti]])
 +
 +
; Speciálně pro web
 +
* aktuálnost
 +
** snadnost doplňování
 +
** možnost přidělení rubrik editorům
 +
* dostupnost na portálech, SEO
 +
  
 
=== Analýza použitelnosti ===
 
=== Analýza použitelnosti ===
 
Viz: KRUG
 
Viz: KRUG
 +
 +
* Vytipujte cílové uživatele výrobku/webu.
 +
** Můžete vytvořit „persony“.
 +
* Vytipujte úlohy, které budou uživatelé s výrobkem provádět
 +
* Najděte příklady uživatelů a testujte
 +
** Najděte konkrétní uživatele z cílových skupin.
 +
** Zadávejte jim úlohy.
 +
** Sledujte, jak reagují.
 +
 +
; Pravidla
 +
* Uživatel nikdy nejedná „špatně“!!!
 +
** Pokud zvolil špatný postup, je to asi chyba návrhu UI.
 +
* Nenapovídejte uživateli!
  
 
*Na první pohled byste měli identifikovat:
 
*Na první pohled byste měli identifikovat:
Řádka 85: Řádka 128:
 
***Pro jednotlivé kategorie uživatelů
 
***Pro jednotlivé kategorie uživatelů
 
*Testujte na lidech!!!
 
*Testujte na lidech!!!
 +
  
  

Verze z 10. 9. 2020, 08:46


Obsah

Uživatelské rozhraní

Požadavky


Dostupnost

Doporučení
Web


Použitelnost

Cíle

Negativa

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“

Jak dosáhnout použitelnosti

Speciálně pro web


Analýza použitelnosti

Viz: KRUG

Pravidla


Zdroje:

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