Fotografování portrétů pro nevidomé Deliverable 2 Matěj Mihal, Milan Víšek, Tomáš Skalický České vysoké učení technické Fakulta elektrotechnická Technická 2, Praha 6 V Praze, dne 1. března 2014
D2: Paper mockup 1.1. Analýza designových principů pro Android u aplikací pro nevidomé Operační systém Android obsahuje k umožnění užívání systému nevidomými několik služeb: TalkBack jedná se o čtečku textu na obrazovce. Upozorňuje uživatele na výsledky akcí jako je otevření aplikace, příchod notifikace a další. Explore by Touch jedná se o funkčnost, která využívá TalkBack. Umožňuje uživateli orientaci na obrazovce tím, že čte, na co uživatel najel prstem, takže ví, na čem má prst. V případě tlačítek je po prvním stisku pouze přečten popisek a až po stisku druhém je tlačítko skutečně použito. Další nastavení jako například velikost textu, rychlost čtení a podobně. Aplikace pro zrakově postižené by měla být jednoduchá se snadnou navigací v ní. Uživatel by měl vždy vědět, v jaké části aplikace se nacházejí, aniž by to museli složitě zjišťovat. Tlačítka by měla být větší, než je běžné, aby bylo jednodušší jejich nalezení na obrazovce pomocí Explore by Touch. Dále, kvůli správně funkčnosti Explore By Touch musí mít každé tlačítko, které nemá přímo viditelný text, nějaký textový popis. Větší a pokud možno hodně kontrastní ovládací prvky mohou pomoci v ovládání uživatelům, kteří nejsou úplně slepí, ale jich zrakové vnímání je velmi špatné. 1.2. Mockups 1.2.1. Varianta 1(Milan Víšek) Popis Aplikace bude využívat jednu speciální úpravu chytrého telefonu. Touto úpravou je přilepený výstupek přesně v prostředku obrazovky chytrého telefonu. Výstupek bude sloužit jako základna, od které bude moci uživatel vybrat jednu z možností. Možnosti budou umístěny do dvou až čtyř směrů od základny. Analogicky jako umístění světových směrů sever východ jih západ. Volba každé možnosti bude probíhat dvou fázově. Při prvním výběru aplikace přečte název volby, např. Fotografovat. Pokud uživatel opět vybere stejnou možnost, teprve pak se možnost zvolí. Obrazovky 1 Prázdný papírový prototyp s výstupkem uprostřed obrazovky. 2 Hlavní nabídka aplikace s možnostmi Fotografovat a Odchod. - 1 -
- 2 -
3 První výběr možnosti Fotografovat. 4 Obrazovka po potvrzení možnosti fotografovat. Nabídka možností aplikace. Ve scénáři podporována pouze možnost Portrét. 5 První výběr možnosti Portrét. 6 Okno při fotografování. Volby jsou čárkovaně, protože nebudou reálně zobrazeny. Obličej fotografované osoby je mimo ideální zaměření. - 3 -
7 První volba možnosti Instrukce/Stav, která se pokusí fotografovy poradit. Případně mu sdělí, jestli je někde nalezen obličej osoby. 8 Sdělení instrukce aplikací. 9 Ideální zaměření fotografovaného, aplikace ohlásí pípnutím. - 4 -
10 V módu zaměření lze vede jakákoliv akce k vyfotografování, které je potvrzeno zvukem závěrky. 11 Nabídka možnosti po vyfotografování. 12 První výběr možnosti Sdílet. - 5 -
13 Zobrazení nabídky sociálních sítí. Aplikace přečte první sociální síť. Uživatel může zvolit jinou sociální síť pomocí možností Další/Předchozí. 14 První výběr Nahrání. 15 Spuštění nahrávání a indikace stavu. - 6 -
16 Potvrzení nahrání. 17 Finální nabídka po nasdílení fotografie. - 7 -
1.2.2. Varianta 2 (Matěj Mihal) Popis: Aplikace se skládá z 3 částí. Část první menu, kde si uživatel zvolí velikost a pozici obličeje a způsob navigace. Část druhá focení, zde je uživatel podle zvolených možností z menu odnavigován k ideální pozici obličeje na fotce a jejímu vyfoceni. Část třetí sdílení a kontrola fotky, zde je matice se zkratkami pro sdílení na sociální sítě, náhled fotografie a její smazání. V celé aplikaci je využíván princip explore by touch, který odečítá texty nevidomému po najetí prstem na jejich pozici na obrazovce. Všechny touche jsou nahrazeny doubletouchy aby odpovídali standartnímu ovládání, na které jsou nevidomí zvyklí ze samotného prostředí systému Android. Při prvním spuštění se uživateli aplikace zobrazí průvodce, který mu vysvětlí všechny funkce a principy práce s aplikaci včetně všech signálů určených pro navigaci, papírový mockup průvodce neobsahuje roli průvodce jsem obstaral sám tím, že jsem všechny důležité signály vysvětlil. Obrazovky: 1 Menu 1.1 Pozice obličeje - na této obrazovce si uživatel zvolí umístění obličeje na fotografii 1.2 Velikost obličeje zde si uživatel zvolí velikost obličeje na fotografii, pokud zvolí možnost volná nebude navigován dopředu a dozadu a velikost si určí odstupem od fotografovaného sám. - 8 -
1.3 Způsob navigace 2 Focení podle vybraného způsobu navigace je uživatel navigován odpovídajícími signály k ideální pozici obličeje 2.1 Velikost obličeje tato část se přeskočí, pokud uživatel na druhé obrazovce menu vybral volná, tato část je pro všechny způsoby shodná liší se jen signály - 9 -
2.1.1 Malý obličej Způsob navigace hlas zvuk vibrace Signál Přibližte se, po dosažení ideální velikosti krátce zavibruje Píp píp píp (druh1) čím víc se blíží pozice ideální, tím se zkracují prodlevy mezi pípnutími, po dosažení ideální pozice pííííííííííííííp Stejný princip jako zvuk pípnutí nahrazený krátkým zavinrováním 2.1.2 Velký obličej Způsob navigace hlas zvuk Signál Vzdalte se, po dosažení ideální velikosti krátce zavibruje Píp píp píp (druh2) čím víc se blíží pozice ideální, tím se zkracují prodlevy mezi pípnutími, po dosažení ideální pozice pííííííííííííííp - 10 -
vibrace Stejný princip jako zvuk pípnutí nahrazený delším zavibrováním 2.1.3 Ideální velikost obličeje dvojitým dotykem kdekoliv na obrazovce se přesune do další fáze zaměřování obličeje 2.2 Hlas 2.2.1 Výchozí pozice telefon hlasovými pokyny udá směr v obou osách pohybu zároveň Pozice Vlevo dole Vlevo nahoře Vpravo nahoře Vpravo dole Signál Doleva dolu Doleva nahoru Doprava nahoru Doprava dolu - 11 -
2.2.2 Jedna osa vyrovnána po dosažení ideální pozice na jedné ose telefon krátce zavibruje a udá zbývající směr pohybu Vyrovnaná osa Pozice od ideální Signál Svislá Vlevo Svislá osa ok, miř vlevo Svislá Vpravo Svislá osa ok, miř vpravo Vodorovná Dole Vodorovná osa ok, miř dolů Vodorovná Nahoře Vodorovná osa ok, miř nahoru 2.2.3 Ideální pozice obličeje po dosažení ideální pozice telefon krátce zavibruje a čeká na dvojstisk jím je sejmuta fotografie - 12 -
2.3 Zvuk 2.3.1 Výchozí pozice telefon zvukovými signály udá směr v jedné a pak druhé ose směr pohybu je učen odlišnými zvuky. Pozice Vlevo Signály Píp píp píp(druh1), přerušované pípání čím se obličeji blíží, ideální pozici tím se zkracují intervaly přerušení, ideální pozice oznámena nepřerušeným píííííííííp Vpravo Píp píp píp(druh2), přerušované pípání čím se obličeji blíží, ideální pozici tím se zkracují intervaly přerušení, ideální pozice oznámena nepřerušeným píííííííííp 2.3.2 Vodorovná osa vyrovnána oznámeno nepřerušovaným pípnutím dvojdotekem se uživatel přesune na vyrovnání svislé osy - 13 -
Pozice Signály Nahoře Píp píp píp(druh1), přerušované pípání čím se obličeji blíží, ideální pozici tím se zkracují intervaly přerušení, ideální pozice oznámena nepřerušeným píííííííííp Dole Píp píp píp(druh2), přerušované pípání čím se obličeji blíží, ideální pozici tím se zkracují intervaly přerušení, ideální pozice oznámena nepřerušeným píííííííííp 2.3.3 Obličej v ideální pozici - oznámeno nepřerušovaným pípnutím dvojdotekem se uživatel sejme fotografii 2.4 Vibrace 2.4.1 Výchozí pozice telefon přerušovaným vibrováním udává vzdálenost od ideální pozice ve vodorovné ose intervaly mezi jednotlivými vibracemi se s přibližování k ideální pozici zkracují a prodlužují v opačném směru směr není nijak určen je potřeba zjisti prvním pohyb zda se interval zkracuje či prodlužuje. - 14 -
2.4.2 Vodorovná osa vyrovnána oznámeno dlouhou vibrací, po které telefon přestane vibrovat, pokud se obličej nedostane mimo ideální pozici na vodorovné ose. Dvojdotekem se uživatel přesune na vyrovnání svislé osy. 2.4.3 Obličej v ideální pozici - oznámeno dlouhou vibrací, po které telefon přestane vibrovat, pokud se obličej nedostane mimo ideální pozici na vodorovné ose. Dvojdotekem se uživatel sejme fotografii. - 15 -
2.5 Obličej nenalezen pokud se v záběru fotoaparátu nenachází obličej uživatel je na to upozorněn a je požádán, aby se pokusil telefon lépe namířit na fotografovaného 3 Manipulace s vyfocenou fotografií 3.1 Matice sdílení na této obrazovce nachází celkem šest voleb, které je možné s pořízenou fotografií udělat: Náhled a smazání, Android sdílení, zkratky na sociální sdílení (možno upravit dlouhým podržením) Položka Akce Náhled Zobrazí náhled fotografie (3.2) Odstranit Smaže fotografii a přejde na focení nové (2) Facebook Zobrazí dialog sdílení Facebooku pro dokončení návrat do matice sdílení (3.1) Twitter Zobrazí dialog sdílení Twitteru pro dokončení návrat do matice sdílení (3.1) - 16 -
Instagram Zobrazí dialog sdílení Instagramu pro dokončení návrat do matice sdílení (3.1) Sdílet Zobrazí Android nabídku sdílení (3.3) 3.2 Náhled 3.3 Sdílení Android zobrazí standardní nabídku sdílet z Androidu po vybrání položky provede danou akci po jejím dokončení návrat na matici sdílení (3.1) - 17 -
1.2.3. Varianta 3 (Tomáš Skalický) Popis mockupu Uživateli se ihned po spuštění aplikace zobrazí samotná aplikace fotoaparátu. Při prvním spuštění je navíc zobrazena i nápověda (není součástí papírového mockupu). Samotné focení je rozděleno do 3 částí. Nejprve musí uživatel zajistit správnou hloubku, poté obličej srovnat horizontálně a následně vertikálně. K srovnání slouží zvukové navádění, v tomto případě reprezentováno pípáním a to vysokým přerušovaným pokud je obličej příliš blízko/vlevo/nahoře, hlubokým přerušovaným pokud je obličej příliš daleko/vpravo/dole a jedním nepřerušovaným pískotem pokud je obličej správně vycentrován v dané ose. K přecházení mezi jednotlivými kroky slouží dvojitý klik kamkoliv na obrazovce (dvojitý, aby nedošlo k ukliknutí se), telefon v tuto chvíli zavibruje jako signál, že přešel do další fáze. Po projití všemi fázemi je poté portrét vyfocen dalším dvojitým klikem. Po úspěšném vyfocení je uživateli zobrazen portrét s možnostmi sdílení. Ukázky mockupu Zajištění správné hloubky (z leva: Příliš blízko vysoké pípání; Příliš daleko hluboké pípání; Správná vzdálenost souvislý píp) - 18 -
Horizontální pozicování (z leva: Příliš vlevo vysoké pípání; Příliš vpravo hluboké pípání; Uprostřed souvislý píp) Vertikální pozicování (z leva: Příliš nahoře vysoké pípání; Příliš dole hluboké pípání; Uprostřed souvislý píp) - 19 -
Obrazovka sdílení (Zobrazena vyfocená fotografie a možnosti sdílení; samotné sdílení je již v režii aplikací jednotlivých služeb) 1.3. Neformální testování K neformálnímu testování byly použity tři papírové varianty prototypu mobilu s aplikací pro fotografování pro nevidomé. 1.3.1. Varianta 1 Participant Pohlaví: muž Věk: 25 Handicap: Vidomí se zakrytými oči Zkušenosti s chytrými telefony: Android 4 roky, IPhone 3 roky Zkušenosti s aplikace pro slepé: žádné Testovací scénář Nacházíte se v místnosti s přítelem. Osoba stojí přibližně před Vámi. Chcete vyfotit její portrét. Použijte proto svůj chytrý telefon a spustíte aplikaci pro fotografování pro nevidomé. 1. Máte spuštěnou aplikaci pro fotografování. 2. Zvolte možnost fotografování portrétu. 3. Nechte si poradit aplikací se zaměřením fotografované osoby. 4. Ideálně zaměřenou osobu vyfotografujte. 5. Fotografii nasdílejte na facebook. Průběh Participant neměl s pohybem v aplikaci větší problém. Díky výstupku se dobře orientoval v nabídkách. Problém ovšem nastal při změně obrazovky, zde nevěděl, jaké možnosti má. Ještě větší byl problém, pokud byl jiný počet položek (dvě vs. čtyři). - 20 -
Při fotografování využil možnost instrukcí. Instrukce byly jednoslovné a pomohly fotografovanou osobu poměrně rychle zaměřit (cca 10s). Pípnutí při zaměření bylo snadno pochopitelné a ihned vedlo ke správné reakci. Sdílení fotografie až na zmíněný problém změně obrazovky nebyl žádný. Jelikož byl facebook jako výchozí sociální síť pro nahrání fotografií. Stav nahrávání byl sdělován v 25%, 50% 75% a 100%. Hodnocení Participant si chválil velikost ploch pro jednotlivé nabídky a hlavně orientační výstupek uprostřed obrazovky. Díky tomu se snadno orientoval v ovládání. Stejně tak chválil existenci možnosti zpět. Díky této možnosti nemusel hledat fyzické tlačítko zpět. Jako problém bych označil změnu obrazovky, kdy byl participant zmatený z toho, co může vůbec dělat. Natož pokud se změnil počet možností. Zde bych doporučil, aby při změně obrazovky aplikace sdělila minimálně počet možností. Např. nabídka - dvě možnosti. S focením nebyl velký problém. Participant využil slovní navigaci. Pípnutí při zaměření bylo ihned pochopené. 1.3.2. Varianta 2 Participant Pohlaví: muž Věk: 23 Zkušenosti s chytrými telefony: Android 6 let. Bez handicapu místo mockupů v ruce telefon s vypnutou obrazovkou Průběh testování: Participant dostal do ruky telefon s vypnutou obrazovkou (simulace nevidomého), proběhlo seznámení se všemi signály pro navigaci a zběžné seznámení s ovládáním aplikace. Poté participant pošel všechny možnosti navigace, s umístěním obličeje na střed a velikostí polocelku(princi navigace se nemění, mění se jen pozice obličeje na displeji, není potřeba testovat všechny možnosti fotografie). Výsledek: S ovládáním aplikace a navigací byl participant spokojen. Jako problém se ukázalo nemožnost smazat fotografii v náhledu (3.2) a také chybějící tlačítko pro pořízení další fotografie na matici sdílení (3.1). Jako zdlouhavé se ukázalo počáteční nastavení aplikace.(1) Doporučení do D3: Přidat možnost smazání z náhledu Upravit matici sdílení (přidat tlačítko další fotografie) Přidat možnost oblíbené fotografie do menu čímž se urychlí nastavování Přidat možnost změnit nastavení při focení 1.3.3. Varianta 3 Participant Participant donedávna využíval Android, nyní ale aktivně využívá ios. Participant nemá žádné zkušenosti se systémy pro zrakově postižené. - 21 -
Příprava na testování Participantovi jsem vysvětlil, o jako aplikace se jedná, jak funguje a ukázal funkčnost na mockupech. Průběh testování Participantovi jsem dal do ruky vypnutý telefon (jehož vypnutá obrazovka měla simulovat zrakové postižení), zatímco já měl v ruce mockupy. Participant měl za úkol pohybovat s telefonem podle zvuků, které jsem dělal, zatímco já jsem jeho akce simuloval na mockupech. Po dokončení focení měl participant danou fotku nasdílet na Facebook (tato akce je reprezentována pouze klinutím na ikonu pro sdílení). Výsledky testování Participant pochopil princip zarovnání obličeje na střed pomocí zvuků bez problému a po chvíli zkoušení si na to i poměrně zvykl. Problém měl si zvyknout na nutnost dvojitého kliku pro přechod do další fáze vždy klikl pouze jednou a myslel, že už má být v další fázi. Se sdílením problém neměl, pouze mu přišlo jako nezvyk nutnost kliknout 2x, protože po prvním kliku se mu pouze přečetl titulek tlačítka. Při pohledu do mockupů mu přišlo, že fotka zabírá příliš mnoho prostoru a že by bylo lepší zvětšit tlačítka pro sdílení, případně přidat více přímých tlačítek na další služby. Návrhy na zlepšení Přidat reakci na pouze jeden klik na obrazovku při změně fází, aby bylo jasné, že je potřeba kliknout znova. Upravit obrazovku pro sdílení tak, aby fotka zabírala méně prostoru a přidat více tlačítek pro přímé sdílení. - 22 -