D3 A7B36PDA Well being app Voříšek Lukáš Do Thang 26.4.2015 git@gitlab.fel.cvut.cz:vorislu1/pda-wb-game.git
Úvod Pro tvorbu elektronického prototypu jsme se rozhodli použít nativní aplikaci pro android a zároveň i verzi HTML. Vycházeli jsme přitom z papírového prototypu, který byl zhotoven v předchozí fázi procesu vývoje. Důvodem dvou verzí byla snaha mít co nejdříve pracovní verzi, se kterou by bylo možné pracovat a rychle měnit. Pro tento účel se dobře osvědčila technologie HTML. Zatímco nativní prototyp pro Android na druhou stranu poskytoval reálný vzhled a animace, ale trvalo déle ho naimplementovat. HTML Prototyp Pro html prototyp byl použit framework od společnosti Zurb zvaný Foundaton for Apps. Bližší popis jednotlivých prvků na obrazovkách je v kapitole další kapitole, která je věnovaná prototypu nativní aplikace. Na levé straně je hlavní stránka aplikace s aktuálním stavem uživatele a úkoly. Na pravé straně je zobrazení stránky s historií předchozích kol. 2
Na levé straně je stránka s nastavením údajů o uživateli. Na pravé straně je zobrazení notifikační zprávy, která se ukáže kdyžuživatel klikne na tlačítko Odpočívat. 3
Popis klíčových obrazovek aplikace - Nativní Aplikace První spuštění - Úvodní stránka V případě že uživatel zapnul aplikaci poprvé, ještě předtím než se zobrazí hlavní obrazovka aplikace se uživateli představí náplň aplikace. Jedná se o text, který s uživateli hned naváže spojení. První spuštění - Informace o uživateli Po představení aplikace se zobrazí stránka, kde je po uživateli žádáno aby vyplnil údaje Jméno, Věk a mimo jiné také informaci o tom zdali vlastní Kolo nebo Skate. Tyto údaje budou použity pro výběr vhodných úkolů pro uživatele. 4
Hlavní stránka aplikace Na hlavní stránce se v horní části nachází lišta, kde je název aplikace na levé straně a v na pravé je menu, které v prototypu nabízí možnost přejít do nastavení. Dále v obsahové části je nejdříve vyobrazen aktuální pokrok uživatele, tedy stupeň ve kterém je na základě splněných úkolů. Kromě toho se zde nachází i tlačítko Odpočinout si, které uživateli umožňuje daný den si od všech úkolů bez penalizace odpočinout. Hned pod kartou s aktuálním pokrokem jsou v kartách zobrazeny úkoly, které uživatel má splnit. Hlavní stránka - Zobrazení menu Po kliknutí na ikonku menu v pravém horním rohu se otevře modální okno s položkou Nastavení. Kliknutím na něj se přejde do nastavení. 5
Nastavení Na stránce nastavení je možné změnit údaje, které uživatel zadal při prvním spuštění aplikace. Tedy v případě nějaké změny, například uživatel si koupil kolo, může o tuto skutečnost aplikaci říci. Hlavní stránka - Volno Speciální případ hlavní obrazovky, kdy m uživatel již splněny všechny úkoly pro daný den. 6
Test s uživatelem Testovaný scénář 1 Testování proběhlo neformálně s jedním uživatelem, který má základní zkušenosti s aplikacemi napříč operačním systémem Android. Testování proběhlo s prototypem nativní aplikace. 1. Podívej se na detail postupu/pokroku 2. Nastav, že máš k dispozici Skate 3. Přijmi úkol Jdi se na dvě hodiny projít na čerstvý vzduch 4. Dej aplikaci vědět že sis zašel do kina 5. Víš že za dnešek už další úkol nestihneš a nechceš být penalizován, přejdi do stavu odpočívání (stav kdy nebudeš penalizován za nesplněné úkoly) Nálezy č.1 1. Uživatel měl problém najít detail postupu, hledal například nějaké menu pomocí swipu do prava/leva 2. Uživatel správně označil položku v nastavení, ale nebyl si jist zdali se změna uložila 3. Uživatel zvládl úkol bez problémů 4. Uživatel zvládl úkol bez problémů 5. Uživatel zvládl úkol bez problémů Návrh řešení nálezů č.1 1. Přidat vysouvací menu na levou stranu s položkou Informace o postupu. V tomto menu by mohli být i další položky na zobrazení Historie například. 2. Přidat na stránku nastavení tlačítko uložit 3. 4. 5. Testovaný scénář 2 Testování proběhlo neformálně s jedním uživatelem, který má základní zkušenosti s aplikacemi napříč operačním systémem Android. Testování proběhlo s HTML prototypem. 1. Podívej se do historie předchozích kol a zjisti jaké byly úkoly v předchozím kole 2. Splnil si úkol vyjít schody, informuj o tom aplikaci 3. Musel si prodat své kolo, informuj o tom aplikaci 4. Víš že za dnešek už další úkol nestihneš a nechceš být penalizován, přejdi do stavu odpočívání (stav kdy nebudeš penalizován za nesplněné úkoly) Nálezy č.2 1. Na stránce s historií nebylo vyobrazeno čitelně aktuální pokrok uživatele a proto považoval aktuální kolo za předchozí kolo. 2. Uživatel si nebyl 100% jist, že o splnění úkolu aplikaci informoval. 3. Uživatel špatně porozuměl zadanému úkolu, tudíž nesplnil úkol. 4. Uživatel zvládl úkol bez problémů 7
Návrh řešení nálezů č.2 1. Označit aktuální kolo například textem Nacházíš v tomto kole 2. Kromě zobrazení ikonky s fajfkou, ještě přidat modální okno kde by byl napsán text Úkol splněn, nebo nechat úkol zmizet. 3. 4. 8
Problémy s implementací Při implementaci se vyskytlo velké množství problémů, které byli převážně spjaty s neznalostí platformy. Mezi tyto problémy patří například notifikování ListView o změně, které se provádí nad adaptérem a nad ním, je také odchytáváno pomocí observeru. Dalším velmi výrazným problémem byl nový Material design. AppCompat knihovna se drží nového grafického stylu Material design, který Google představil v rámci Androidu ve verzi Lollipop (API 21), ovšem tato knihovna nenahrazuje chování tlačítek. Z toho důvodu je do aplikace přidána závislost na externí knihovnu poskytující tlačítka, checkboxy a podobné prvky z Material designu. Projevili se však nepříjemné chování v některých situacích, kvůli kterému není nakonec tato knihovna použita. Její použití je však plánováno v nacházejících verzích. Aplikace zatím předpokládá otočení telefonu na výšku. Testováno je to pak na Androidu ve verzi 4.3, konkrétně pak na telefonu Sony Xperia SP. 9