Restaurator Semestrání projekt předmětu PDA
Restaurator...3 Profil uživatele...3 Akivity...3 Systémová podpora...4 Kontext...4 Prototyp...4 Start systému...4 Start aplikace...6 Manuální zadání pozice pro hledání...8 Zobrazení výsledků... 10 Detail restaurace... 12 Testování...14 Pre- testový dotazník... 14 Příprava testu... 15 Scénář... 15 Výsledky testu... 15 Doporučení pro D4... 16 High Fidelity Prototyp...16 Menu... 16 O programu... 16 Zadání údajů... 17 Vyhledání restaurací v aktuální lokalitě... 18 Detail restaurace... 19 Testování prototypu...20 Testeři... 20 Příprava testu... 20 Scénář... 20 Průběh testu... 21 Výsledky testu... 22 Doporučení pro závěrečnou implementaci... 23 2
PDA Semestální projekt Pavel Hůza 3 Restaurator Mobilní aplikace Restaurator bude sloužit k nalezení restauračních zařízení v místě, kde se právě uživatel této aplikace nachází. Program bude schopen si zjistit aktuální uživatelovu pozici a poté vypíše seznam restaurací v okolí. Výpis bude obsahovat název restaurace, její adresu a doplňkové informace jako telefonní číslo, internetové stránky a popis pokud tyto informace budou k dispozici. Možná bude aplikace zobrazovat i vzdálenost k restauraci, aby bylo zřejmé, která je nejblíže. Jako zdroj informací bude aplikace nejspíše využívat službu Mapy.cz od Seznamu. Je to z toho důvodu, že Mapy.cz obsahují větší množství zaregistrovaných restauračních zařízení. V aplikaci bude možné seřadit výsledky podle různých kritérií. Dále bude uživateli umožněno zadat jinou lokalitu, ve které bude chtít nalézt restaurace. Celá program by měl být maximálně přehledný. Po spuštění aplikace bude uživatel vidět pouze tlačítko pro vyhledání restaurací z aktuální pozice a vyhledávací pole pro zadání jiné lokality a následné vyhledání. Profil uživatele 1. Věk: Věková hranice uživatele aplikace Restaurator je nastavena na 12+, záleží však na technické zdatnosti uživatele. 2. Zkušenosti: Uživatel musí umět používat dané mobilní zařízení, respektive musí umět mobilní zařízení zapnout, najít aplikaci Restaurator a tuto aplikaci spustit. Aplikace jinak nevyžaduje žádnou extra zkušenost pro její použití. 3. Pohlaví: Muž i žena. 4. Prostředí: Aplikace múže být využívána jak ve městech, tak i v menších vesnicích. Větší uplatnění však nalezne v městském prostředí, kde se bude nacházet více restauračních zařízení a uživatel si bude moci vybírat z jejich seznamu. 5. Cíle: Cílem uživatelů aplikace Restaurator bude nalézt v daném místě restaurační zařízení a informace o těchto zařízení. Akivity Uživatel vytáhne mobil, pokud není zapnutý, tak ho zapne a spustí aplikaci Restaurator. Vybere si ze dvou možností hledání. První možnost je hledaní v místě, kde se nachází. U druhé možnosti uživatel musí zadat místo určené pro hledání. 3
Aplikace poté vyhledá restaurace, které jsou pobliž zadané lokality. Uživatel si vybere jednu z nabídnutých restaurací. Může vybírat i podle doplňkových informací zobrazených u každé restaurace. Nastoupí do auta (na motorku) nebo jde pěšky na vyhledanou lokalitu Systémová podpora Aplikace nabídne uživateli zadat ručně adresu pro hledání a nebo hledání z aktuální pozice. V prvním případě vyhledá restaurační zařízení v zadané lokalitě. Ve druhém případě zjisti současnou polohu uživatele a poté vyhledá restaurační zařízení v dané lokalitě. Po vyhledání restaurací zobrazí uživateli přehledný seznam výsledků. Uživatel bude mít také možnost zadat jinou lokalitu nebo ukončit program. Kontext Aplikace Restaurator bude vytvořena pro mobilní systém Android od společnosti Google. Celá aplikace se bude vyvíjet na mobilním zařízení HTC Hero, právě s operačním systémem Android. Pro zjišťování aktuální polohy bude použita služba Location-based service (LBS) a bude využívat GPS k nalezení lokality. Prototyp K tvorbě prototypu jsem použil šablony skic telefonu se systémem android. Tyto šablony jsou ke stažení na adrese: http://graffletopia.com/stencils/578. Dále jsem veškeré tyto šablony upravil v grafickém editoru Adobe Photoshop CS5, kde jsem vytvořil jednotlivé fáze mobilní aplikace Restaurator. Tyto fáze jsem poté i vytiskl a vytvoril papírový prototyp pro účel testování. Start systému Po startu systému se zobrazí úvodní obrazovka, která zobrazuje základní plochu systému android spolu s ikonou aplikace Restaurator, kterou se celá aplikace spustí. 4
PDA Semestální projekt Pavel Hůza 5 5
Start aplikace Uživatelské rozhraní aplikace po startu je složeno pouze ze dvou hlavních tlačítek a to "Vyhledat restaurace v této lokalitě" a "Zadat lokalitu pro hledání". U aplikace jsem se snažil o co možná největší jednoduchost, proto se hlavní menu skládá pouze z těchto dvou tlačítek. Stiskem prvního tlačítka systém zjistí současnou polohu a vypiše restaurační zařízení v blízkosti uživatele. Druhé tlačítko umožní nastavit pozici pro hledání restaurací. 6
PDA Semestální projekt Pavel Hůza 7 7
Manuální zadání pozice pro hledání Pří stisku tlačítka "Zadat lokalitu pro hledání" se uživateli zobrazí 2 boxy, do kterých zadá město a následně ulici, kde chce vyhledat restaurace. Vše poté potvrdí tlačítkem "Ok". 8
PDA Semestální projekt Pavel Hůza 9 9
Zobrazení výsledků Po stisknutí tlačítka "Vyhledat restaurace v této lokalitě" nebo po manuálním zadání lokality pro hledání se zobrazí výsledky v přehledném seznamu. U každé nalezené restaurace je zobrazen její název a tlačítko pro detail. Dále obrazovka dole obsahuje tlačítka "Zpět", které uživatele vrátí na startovní obrazovku aplikace. A dále zde je tlačítko "Další výsledky", které zobrazí další výsledky hledání. Pokud žádné další výsledky nejsou k nalezení, tak se toto tlačítko nezobrazuje. 10
PDA Semestální projekt Pavel Hůza 1 1 11
Detail restaurace Pokud uživatel v seznamu restaurací klikne na tlačítko napravo, dostane se do detailu restaurace, kde nalezne informace o restauračním zařízení. Mezi tyto informace patří vzdálenost od hledané lokality, město, ulice, e-mail, telefon a popis. Tyto informace jsou zobrazeny pouze pokud jsou k dispozici. Dole je pak tlačítko "Zpět", které vrátí uživatele zpět na seznam výsledků. 12
PDA Semestální projekt Pavel Hůza 1 3 13
Testování Pro testování jsem zvolil metodu kognitivního průchodu, ve které potencionální uživatelé aplikace Restaurator ozkouší jak aplikace funguje. Vybral jsem 3 uživatele, každého trochu z odlišného prostředí s jinými zvyklostmi a jinou mírou znalostí mobilních aplikací. Mezi uživateli byl 22 letý student, 42 letá pracovnice banky a 50 letý podnikatel. Pre- testový dotazník Každému uživateli jsem položil 3 otázky, které měly za úkol zjisit potencionální zájem o aplikaci a také ověřit způsobilost uživatelů s prací na mobilních zařízení. Otázka číslo 1: Jak často navštěvujete restaurační zařízení? Otázka číslo 2: Máte své osvědčené restaurace nebo zkoušíte rádi nové? Otázka číslo 3: Využíváte mobilní internet? Jak často? Otázka číslo 4: Hledali jste někdy restaurace na internetu? Uživatel 1 (muž, 22 let, student) 1. "Restaurační zařízení navštěvuji většinou o víkendech, velmi často s mou přítelkyní." 2. "Většinou chodím do svých oblíbených restaurací, málokdy chodím jinam." 3. "Mobilní internet využívám každý den, často kontroluji poštu a nebo si jen tak čtu novinky." 4. "Když mi někdo napíše, že jdeme někam, kde to neznám, tak se podívam na internetu kde to je." Uživatel 2 (žena, 42 let, pracovnice banky) 1. "Restaurační zařízení navštěvuji každý den v polední pauze." 2. "Ráda se podívám do nějaké hezké nové restaurace." 3. "Mobilní internet nevyužívám." 4. "Nikdy jsem žádnou na internetu nehledala." Uživatel 3 (muž, 50 let, podnikatel) 1. "Do restaurací chodím jak kdy, občas v týdnu, často o víkendech." 2. "Podle chuti, když chci mít jistotu hezkého večera volím své oblíbené restaurace." 3. "Mám ho aktivovaný, ale zatím ho používám jen zřídka." 14
PDA Semestální projekt Pavel Hůza 1 5 4. "Když jedu na schůzi do jiného města, tak se občas podívám, kde se dá dobře najíst." Příprava testu Uživatel byl posazen ke stolu, na kterém měl papírový prototyp aplikace. Během testu ukazoval kam by kliknul a říkal svoje aktuální myšlenky o aplikaci. Já jsem "obsluhoval" papírový prototyp a měnil jeho fáze podle průchodu. Scénář 1. Zapnout aplikaci Restaurator 2. Vyhledat restaurační zařízení v Praze ve Vodičkově ulici 3. Vyhledat restaurační zařízení v aktuální pozici 4. Zjistit informace o 3. restauraci v seznamu Výsledky testu Testem prošli všichni testovaní uživatelé v poměrně krátkém čase (3-5 min) což se dalo vzhledem k jednoduchosti aplikace očekávat. Ani uživatelka, která neměla s mobilními aplikacemi téměř žádnou zkušenost zvládla projít scénář za cca 5 minut. Našli se však celkem 4 problémy, které jsem si v návrhu aplikace neuvědomil a bylo by vhodné je potom začlenit do aplikace. Uživatel 1 (muž, 22 let, student) 1. Chybělo mu tlačítko "Zpět" u manuálního zadávání lokality. 2. Chybělo mu zobrazení vzdálenosti restauraci v seznamu restaurací 3. Navrhl řazení seznamu restaurací podle jména nebo vzdálenosti Uživatel 2 (žena, 42 let, pracovnice banky) 1. Uživatelka neměla k aplikaci žádné připomínky. Uživatel 3 (muž, 50 let, podnikatel) 2. Uživateli chybělo tlačítko pro uzavření aplikace 3. Zdálo se mu zadání města a adresy nedostatečné, navrhl ještě zadání státu, popřípadě doplňkových informací 15
Doporučení pro D4 Uživatelské testování odhalilo pár chyb a to především v navigaci. Poznatky od uživatelů by se měly zakomponovat do dalšího návrhu a poté je implementovat. Jediný poznatek, který nezařadím do aplikace je zařazení do vyhledávání i jiné státy, což by úlohu velice zesložitělo. High Fidelity Prototyp High fidelity prototyp obsahoval některé již upravené funkční i grafické nedostatky. V následující části jsou popsány změny, které byly provedeny oproti původnímu prototypu. Menu V hlavní nabídce aplikace přibyly dvě tlačítka a to tlačítko "O programu", které zobrazí informace o aplikaci a tlačítko "Ukončit" pro ukončení aplikace. Pro obě tlačítka jsem zvolil menší rozměr, aby bylo jasné, které položky menu jsou nejdůležitější. Tlačítko pro ukončení aplikace bylo přidáno na základě předchozího testování. O programu Obrázek 1 - Hlavní menu Jednoduchý dialog box, ve kterém budou obsaženy informace o programu. 16
PDA Semestální projekt Pavel Hůza 1 7 Zadání údajů Obrázek 2 - Info o programu Pro zadání údajů jsou v programu naimplementované dvě jednoduchá formulářová pole pro získání názvu města a ulice. U obou těchto polí je navíc vyplněn popisek uvnitř pole pro jednoznačnost. Jakmile uživatel klikne na jedno z polí, popisek zmizí. Pod inputy jsou dále tlačítka "Zpět" a "Ok". Tlačítko "Zpět" bylo do prototypu přidáno na základě předchozího testování. 17
Obrázek 3 - Zadání údajů Vyhledání restaurací v aktuální lokalitě Jakmile uživatel zvolí tlačítko pro vyhledání restaurací v aktuální lokalitě, aplikace zobrazí Toast s aktuálním umístěním a zárověn zobrazí seznam restaurací. Zjištění aktuální polohy mobilního zařízení neprobíhá po stisku tlačítka, ale již při startu aplikace a aktualizuje se po jednom metru nebo po 30 sekundách. Zároveň přibylo zase tlačítko zpět, které vrací uživatele na hlavní nabídku. V seznamu restaurací lze zobrazit pouze vyhovující položky a to pokud uživatel zadá na klávesnici textový řetězec. 18
PDA Semestální projekt Pavel Hůza 1 9 Detail restaurace Obrázek 4 - Zobrazení výsledku s toastem Detail restaurace byl v tomto prototypu lehce předělán. Informace se zobrazují ve vyskakovacím dialogovém okně. Touto změnou by se měla zrychlit práce s aplikací pro uživatele. Informace však prozatím nejsou nijak graficky nastylované. 19
Obrázek 5 - Informace o restauraci Testování prototypu Prototyp aplikace byl testován 3 uživateli. Testování proběhlo na přístroji HTC WildFire Red, který má v sobě předinstalovaný systém Android. Zároveň má také GPS modul. Testeři Pro testování high-fidelity prototypu jsem pozval 3 uživatele, kteří již měli nějakou zkušenost se systémem android, z toho 2 ho aktivně využívají. Věkové rozhraní uživatelů bylo 22-34 let. Jednalo se o 2 studenty vysoké školy a dále jednu ženu, která však vlastní mobilní telefon se systémem android. Příprava testu Pro testování aplikace Restaurator jsem vytvořil scénář, který pokryl veškeré funkcionality testované aplikace. Vzhledem k tomu, že aplikace jako celek není nikterak složitá, tak ani výsledný scénář nebyl přehnaně dlouhý a samotné testování s uživateli trvalo v průměru cca 3-4 minuty. Také byl podobný scénáři, který byl vytvořen pro testování papírového prototypu. Nicméně jsem pro tento test vybral jiné uživatele, tím pádem výsledky budou zaručeně odlišné. Scénář 1. Zapnout aplikaci Restaurator 20
PDA Semestální projekt Pavel Hůza 2 1 2. Vyhledat restaurační zařízení v Ostravě ve Stodolní ulici 3. Zjistit emailovou adresu předchozího restauračního zařízení 4. Zjistit informace o programu 5. Vyhledat restaurační zařízení v aktuální pozici 6. Vyhledat restaurační zařízení v aktuální pozici obsahující písmeno "r" 7. Zjistit informace o 2. restauraci v předchozím seznamu 8. Ukončit aplikaci Průběh testu Testem prošli všichni testovaní uživatelé v poměrně krátkém čase (3-5 min). I uživatelka zvládla projít scénář za cca 5 minut. Uživatel 1 (muž, 22 let, student, aktivní uživatel systému Android) 1. Bez problému 2. Bez problému 3. Uživatel chvíli přemýšlel, poté však klikl v seznamu na položku příslušné restaurace 4. Bez problému 5. Bez problému 6. Bez problému 7. Uživatel klikl na položku současného seznamu (kde měl již jen položky obsahující písmeno "r") 8. Bez problému Uživatel 2 (žena, 34 let, podnikatelka, aktivní uživatel systému Android) 1. Bez problému 2. Uživatelka klikla nejprve na špatné tlačítko (vyhledat v aktuální pozici) 3. Uživatelka tápala, přišla na řešení až po chvíli. Dlouho hledala emailovou adresu v popisu restaurace 4. Uživatelka chvíli přemýšlela, poté se dostala na hlavní nabídku a zde již bez problému 21
5. Bez problému 6. Uživatelka netuší, hledá vyhledávací tlačítko. Úkol splňuje až, když je jí nabídnuta pomoc 7. Bez problému 8. Bez problému Uživatel 3 (muž, 23 let, student, není aktivní uživatel systému Android) 1. Bez problému 2. Bez problému 3. Chvíli přemýšlel, po chvilce klikl na položku. Nelíbilo se mu zobrazení informací o restauraci, musel to chvíli hledat 4. Bez problému 5. Bez problému 6. Uživatel nevěděl jak vyhledat pouze určitá restaurační zařízení, po chvilce kliknul na klávesnici a zjistil jak to funguje, poté již bez problému 7. Bez problému 8. Uživatel nepoužil tlačítko "Ukončit", ale vyskočil z aplikace pomocí tlačítka "home" Výsledky testu Test s uživateli poukázal především na dva nedostatky aplikace. První nedostatek byl odhalen u výpisu restaurací. Jednotlivé položky tohoto výpisu postrádají nějaký grafický nebo textový element, který by poukazoval na to, že kliknutím na položku se zobrazí ještě dodatečné info. Možné řešení je nastíněno na následujícím obrázku, kde se u každé aktivní položky zobrazí malá ikona. 22
PDA Semestální projekt Pavel Hůza 2 3 Obrázek 6 - Návrh řešení Druhým hlavním nedostatkem bylo zobrazení podrobných informací o restauraci. Uživatelé si stěžovali na nepřehlednost. V následné implementaci by se tedy s tím mělo něco udělat. Testování také velice záviselo na zkušenosti uživatele se systémem Android. Například u zobrazení restaurací obsahujícich pouze písmeno "r" neměl první uživatel žádný problém, jelikož tuto funkcionalitu znal již z některých jiných aplikací. Naopak uživatelé, kteří se s tímto vyhledáváním ještě nesetkali, měli ze začátku problém. Doporučení pro závěrečnou implementaci V závěrečné aplikaci bude určitě nutné vyřešit především oba hlavní nedostatky, které vyšly z testování. Tedy zpřehlednit podrobné informace o restauračním zařízení a dále vytvořit a implementovat intuitivní ikonu pro zobrazení podrobností o restauraci. 23