Test ového klienta portálu seznam.cz

Transkript

1 Test ového klienta portálu seznam.cz Testování uživatelského rozhraní A4B39TUR Dominik Hons

2 1. Obsah 1. Obsah Popis aplikace Popis uživatelů Přehled případů užití Registrace nové ové adresy Odeslání u Přidání a úprava kontaktu Změna osobních údajů Metody testování Kognitivní průchod Heuristická evaluace Use case 1 - Registrace nové ové adresy Use case 2 Odeslání u Use case 3 Přidání a úprava kontaktu Use case 4 Změna osobních údajů Přehled nálezů Heuristická evaluace Kognitivní průchod Závěr

3 2. Popis aplikace ový klient je nástroj sloužící uživatelům k obsluze jejich ové adresy. Mezi jeho základní funkce patří přijímání a odesílání ů, ale pro usnadnění práce uživatelům by měl umět i například třídit a filtrovat poštu. Seznam je nejpoužívanější klient v České republice, byl založen v roce 1998 a v dnešní době je registrováno cca 12 milionů ových adres. Přístup ke klientu je možný pomocí libovolného prohlížeče na adrese anebo přímo z hlavní stránky (viz obrázek číslo 1). Existuje také verze pro uživatele mobilních telefonů, ale tento test se bude zabývat pouze verzí pro počítač. Obrázek 1 3. Popis uživatelů Cílová skupina uživatelů nebude nikterak omezená. může používat každý, jak malé děti, tak důchodci. Předpokladem je alespoň základní znalost práce s počítačem a prohlížečem, konkrétně je třeba, aby uživatel uměl vyplnit textové pomocí klávesnice a kliknout na tlačítko

4 4. Přehled případů užití 4.1 Registrace nové ové adresy Registrace nové ové adresy je základní prvek používání u. Je to krok, který musí absolvovat každý uživatel a proto je velmi důležité, aby neobsahoval chyby uživatelského rozhraní, které by mohli někoho odradit. Registrace je možná provést z hlavní stránky seznamu a to kliknutím na tlačítko Založit nový (viz obrázek číslo 2). 4.2 Odeslání u Obrázek 2 Odeslání u patří mezi hlavní důvody, proč uživatel používá . Budeme testovat, zda je tato činnost dostatečně jednoduchá pro běžné používání, ale také zda nabízí pokročilé funkce pro náročnější uživatele. 4.3 Přidání a úprava kontaktu ový klient nabízí možnost vytvoření adresáře ostatních uživatelů. Slouží pro rychlejší psaní ů nebo pro uložení jiných informací o uživatelích (adresa, telefon). Vyzkoušíme, jak se do tohoto adresáře přidávají nové kontakty a jak se upravují. 4.4 Změna osobních údajů Otestujeme možnost změnit své osobní údaje. Konkrétně vyzkoušíme změnit pohlaví. Není to nejběžnější činnost uživatele, ale právě proto bude zajímavé vidět řešení

5 5. Metody testování 5.1 Kognitivní průchod Kognitivní průchod je metoda, která se snaží nalézt nedostatky zkoumaného artefaktu. Uživateli je specifikován cíl a zkoumá se, jestli je ho schopen intuitivně dosáhnout. Vychází se přitom ze srovnání chování uživatele s předpokládaným akcí. Na začátku průchodu daného případu užití je třeba zodpovědět následující otázka. Q0: Čeho chce uživatel dosáhnout? Tato otázka slouží pro jasnou definici akce, kterou budeme testovat. Dále se pak v každém kroku ptáme na tyto otázky. Q1: Je uživateli zřejmý následující krok? Q2: Spojí si uživatel správně popisek akce se svým cílem? Q3: Dostane uživatel dostatečnou odezvu? Na tyto tři otázky odpovídáme ANO/NE. Pokud je odpověď ANO, pokračujeme dále. Pokud je odpověď NE, zaznamenáme proč tomu tak není. 5.2 Heuristická evaluace Jedna ze základních metod testování použitelnosti spočívá v procházení a hodnocení stránek odborníky na použitelnost. Odborníci zkoumají, jestli stránky splňují jednotlivá doporučení ohledně použitelnosti. Na konci je vytvořen seznam problémů a nedostatků řazený podle důležitosti

6 Při analýze se budeme řídit těmito principy: H1: Viditelnost stavu systému Systém by měl vždy dát uživateli vědět, co se právě odehrává. H2: Spojení mezi systémem a reálným světem Komunikace systému s uživatelem by se měla odehrávat uživatelsky příjemným způsobem (srozumitelný jazyk bez odborných termínů). H3: Uživatelská kontrola a svoboda Uživatelé při práci se systémem dělají chyby a potřebují proto únikový východ pro návrat do předchozího stavu. H4: Konzistence a standardizace Uživatelé by neměli být nuceni přemýšlet, zdali různé termíny znamenají to stejné, proto se doporučuje dodržovat obecné zásady. H5: Prevence chyb Vyvarovat se chybovým hlášením bezpečným designem, který bude preventivně působit proti problémům. H6: Rozpoznání místo vzpomínání Uživatel by neměl být nucen vzpomínat si na provádění operací v systému, instrukce by měly být v systému vždy viditelně umístěny. H7: Flexibilní a efektivní použití Umožnění zrychlení práce se systém pro pokročilé uživatele. H8: Estetický a minimalistický design Bez nepotřebných informací. H9: Pomoc uživatelů poznat, pochopit a vzpamatovat se z chyb Chybové hlášky by měly být uváděny v přirozeném jazyce a měly by navrhovat řešení. H10: Nápověda a návody Všechny informace se musí dát lehce vyhledat, nápověda by měla obsahovat postupy v krocích

