Ideální portrét - mobilní aplikace D2: Papírový mockup aplikace Jan Langr, Martina Špičková 16.3.2014 Naše aplikace je určena pro zrakově postižené, proto je kladen důraz na zvukovou vazbu, ale i přesto obsahuje vizuální navigaci. Je třeba zajistit snadno zapamatovatelné ovládání, jelikož uživatel nemá možnost se orientovat dle popisků a obrázků. 1 Mockup aplikace - Jan Langr Obrazovka 0 - Spouštění aplikace Obrazovka, která se zobrazí při spouštění aplikace. 1
Obrazovka 1 - Hlavní menu Po spuštění a nahrání aplikace se zobrazí tato obrazovka. Při prvním spuštění se spustí hlasová nápověda. Jinak pouze zazní spojení Hlavní menu. Poté může uživatel klepnout prstem na obrazovku, aby přešel do módu zaměřování obličeje a pořízení fotografie (obrazovka 3), přejet prstem po obrazovce nahoru pro přechod do menu nastavení fotoaparátu (obrazovka 2), nebo přejet prstem po obrazovce dolů pro přechod do fotoalba. Nápověda k obrazovce 1: Při prvním spuštění se spustí hlasová nápověda: Nyní se nacházíte v hlavním menu. Pro přechod k nastavení fotoaparátu táhněte prstem nahoru. Pro přechod do fotoalba táhněte prstem dolů. Pro přechod do menu pořízení fotografie jednou klepněte na obrazovku. Pro vypnutí nápovědy tříkrát po sobě rychle klepněte na obrazovku. Pro zapnutí nápovědy opět třikrát klepněte na obrazovku. Nápověda se po trojím klepnutí na obrazovku vypne. Po opětovném trojím klepnutí se kdykoliv přehraje znovu. 2
Obrazovka 2 - Nastavení fotoaparátu Po přechodu na tuto obrazovku zazní Nastavení fotoaparátu. Při přejetí prstem po obrazovce doleva uživatel změní požadovanou velikost obličeje na fotografii. Při opakovaném přejetí prstem doleva se velikost bude dokola měnit mezi možnostmi malý, střední a velký. Obdobně se při přejetí prstem po obrazovce doprava změní požadovaná pozice obličeje ve fotografii. Při přejetí prstem po obrazovce dolů se uživatel dostane zpět do hlavního menu (obrazovka 1). Nápověda k obrazovce 2: Při prvním spuštění se spustí hlasová nápověda: Nyní se nacházíte v menu nastavení. Pro návrat do hlavního menu táhněte prstem dolů. Pro přechod do fotoalba táhněte prstem dolů. Pro změnu velikosti obličeje ve fotografii táhněte prstem doprava. Pro změnu polohy obličeje ve fotografii táhněte prstem doleva. Pro vypnutí nápovědy tříkrát po sobě rychle klepněte na obrazovku. Pro zapnutí nápovědy opět třikrát klepněte na obrazovku. Nápověda se po trojím klepnutí na obrazovku vypne. Po opětovném trojím klepnutí se kdykoliv přehraje znovu. Při změně nastavení některé z možností se přehraje název nově vybrané možnosti. 3
Obrazovka 3 - Fotoaparát Na této obrazovce probíhá samotné zaměření a zaostření obličeje a pořízení fotografie. Uživatel je verbálně naváděn pro správné zaměření obličeje podle aktuálního nastavení. Po zaměření může uživatel klepnutím na obrazovku fotografii pořídit. Poté je požádán, aby k fotografii nahrál krátký zvukový popis. Přejetí prstem po obrazovce nahoru vrátí uživatele do hlavního menu. Nápověda k obrazovce 3: Při prvním spuštění se spustí hlasová nápověda: Nyní se nacházíte v menu fotoaparát. Budete hlasem naváděni pro správné zaměření obličeje. Pro pořízení fotografie klepněte na obrazovku. Poté bude budete vyzváni k nahrání zvukového záznamu k fotografii. Pro ukončení nahrávání záznamu klepněte na obrazovku. Pro vypnutí nápovědy tříkrát po sobě rychle klepněte na obrazovku. Pro zapnutí nápovědy opět třikrát klepněte na obrazovku. Nápověda se po trojím klepnutí na obrazovku vypne. Po opětovném trojím klepnutí se kdykoliv přehraje znovu. 4
2 Mockup aplikace - Martina Špičková Obrazovka 0 - Spouštění aplikace Při spuštění aplikace se ozve: Vítejte v aplikaci Ideální Portrét. Pro pokračování dlouze stiskněte obrazovku, pro nápovědu k aplikaci dvakrát ťukněte na obrazovku. Poté dle výběru uživatele se aplikace dostane buď do módu nápovědy, anebo bude pokračovat do módu fotoaparát. 5
Obrazovka 1 - Fotoaparát Ozve se: Nyní jste v módu fotoaparát. Uživatel bude doprovázen povely nahoru, dolů, doprava, doleva a dál / blíž tak, aby fotografie odpovídala nastavení. Až bude obličej ve správné poloze, aplikace mu to oznámí a zavibruje, a uživatel bude vyzván k vyfocení dlouhým podržením prstu na obrazovce. Při podržení prstu na obrazovce aplikace nejdříve zaostří a poté pořídí fotografii. Před uložením fotografie je uživatel požádán, aby k ní nahrál krátký zvukový záznam pro její indentifikaci. Pro ukončení nahrávání záznamu jednou klepne na obrazovku. Pro přechod do galerie táhne uživatel prstem dolů. Pro přechod do nastavení táhne prstem doprava. 6
Obrazovka 2 - Galerie Pro návrat do módu fotoaparát uživatel táhne prstem nahoru. 7
Obrazovka 3 - Nastavení Ozve se: Nyní jste v módu nastavení. Pro nastavení velikosti obličeje táhněte prstem nahoru. Pro nastavení polohy obličeje na fotografii táhněte prstem dolů. Poté se podsvítí nápis velikost obličeje nebo poloha a aplikace přejde do příslušného nastavování. V případě velikosti obličeje se ozve: Nastavena je malá/střední/velká velikost obličeje. Pro zvětšení nebo zmenšení oddalte nebo přibližte dva prsty. Pro ukončení nastavování táhněte prstem doleva. Po změně velikosti se ozve: Nyní je nastavena malá/střední/velká velikost obličeje. Po táhnutí prstem doleva se uživatel vrátí do hlavního menu nastavení. V případě polohy obličeje na fotografii se ozve: Nyní je nastavena poloha střed/západ/jihozápad atd. Pro změnu na sever klepněte na horní část obrazovky. Pro změnu na jih... atd. Pro ukončení nastavování táhněte prstem doleva. Po táhnutí prstem doleva se uživatel vrátí do menu fotoaparát. 8
Obrazovka 4 - Nápověda - úvod Ozve se: Pro nápovědu ke kterémukoliv módu dvakrát ťukněte na obrazovku. Automaticky pokračuje nápověda k módu fotoaparát. 9
Obrazovka 5 - Nápověda - fotoaparát Ozve se: Po spuštění aplikace je vybrán mód fotoaparát. Pro správné nasměrování fotoaparátu budete navigováni hlasovými povely. Aby byl snímek správně vyfocen, je potřeba dlouze podržet prst na obrazovce. Fotoaparát zaostří a snímek vyfotí. Pro přechod do nastavení táhněte prstem doprava, pro přechod do galerie táhněte prstem dolů, pro ukončení nápovědy a návrat do módu fotoaparát dvakrát ťukněte na obrazovku. Po chvíli nečinnosti uživatele aplikace sama přejde do nápovědy k nastavení. 10
Obrazovka 6 - Nápověda - nastavení Ozve se: V módu nastavení lze nastavit veliksot obličeje na fotografii a jeho polohu v ní. Pro výběr nastavení velikosti obličeje je potřeba táhnout prstem nahoru. Rozsvítí se šipka na obrazovce. Následuje Pro zvětšení nebo zmenšení velikosti obličeje oddalte nebo přibližte dva prsty od sebe/k sobě. 11
Obrazovka 7 - Nápověda - poloha obličeje Ozve se: Pro výběr nastavení polohy obličeje na fotografii je potřeba táhnout prstem dolů. Konečnou polohu určíte kombinací kliknutí nahoru/dolů/vlevo/vpravo tak, že například poloha severozápad znamená kliknutí nahoru a pak vlevo nebo obráceně. Pro vrácení zpět do hlavního menu nastavení je potřeba táhnout prstem doleva. Nyní budete přesměrováni do módu fotoaparát. Nápověda se ukončí. 12
3 Testování mockupu aplikace - Jan Langr Participant je studentem VŠCHT, je mu 23 let. Při prvním spuštění aplikace byl zavalen příliš velkým množstvím informací z nápovědy a nebyl schopen s aplikací dále pracovat. Nápověda se proto musí spouštět stále dokola. Poté uživatel přešel do módu fotoaparát, ale díky absenci nápovědy nevědel, co se děje. Když jsem mu poskytl improvizovanou nápovědu, úspěšně pořídil fotografii a nahrál k ní zvukový záznam. 4 Testování mockupu aplikace - Martina Špičková Participant studuje ČVUT, je mu 23 let a má zkušenosti s programováním mobilních aplikací. Při spuštění aplikace si uživatel ihned vybral mód focení bez nápovědy a nevěděl, jak má pořídit fotografii. Proto by aplikace měla při spuštění fotoaparátu říct, jak získat fotografii (podržet prst na obrazovce). Také uživatel chtěl portrét fotit naležato, aplikace by ho tedy měla upozornit, aby zařízení otočil na výšku. Dále nápověda někdy opakovala známé informace a poté se vypnula a znovu se nespustila. Uživatel pak ztratil ponětí o tom, co má dále dělat. Nápověda se tedy bude opakovat, dokud nebude vypnuta. 13