Test emailového klienta portálu seznam.cz Testování uživatelského rozhraní A4B39TUR Dominik Hons honsdomi@fel.cvut.cz 7. 3. 2014
1. Obsah 1. Obsah... 1 2. Popis aplikace... 2 3. Popis uživatelů... 2 4. Přehled případů užití... 3 4.1 Registrace nové emailové adresy... 3 4.2 Odeslání emailu... 3 4.3 Přidání a úprava kontaktu... 3 4.4 Změna osobních údajů... 3 5. Metody testování... 4 5.1 Kognitivní průchod... 4 5.2 Heuristická evaluace... 4 6. Use case 1 - Registrace nové emailové adresy... 6 7. Use case 2 Odeslání emailu... 9 8. Use case 3 Přidání a úprava kontaktu... 11 9. Use case 4 Změna osobních údajů... 13 10. Přehled nálezů... 15 10.1 Heuristická evaluace... 15 10.2 Kognitivní průchod... 16 11. Závěr... 17-1 -
2. Popis aplikace Emailový klient je nástroj sloužící uživatelům k obsluze jejich emailové adresy. Mezi jeho základní funkce patří přijímání a odesílání emailů, ale pro usnadnění práce uživatelům by měl umět i například třídit a filtrovat poštu. Seznam email 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ů emailových adres. Přístup ke klientu je možný pomocí libovolného prohlížeče na adrese http://www.email.seznam.cz anebo přímo z hlavní stránky http://www.seznam.cz (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á. Email 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. - 2 -
4. Přehled případů užití 4.1 Registrace nové emailové adresy Registrace nové emailové adresy je základní prvek používání emailu. 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ý email (viz obrázek číslo 2). 4.2 Odeslání emailu Obrázek 2 Odeslání emailu patří mezi hlavní důvody, proč uživatel používá email. 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 Emailový klient nabízí možnost vytvoření adresáře ostatních uživatelů. Slouží pro rychlejší psaní emailů 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í. - 3 -
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. - 4 -
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. - 5 -
6. Use case 1 - Registrace nové emailové adresy Použitá metoda: Heuristická evaluace Pro registraci nové adresy klikneme na tlačítko Založit nový email (viz obrázek 2). Dále se objeví následující okno (obrázek 3), obsahující registrační formulář. Obrázek 3-6 -
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 -
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 -
Obrázek 7 7. Use case 2 Odeslání emailu Použitá metoda: Kognitivní průchod Výchozí stav: Uživatel se nachází na stránce http://www.seznam.cz. Q0: Uživatel chce odeslat email. 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 emailu soubor. (viz obrázek 8, značka 3). 5. Uživatel vyplní text emailu. 6. Uživatel odešle email tlačítkem Odeslat zprávu (viz obrázek 8, značka 4). - 9 -
Obrázek 8 Odeslání emailu 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 email odešel v pořádku. Až po chvíli dorazí email s chybou. Místo nejasného obrázku zvolit popisek Adresář. Ihned uživateli zobrazit, že adresa je neplatná. - 10 -
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 9-11 -
Obrázek 10 Odeslání emailu 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ň E-mail 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í emailu. Přidat popisek, že je třeba vyplnit jedno z daných polí. Ano Ano Označit tuto funkci. - 12 -
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í emailu 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. - 13 -
Obrázek 11 Obrázek 12-14 -
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. 10.1 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: 2-15 -
(f) Kontrolní otázka je limitovaná. Řešení: Přidat možnost, aby mohl uživatel napsat vlastní otázku. Priorita: 3 10.2 Kognitivní průchod (a) Odeslání emailu Krok 2: Tlačítko je malé a schované. Řešení: Zvýraznit a odlišit tlačítko. Priorita: 2 (b) Odeslání emailu 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í emailu Krok 6: Odeslaný email 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: 4-16 -
11. Závěr Otestovali jsme čtyři základní a nejdůležitější případy užití používání emailové 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 email je nejpoužívanější klient v České republice a proto by se v něm kritické chyby neměli vyskytovat. - 17 -