7 6. Use case 1 - Registrace nové ové adresy Použitá metoda: Heuristická evaluace Pro registraci nové adresy klikneme na tlačítko Založit nový (viz obrázek 2). Dále se objeví následující okno (obrázek 3), obsahující registrační formulář. Obrázek 3-6 -

8 Nalezené problémy (a) Podle podmínek musí být heslo alespoň 6 znaků dlouhé. Ale při zadání hesla, které tuto podmínku splňuje, systém neumožní registraci. (viz obrázek 4) Porušuje - H3: Uživatelská kontrola a svoboda Obrázek 4 (b) Pokud uživatel nevyplní některé povinné pole a stiskne tlačítko Založit účet, systém mu sice zobrazí, která pole nevyplnil, ale zároveň smaže vše, co bylo vyplněno. Porušuje - H5: Prevence chyb (c) Povinné pole Ověřovací kód nemá žádný popisek (viz obrázek 5). Pro nezkušeného uživatele může být nejasné, co má vyplnit. Porušuje - H6: Rozpoznání místo vzpomínání Obrázek 5 (d) Pomůcka pro rozpoznání ověřovacího kódu Přehraj kód (viz obrázek 5) spustí zvukový soubor se strojovým hlasem, který uživateli řekne, co má vyplnit. Hlasu je špatně - 7 -

9 rozumět a také říká jiné slovo než je na obrázku. Také se několikrát stalo, že tento odkaz nefungoval (viz obrázek 6). Porušuje - H2: Spojení mezi systémem a reálným světem Obrázek 6 (e) Kliknutí na odkaz Nápověda nebo Kontakt (viz levý dolní okraj obrázku 3) uživatele přesměruje ze stávající stránky. Nemůže tak pokračovat v registraci a musí začít znovu. Porušuje - H3: Uživatelská kontrola a svoboda (f) Uživatel musí vyplnit odpověď na Kontrolní otázku. Výběr otázek je velmi limitovaný (viz obrázek 7) a nemusí každému vyhovovat. Porušuje - H3: Uživatelská kontrola a svoboda - 8 -

10 Obrázek 7 7. Use case 2 Odeslání u Použitá metoda: Kognitivní průchod Výchozí stav: Uživatel se nachází na stránce Q0: Uživatel chce odeslat . Scénář případu užití: 1. Uživatel se přihlásí na svůj účet. 2. Uživatel zvolí možnost Nová zpráva (viz obrázek 8, značka 1). 3. Uživatel vybere kontakt z adresáře (viz obrázek 8, značka 2). 4. Uživatel přiloží k u soubor. (viz obrázek 8, značka 3). 5. Uživatel vyplní text u. 6. Uživatel odešle tlačítkem Odeslat zprávu (viz obrázek 8, značka 4)

11 Obrázek 8 Odeslání u Je uživateli zřejmý následující krok? Spojí si uživatel správně popisek akce se svým cílem? Dostane uživatel dostatečnou odezvu? Krok 1 Ano Ano Ano Krok 2 Krok 3 Ne. Tlačítko je poměrně malé a schované mezi dalšími. Ne. Není zřejmé, na co má uživatel kliknout. Řešení Ano Ano Zvýraznit a odlišit tlačítko. Ano Ano Krok 4 Ano Ano Ano Krok 5 Ano Ano Ano Krok 6 Ano Ano Ne. V případě, že zvolíme neplatnou adresu, se zobrazí, že odešel v pořádku. Až po chvíli dorazí s chybou. Místo nejasného obrázku zvolit popisek Adresář. Ihned uživateli zobrazit, že adresa je neplatná

12 8. Use case 3 Přidání a úprava kontaktu Použitá metoda: Kognitivní průchod Výchozí stav: Uživatel je přihlášen a nachází se v záložce Doručené. Q0: Uživatel chce přidat kontakt do adresáře a následně tento kontakt upravit. Scénář případu užití: 1. Uživatel klikne na tlačítko Kontakty (viz obrázek 8). 2. Uživatel vybere možnost Vytvořit Kontakt (viz obrázek 9). 3. Uživatel vyplní potřebné údaje (viz obrázek 10). 4. Uživatel uloží kontakt tlačítkem Uložit změny (viz obrázek 10). 5. Uživatel chce změnit údaje u kontaktu tlačítkem Upravit (viz obrázek 9). Obrázek

