Ondřej Šatera, saterond@fel.cvut.cz, zimní semestr 2011/2012 Semestrální práce do předmětu Principy tvorby mobilních aplikací D1: Project description Aplikace INFORMAČNÍ SERVIS Jednalo by se o aplikaci, která by uživateli poskytovala různé informace v závislosti na denní době, ročním období, věku a pohlaví uživatele (pokud by je poskytl) nebo dle údajů z různých senzorů ve smartphonu - pohyb, geolokace. Například: ráno by aplikace zobrazila informace o předpovědi počasí na daný den (geolokace) a přehled zpráv ze zahraničí, co se udály přes noc. Odpoledne by poskytovala spíše informace o kultuře a jiná "odlehčená" témata. Večer pak hlavní přehled zpráv z domova (geolokace pro konkrétnější výběr), předpověď počasí na další den nebo sportovní informace. D2: Problem description Users Cílovou skupinou uživatelů této aplikace budou lidé v jakémkoliv věku, kteří ale aktivně používají smartphone pro přístup k informacím. Budou to spíš lidé pracující v kanceláři než někde venku protože aplikace bude vyžadovat připojení k internetu a v kanceláří je např. Wi-Fi připojení pravděpodobnější. Zároveň půjde o lidi, žijící ve větších městech, kde jsou k dispozici informace o dopravě. IT znalosti nebudou nutné, aplikace by měla fungovat dostatečně intuitivně. Activities zjištění počasí pro aktuální den kontrola dopravní situace v daném městě, před odjezdem přečtení posledních zpráv (posledních 24 hodin) z oblastí, které mě zajímají (domácí, zahraniční, sport...) System support Aplikace podle času rozhodne, který obsah zobrazit. Interval mezi 7:00 a 11:00 bude chápat jako ráno a zobrazí počasí pro aktuální den, příp. i konkrétní město pokud budou údaje k dispozici. Zároveň si bude moct uživatel zobrazit problémy v dopravě v jeho městě (geolokace), pokud budou údaje k dispozici. Údaje se budou moct zpřesňovat pokud aplikace zjistí, že se smartphone pohybuje a zároveň jsou k dispozici přesnější informace ohledně dopravní situace.
Časový interval mezi 11:00 a 16:00 bude aplikace chápat jako odpoledne a zobrazí přehled zpráv za posledních 24 hodin z oblastí, které si uživatel předem zvolí v nastavení. Pokud ne, tak zobrazí zprávy z domova a sportu. V čase od 16:00 do 19:00 bude zobrazovat přehled dopravní situace v daném městě a předpověď počasí v noci a ráno. V ostatních časech bude zobrazovat pouze přehled zpráv. Ostatní informace budou samozřejmě dostupné taky, jen se nebudou zobrazovat ve widgetu aplikace. Aplikace bude vyvíjena pro smartphony běžící na operačním systému Android. S podporou tabletů se nepočítá. Context ráno lidi obvykle zajímá jaký v ten den bude počasí a jestli je nečekají problémy v dopravě cestou do práce cestou do práce by je mohly zajímat nečekané problémy v dopravě, které se objevily po ranní kontrole (push notifikace) odpoledne v polední pauze si rádi přečtou zprávy D3: Prototyp a hodnocení prototypu Provedení prototypu Prototyp jsem vytvořil jako interaktivní webovou stránku. Toto zpracování umožňuje otestovaní aplikace přímo na mobilním zařízení. Vývoj prototypu by se dal rozdělit do tří fází: 1. vytvoření jednotlivých screenshotů aplikace 2. provázání obrázků mezi sebou pomocí klikacích map. Každý obrázek má své aktivní oblasti, přes které se dá dostat do jiné části aplikace 3. nahrání stránek na internet, aby se dalo testovat z různých zařízení Jediný problém tohoto řešení je rozlišení. Pomalu každý smartphone používá jiné a není v mých časových možnostech vytvořit verzi pro každé rozlišení. Popis tvorby prototypu Domovská stránka Moje aplikace má tři různé widgety pro různá časová období. Přehled v pořadí: ráno (počasí), dopoledne (dopravní situace), odpoledne (zprávy).
Widgety by měly být snadné na ovládání, aby se nestávalo, že uživatel vyvolá jinou akci než zamýšlel. Proto jsem ovládací prvky udělal dostatečně velké. Widget počasí Zobrazuje aktuální teplotu a povětrnostní podmínky, zároveň poskytuje hrubý přehled počasí na další den. Aktivní oblastí je celá plocha widgetu. Widget doprava Zobrazuje aktuální dopravní situaci pomocí dvou identifikátorů semaforu a stupňů hustoty dopravy. Semafor Rozsah stupňů Co to znamená svítí zelená zelená barva textu doprava je plynulá svítí oranžová oranžová barva textu doprava je hůře průjezdná svítí červená červená barva textu doprava je zablokovaná Zároveň pod těmito identifikátory se zobrazují hlášení o dopravních nehodách a jiných komplikacích v dopravě. Widget zprávy Zobrazuje tři rychlé odkazy do přehledu zpráv. Uživatel bude mít možnost vybrat si, jaké oblasti chce zobrazovat. Výchozí zobrazení bude: domácí, zahraniční, sport. Aktivní oblastí je vždy celý sloupec, tzn. obrázek i textový popisek. Stavy po zanoření Do aplikace se dá přistoupit i přes ikonu v menu příp. zástupce na ploše. Uživateli se zobrazí hlavní menu, které obsahuje základní části aplikace počasí, doprava, zprávy. Počasí Po kliknutí na widget na domovské stránce, se uživateli zobrazí tento přehled počasí. Uvidí na něm aktuální stav počasí a předpověď počasí na další tři dny (bílá velká čísla) a noci (modrá menší čísla). Snažil jsem se udělat zobrazení maximálně přehledné, aby se uživatel ihned dozvěděl, co ho zajímá.
Doprava Po kliknutí na widget s dopravními informacemi se uživatel dostane na toto zobrazení. Jsou zde dvě modré lišty s šipkami. První část ukazuje stupně dopravy v ulicích v aktuálním městě (určí se díky geolokaci). Jsou seřazeny od nejbližší po nejvzdálenější, protože uživatele-řidiče nejspíš nebude zajímat situace na opačné straně města. Pokud ano, může si jednoduše zaskrolovat níž a podívat se. Druhá část, která se zobrazí po kliknutí na druhou lištu v pořadí, ukazuje přehled dopravních nehod a jiných komplikací na silnici. Záznamy jsou opět seřazeny stejně jako u první části, tzn. podle toho jak jsou vzdálené od uživatele.
Zprávy Zobrazení zpráv se liší podle cesty kudy uživatel přijde. Existují dvě možnosti přes widget nebo přímo přes ikonu aplikace v menu. Pokud uživatel přijde přes hlavní menu aplikace, zobrazí se mu přehled oblastí zpráv, které jsou k dispozici. Může si vybrat, která ho zajímá a kliknout na jméno oblasti. Pokud uživatel do sekce přijde přes widget, dostane se rovnou do přehledu zpráv z konkrétní oblasti. Může kliknout na titulek nebo úvodník a dostat se tak na detailní výpis zprávy. V detailu zprávy se zobrazí kompletní text a ilustrační obrázek, pokud je k dispozici.
Testování prototypu metodou heuristické evaluace Prostředí Prototyp aplikace byl nakonec testován na notebooku, protože tak bylo možné lepe simulovat práci s tlačítky telefonu, ačkoliv prototyp teoreticky umožňuje i testování přímo na mobilním zařízení. Test provedli Ondřej Šatera tvůrce protypu Filip Podstavec student FIT, ČVUT - obor Web a multimedia Zvolené scénáře 1. Zjištění komplikace v dopravě v konkrétní ulici a) Zadání Zjistit zda jsou v ulici Vysočanská nějaké dopravní komplikace. b) Očekávaný průběh 1. klikne přímo na widget na domovské stránce 2. rozevře si odpovídající roletku c) Skutečný průběh 1. vstoupil přes hlavní ikonu aplikace (nikoliv přes widget) 2. zvolil položku Dopravní informace 3. otevřel si roletku s názvem Komplikace na cestě d) Zhodnocení a návrh řešení Navrhl, aby obě roletky na přehledu dopravy byly sbalené, aby si uživatel mohl sám vybrat. e) Můj závěr z testu Widget by měl nějak více vybízet k akci, tzn. aby na něj uživatel klikl. Rozbalené roletka podle mě zkracuje cestu k hledaným informacím, proto bych ji nechal jak je. 2. Zobrazení zpráv z oblasti IT a) Zadání Zobrazit výpis zpráv z oblasti IT. b) Očekávaný průběh 1. klikne na ikonu aplikace 2. v seznamu zvolí Zprávy 3. v dalším seznamu zvolí IT zprávy c) Průběh 1. ve widgetu se IT zprávy nezobrazují proto přešel do hlavního menu aplikace, jako u předchozího scénáře 2. v seznamu zvolil postupně Zprávy a IT zprávy d) Zhodnocení a návrh řešení Ve widgetu chybí nějaké tlačítko pro přejití do seznamu všech sekcí zpráv. Jediná cesta tak vede skrz hlavní menu aplikace, což není moc rychlá cesta.
e) Můj závěr z testu Widget by se měl určitě upravit, tak aby měl uživatel rychlejší cestu k tomu, co ho momentálně zajímá. Náměty na změny do verze D4 změnit widget s dopravou tak, aby více vybízel k akci změnit widget se zprávami např. přidat tlačítko přejít na přehled všech oblastí