Návrh UI
Z MiS
(Rozdíly mezi verzemi)
(Přidán pojem Uživatelské rozhraní.) |
(Přidána dostupnost) |
||
| Řádka 8: | Řádka 8: | ||
| − | == | + | == 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 | * 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 | * nekonzistence hlavních prvků a jejich funkčnosti | ||
| Řádka 48: | Řádka 54: | ||
**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 62: | Řádka 68: | ||
* Dejte stránkám jasnou strukturu | * Dejte stránkám jasnou strukturu | ||
| − | == Analýza použitelnosti == | + | === Analýza použitelnosti === |
Viz: KRUG | Viz: KRUG | ||
| Řádka 79: | Řádka 85: | ||
***Pro jednotlivé kategorie uživatelů | ***Pro jednotlivé kategorie uživatelů | ||
*Testujte na lidech!!! | *Testujte na lidech!!! | ||
| + | |||
== Zdroje: == | == Zdroje: == | ||
Verze z 10. 9. 2020, 08:09
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).
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ů
- Co web nabízí
- 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