13 Obrázek 10 Odeslání u Je uživateli zřejmý následující krok? Spojí si uživatel správně popisek akce se svým cílem? Dostane uživatel dostatečnou odezvu? Řešení Krok 1 Ne. Tlačítko je malé a Ano Ano Zvýraznit tlačítko. nevýrazné. Krok 2 Ano Ano Ano Ne. Uživatel musí Krok 3 Ano Ano vyplnit alespoň nebo Telefon. To ale není nijak zřejmé. Krok 4 Ano Ano Ano Krok 5 Ne. Uživatel si může myslet, že úpravu provede kliknutím na adresu, to ale přesměruje na psaní u. Přidat popisek, že je třeba vyplnit jedno z daných polí. Ano Ano Označit tuto funkci

14 9. Use case 4 Změna osobních údajů Použitá metoda: Kognitivní průchod Výchozí stav: Uživatel je přihlášen a nachází se v záložce Doručené. Q0: Uživatel chce změnit osobní údaje. (pohlaví) Scénář případu užití: 1. Uživatel klikne na tlačítko Nastavení (viz obrázek 8, vpravo nahoře). 2. Uživatel klikne na odkaz nastavení Seznam účtu (viz obrázek 11). 3. Uživatel přepne záložku pomocí tlačítka Změnit své osobní údaje (viz obrázek 12). 4. Uživatel klikne na daný údaj (viz obrázek 12). 5. Uživatel uloží změny. Odeslání u Je uživateli zřejmý následující krok? Spojí si uživatel správně popisek akce se svým cílem? Dostane uživatel dostatečnou odezvu? Krok 1 Ano Ano Ano Ne. U odkazu je popisek Krok 2 pro změnu hesla. Nikde se nepíše, že se takto dají změnit i jiné osobní údaje. Ano Ano Krok 3 Ano Ano Ano Krok 4 Ano Ano Ano Krok 5 Ano Ano Ano Řešení Změnit popis tak aby bylo zřejmé, na co tento odkaz odkazuje

15 Obrázek 11 Obrázek

16 10. Přehled nálezů Nalezené problémy rozdělíme do kategorií, které určí, jak velký dopad mají na testovaný systém. Těmto kategoriím přiřadíme prioritu podle následující tabulky. 1 = Není problém v použitelnosti. 2 = Kosmetický problém. 3 = Méně významný problém s menší prioritou. 4 = Významný problém s vyšší prioritou. 5 = Závažný problém s nejvyšší prioritou Heuristická evaluace (a) Délka hesla splňuje podmínky, ale není vhodné. Řešení: Zrušit kontrolu síly hesla a dát tím uživateli volnost výběru, nebo upozornit jaké typy hesla nelze zadávat. Priorita: 4 (b) Smazání vyplněných položek při chybě. Řešení: Nemazat vyplněná pole, ale pouze upozornit, ve kterém je chyba. Priorita: 3 (c) Ověřovací kód nemá popisek Řešení: Doplnit popisek. Priorita: 2 (d) Přehrání kódu je nesrozumitelné. Řešení: Nenabízet možnost přehrání kódu. Pokud ano, tak zajistit, aby přehrávaný kód byl shodný s tím na obrázku. Priorita: 3 (e) Odkaz na jinou stránku se nezobrazí v novém okně. Řešení: Zobrazit odkaz v novém okně. Priorita:

17 (f) Kontrolní otázka je limitovaná. Řešení: Přidat možnost, aby mohl uživatel napsat vlastní otázku. Priorita: Kognitivní průchod (a) Odeslání u Krok 2: Tlačítko je malé a schované. Řešení: Zvýraznit a odlišit tlačítko. Priorita: 2 (b) Odeslání u Krok 3: Není zřejmé, na co má uživatel kliknout. Řešení: Místo obrázku zvolit raději popisek tlačítka. Priorita: 2 (c) Odeslání u Krok 6: Odeslaný se tváří jako platný i když není. Řešení: Dát uživateli okamžitý feedback ohledně špatné adresy. Priorita: 4 (d) Přidání a úprava kontaktu Krok 1: Tlačítko je malé a nevýrazné. Řešení: Zvýraznit tlačítko. Priorita: 2 (e) Přidání a úprava kontaktu Krok 3: Nutnost vyplnění polí není zřejmá. Řešení: Přidat upozornění na nutnost vyplnění polí. Priorita: 3 (f) Přidání a úprava kontaktu Krok 5: Není jasné, co se stane kliknutím na adresu. Řešení: Označit co se stane a jak se má adresa upravit. Priorita: 3 (g) Změna osobních údajů Krok 2: Nedostatečný popis odkazu. Řešení: Doplnit popisek této funkce. Priorita:

18 11. Závěr Otestovali jsme čtyři základní a nejdůležitější případy užití používání ové adresy. Vyzkoušeli jsme jak metodu Kognitivního průchodu, tak Heuristickou evaluaci. Z přehledu nálezů vyplívá to, že žádný z problémů není kritický pro funkčnost. Většina problému je tedy méně významná nebo se jedná o kosmetické chyby. Potvrzuje to fakt, že Seznam je nejpoužívanější klient v České republice a proto by se v něm kritické chyby neměli vyskytovat