Návrh UI
Z MiS
(Rozdíly mezi verzemi)
m (Poopravena struktura.) |
(Testování použitelnosti přesunuto na samostatnou stránku: Testování UI.) |
||
| (Není zobrazena 1 mezilehlá verze od 1 uživatele.) | |||
| Řádka 1: | Řádka 1: | ||
| − | [[Category:VSE]][[Category:HTML]][[Category: | + | [[Category:VSE]][[Category:Informatika]][[Category:HTML]][[Category:UI UX]] |
== Uživatelské rozhraní == | == Uživatelské rozhraní == | ||
| Řádka 29: | Řádka 29: | ||
* Dodržení standardů a strukturování textu | * Dodržení standardů a strukturování textu | ||
** Tak, aby mohly fungovat automatické čtečky. | ** Tak, aby mohly fungovat automatické čtečky. | ||
| − | |||
| Řádka 85: | Řádka 84: | ||
* Dodržení standardů | * Dodržení standardů | ||
* Dodržení běžných konvencí ovládání | * Dodržení běžných konvencí ovládání | ||
| − | |||
| − | |||
; Speciálně pro web | ; Speciálně pro web | ||
| Řádka 94: | Řádka 91: | ||
* dostupnost na portálech, SEO | * dostupnost na portálech, SEO | ||
| + | ; Testujte na lidech! | ||
| + | * Použitelnost webu je třeba testovat — viz [[Testování UI]]. | ||
| − | == | + | == Související stránky == |
| − | + | * [[Testování UI]] | |
| − | * | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
== Zdroje: == | == Zdroje: == | ||
Aktuální verze z 1. 3. 2021, 22:31
Obsah |
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).
- 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 mezi pozadím a popředím
- Možnost ovládání jednou rukou, možnost ovládání myší
- Přiměřená 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.
Použitelnost
- Usability
- Uživatel na první pohled pozná, k čemu výrobek slouží.
- Uživatel na první pokus vyřeší svůj úkol.
- přehlednost, snadná orientace
- Uživatel považuje ovládání za snadné, baví ho to.
Časté problémy
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é
- Zredukujte text — „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
- Nejprve kreslete a testujte, pak až kódujte!
- Dodržení standardů
- Dodržení běžných konvencí ovládání
- Speciálně pro web
- aktuálnost
- snadnost doplňování
- možnost přidělení rubrik editorům
- dostupnost na portálech, SEO
- Testujte na lidech!
- Použitelnost webu je třeba testovat — viz Testování UI.
Související stránky
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
