14. května 2012, Brno

Transkript

1 14. května 2012, Brno Připravil: Tomáš Koubek Testování Cvičení z předmětu Pokročilá uživatelská rozhraní

2 Testování Strana 2 / 12 Testování aplikací Testování návrhu Cílem je vylepšit produkt během vývoje. Detekce problémů a poskytnutí zpětné vazby návrhářům. Práce s prototypy. Testování produktu Cílem je zajistit problémy po vypuštění produktu. Audit vlastního produktu vznik nových verzí. Review cizího produktu. Předměty testování SW: dosáhnou uživatelé svého cíle? Web: naleznou uživatele informace, které hledají? HW: je možné dané zařízení používat? Služby: jsou jasné kroky,které má občan provést během sčítání lidu? Běžné předměty: Lze daný předmět bez problémů používat?

3 Testování Strana 3 / 12 Testování aplikací Testování softwaru Bylo snadné software nainstalovat? Je tento software vhodný pro danou úlohu? Jsou funkce viditelné? Jak mi napomáhá vyrovnat se s chybami? Testování informačního webu Rozumí návštěvníci terminologii stránky? Je navigace mezi jednotlivými sekcemi zřetelná? Naleznou uživatelé hledanou informaci? Testování zařízení Je obrazovka čitelná i na ostrém slunci? Je jasný účel tlačítek menu na monitoru? Zaručuje návrh ovládacího panelu autorádia bezpečné řízení?

4 Testování Strana 4 / 12 Kognitivní průchod cognitive walkthrough Metoda založená na plnění strukturovaných úkolů Provádí se v počáteční fázi vývoje není nutná implementace odhalení zřejmých chyb v návrhu Tester, vývojář, usability expert Levná, časově nenáročná Je třeba znát profil uživatele zkušenosti znalosti/dovednosti

5 Testování Strana 5 / 12 Proces testování Stanovení úkolu Čeho chce uživatel dosáhnout? Např. výběr peněz z bankomatu Rozdělení úkolu na jasné kroky Vložení karty do bankomatu Zvolení požadované částky Výběr peněz Převzetí karty zpět

6 Testování Strana 6 / 12 Proces testování Testování pomocí odpovědi na otázky u jednotlivých kroků: 1 Bude správná akce viditelná (evidentní)? 2 Obdrží uživatel odpovídající zpětnou vazbu? 3 Je jasné propojení mezi označením akce s cílem? Výsledky (chyby) se zapisují včetně návrhu řešení. Pozor na chyby na straně uživatele Např. nedostatečná hotovost

7 Testování Strana 7 / 12 Heuristická analýza Metoda založená na odhalování chyb UI ve specifikovaných oblastech. Provádí experti skupina 3-5 expertů 5-6 expertů odhalí cca 75 procent chyb nákladné

8 Testování Strana 8 / 12 Heuristická analýza Viditelnost stavu systému: systém má uživatele informovat o tom, co se děje (zpětná vazba). Vazba mezi systémem a reálným světem: systém se má řídit zvyklostmi z reálného světa a informace zobrazovat v přirozeném pořadí (ikona Koš). Svoboda a vláda uživatele: podpora uživatele v chybných stavech. (Ikony dopředu, zpět, domů, zrušit). Konzistence a standardy: řídí se konvencemi platformy pro kterou je systém zamýšlen, sjednocení terminologie atd. (manuály a doporučení).

9 Testování Strana 9 / 12 Heuristická analýza Předcházení chybám: lepší řešení než vhodné hlášení o chybě je takový návrh systému, který dokáže chyby předvídat a předcházet jim (požadované pole ve formulářích, potvrzovací dialogy). Přednost rozpoznání před vybavováním si: veškeré objekty a možnosti volby a akcí systému musí být viditelné. Uživatel nesmí být nucen si informace pamatovat, odhadovat je z konfigurace uživatelského rozhraní. Flexibilita a efektivnost použití: rychlý přístup k nejčastěji používaným funkcím (zástupci na ploše, záložky, klávesová zkratka). Užitečné pro BFU i L337 H4X0Ra.

10 Testování Strana 10 / 12 Heuristická analýza Estetika a minimalistický design: systém by měl zobrazovat pouze informace, které jsou podstatné. Nadbytečné informace soupeří o pozornost uživatele s podstatnými informacemi a snižuje jejich viditelnost. Pomoc při rozpoznání chyb: hlášení o chybě by mělo být vyjádřeno ve srozumitelné podobě (příp. s vysvětlením a návrhem řešení barevné označení nevyplněných polí ve formuláři místo výpisu jejich seznamu) (chyba 0x6423D2356, přesměrování na neplatné www). Nápověda a dokumentace: přístupná a s minimalistickým rozsahem. Kontextová nápověda. ( Dobře navržené UI poskytuje nápovědu, výborné UI ji nepotřebuje ).

11 Testování Strana 11 / 12 Proces testování Identifikace problému Návrh řešení Je možný i komentář Přiřazení priority problému (0-4, čím vyšší číslo, tím akutnější problém)

12 Testování Strana 12 / 12 Heuristická analýza Příklad: Nemožnost kopírovat/vložit informace mezi různými okny Porušení pravidla: 6. Přednost rozpoznání před vybavováním si Návrh řešení: Aktivovat kopírovat/vložit funkci Kombinace velkých a malých písmen v UI Porušení pravidla: 4. Konzistence a standardy Komentář: Zpomaluje uživatele (musí přemýšlet proč je to jinak) Návrh řešení: Sjednotit formát písmen.