Základní pojmy
Jaká je definice GUI a co tato zkratka znamená?
Grafické uživatelské rozhraní (Graphical User Interface).
Systém vizuálních prvků, jako jsou okna, ikony, tlačítka a menu, který umožňuje uživateli interakci s digitálním zařízením nebo softwarem pomocí grafiky namísto textových příkazů.
K čemu slouží Dark mode?
Snižuje únavu očí při používání aplikace ve tmě nebo v noci a šetří baterii na OLED displejích.
Uveďte dva příklady ukazovacího zařízení v GUI.
Myš, touchpad, dotyková obrazovka
Jak funguje A/B testování?
Porovnávání dvou verzí (A a B) prvku rozhraní (např. barva tlačítka, text titulku).
Proč má být UI předvídatelné?
Aby uživatelé na základě svých přenositelných znalostí intuitivně věděli, co se stane po provedení akce, což jim umožní rychlou adaptaci a efektivní používání aplikace.
Co znamená, že má být aplikace responzivní?
Přizpůsobitelné všem zařízením: počítač, tablet, mobil.
Proč je zpětná vazba klíčová pro uživatelskou zkušenost?
Udržuje uživatelův pocit kontroly a zajišťuje předvídatelnost systému.
Informuje uživatele, že systém jeho akci zaznamenal, zpracovává ji, nebo ji již dokončil.
Co znamená pojem "uživatelské testování"?
Pozorování malého počtu uživatelů, kteří mluví nahlas o svém myšlenkovém postupu (Think Aloud Protocol).
Co je to konzistence a jak ji využít při tvorbě UI? Proč?
Konzistence v UI znamená, že stejné prvky (barvy, písma, styl tlačítek, ikony, rozložení navigace a chování při interakci) vypadají a chovají se stejně napříč celou aplikací.
Důvod: snížená kognitivní zátěž, rychlejší orientace, nižší chybovost, profesionální dojem.
Čím se zabývá UX Design?
Návrh uživatelského zážitku je proces navrhování produktů (webů, aplikací, služeb) s cílem vytvořit co nejlepší, nejefektivnější a nejpříjemnější zážitek pro uživatele.
Který navigační prvek zobrazuje cestu, kterou se uživatel dostal na aktuální stránku (např. Domů > Produkty)?
Drobečková navigace (Breadcrumbs).
Jaký je hlavní rozdíl mezi rolemi UX Designer a UI Designer?
UX Designer se zaměřuje na funkčnost
UI Designer se zaměřuje na vizuální provedení (estetika, vizuální styl, typografie).
Co je to HCI a ergonomie v UI?
Human-Computer Interaction (Interakce člověka s počítačem). Věda, která zkoumá, jak lidé interagují s počítači a jak navrhnout nejpřirozenější a nejefektivnější interakci.
Ergonomie je věda zabývající se vztahem člověk a pracovního prostředí. Ergonomie v UI aplikuje znalosti o lidských schopnostech a omezeních na návrh systémů, aby bylo UI pohodlné, efektivní a bezpečné pro použití.
Co je to přístupnost? Uveďte 2 konkrétní příklady využití.
Přístupnost zajišťuje, že webovou aplikaci mohou efektivně a pohodlně používat i lidé s nejrůznějšími postiženími.
Zvětšení písma
Alternativní popisy pro obrázky (pro nevidomé)
Možnost ovládání klávesnicí vše
Titulky a přepis u multimédií
Jaký typ zpětné vazby by měl být ideálně použit pro akci, která trvá déle (např. načítání dat)?
Indikátor průběhu (rotační indikátor – spinner, nebo progress bar).
Vyjmenujte 6 fází procesu tvorby GUI.
1. Analýza
2. Návrh
3. Prototypování
4. Implementace
5. Testování a hodnocení
6. Nasazení a údržba
Jaký je rozdíl mezi funkčností a použitelností. Uveďte praktický příklad.
Funkčnost = co aplikace umí.
Použitelnost = jak snadno, efektivně a supokojinvě může uživatel těchto funcí dosáhnout.
Uživatel se nezajímá pouze o to, zda aplikace umí platbu provést (funkčnost), ale hlavně o to, jak snadno a rychle ji provede (použitelnost).
Co je to pravidlo nepřetěžování paměti? Uveďte 3 praktické příklady, jak ho využít v UI.
Jasné popisky a nápověda.
Rozpoznání namísto vzpomínání (ikony, celá slova).
Automatické ukládání (nejen u delšího textu).
Viditelnost stavu systému (kde se uživatel nachází).
Uveďte 3 příklady, jak předcházet chybám.
Ověření formátu vstupu (datové typy, výběr z kalendáře).
Omezení možností (rozbalovací seznam, např. státy).
Potvrzovací dialogy (např. opravdu chcete smazat účet?).
Co znamená, že proces vývoje je iterativní? Uveďte příklad.
Vývoj probíhá v cyklech - analýza, návrh, prototypování a testování.
Po každém testovacím cyklu jsou zjištěné problémy a zpětná vazba od uživatelů použity k úpravě a zlepšení návrhu, než se přejde k dalšímu cyklu.
Např. Microsoft 365 (na rozdíl od MS Office 2016).