Dokumentace - Deliverable 2

Transkript

1 ČVUT PRAHA Fakulta elektrotechnická Dokumentace - Deliverable 2 Mobilní prostředí pro seniory A4M39NUR Návrh uživatelských rozhraní Tým: PHO Tomáš Slavíček, slavito3@fel.cvut.cz Václav Jirovský, jirovva2@fit.cvut.cz Fedor Perminov, permifed@fel.cvut.cz cvičící: Miroslav Macík 1

2 Obsah Zadání práce... 2 Cílové skupiny... 3 Případy použití... 3 Vytočení oblíbeného kontaktu Poslat odpověď na poslední přijatou zprávu... 5 Přidání nového kontaktu, nastavení mezi oblíbené... 6 Mockupy... 7 Mockup A Mockup A Mockup B Mockup C Zadání práce V našem projektu navrhujeme nové rozhraní pro dotykové telefony. To bude uzpůsobené pro seniory, starší lidi se zhoršenou motorikou prstů nebo s horším zrakem. Tito lidé většinou chtějí používat některé pokročilé funkce telefonu, jako například fotoaparát, ale často jim vadí malé písmo, mají problém se strefovat na ikonky, nebo se zorientovat ve složitějším prostředí. Jak jsme si definovali v prvním dokumentu, naším cílem je navrhnout strukturu obrazovek, aby se mezi nimi dalo co nejlépe orientovat, položky byly přehledné, viditelné a nezaměnitelné. Jedná se především o hlavní rozcestník, rozhraní pro volání a procházení hovorů, posílání SMS a výpis kontaktů. Hlavní úkoly pro uživatele by měly být co nejpříměji dosažitelné. Také se zaměříme na odstínění od systému (aby se nešlo omylem dostat z launcheru pryč) a na snadné zadávání textu a čísel (vlastní klávesnice). 2

3 Cílové skupiny Z našeho kvalitativního průzkumu a ze studia předchozích odborných prací jsme vytipovali několik konkrétních skupin lidí. Každá má svojí motivaci a svoje priority, které chce na mobilu používat funkce. Krátce zde shrnujeme tyto persony, podle jejich požadavků potom navrhujeme use casy. Marie, 74 let, důchodce, Beroun Marie je babička, která je už několik let v důchodu. Žije v bytě na malém městě, kolem sebe má několik kamarádek. Jednou až dvakrát za měsíc za ní jezdí synové a vnukové. Mobilní telefon jí slouží hlavně pro komunikaci s rodinou, má na něm uložených několik čísel, které ji tam předem oni vyplnili. Pokročilejší funkce, jako čtení a posílání SMS, ale nepoužívá. Důležitá jsou pro ni velká tlačítka a jednoduché ovládání. Mobil by měl mít velké dosažitelné tlačítko, které v případě problému zavolá pomoc (například začne vytáčet předem nastavená telefonní čísla). Honza, 58 let, včelař, Nová Ves Honza žije na vesnici kousek od středně velkého města, pracuje jako starší úředník, ale jeho hlavní koníček je chov včel a prodej a nabízení medu. Je předsedou místního spolku včelařů. Mobil používá poměrně aktivně, několikrát za den přijímá hovory. Vzhledem ke svému věku má už ale problémy se zrakem. Potřeboval by co největší tlačítka a co největší text na displeji. Chce vyřizovat zprávy na telefonu, případně si procházet historii, kdo mu volal. Jana, 46 let, kadeřnice, Praha Jana je kadeřnice ve velkém městě, v produktivním věku. Ráda komunikuje s ostatními, získává od nich nové drby. Také chce být v kontaktu se synem a dcerou, které ještě studují na škole. Je ale ráda, že ještě pořád může používat svůj klasický tlačítkový mobil. Dotykové telefony odmítá, říká, že nedokáže psát na malé klávesnici, že bude dělat překlepy. Na jejím současném telefonu jí ale přijde škoda, že dělá jen průměrné fotky. Říká, jak ty nové mobily skvěle fotí. Ráda by fotky ukazovala ostatním přímo na mobilu. Případy použití Nejdříve uvádíme všechny typické případy použití, potom jich několik vybíráme a dále rozvádíme: probudit a odemknout telefon, vytočit zadané telefonní číslo (na číselné klávesnici) vytočit jeden z oblíbených kontaktů zavolat SOS najít v telefonním seznamu kontakt, ten vytočit přečíst poslední SMS zprávu, odpovědět na ni poslat novou SMS zprávu na zadaný kontakt zjistit poslední nepřijatý hovor, zavolat mu zpátky přidat do seznamu nový kontakt, nastavit ho mezi oblíbené spustit vybranou systémovou aplikaci 3

4 Vytočení oblíbeného kontaktu Vytočení oblíbeného kontaktu by mělo být co nejjednodušší. Uživatel určitě musí nejdřív probudit svůj mobil z režimu spánku (například stiskem hardwarového tlačítka), případně i odemknout virtuální klávesnici provedením gesta na displeji. Dále vytočí samotný kontakt. To většinou udělá tak, že si zobrazí obrazovku oblíbených kontaktů, klikne na nějakou fotografii a hovor vyvolá zeleným tlačítkem. 4

5 Poslat odpověď na poslední přijatou zprávu Tento případ užití se odkazuje na pokročilejšího uživatele, který už využívá výpisy posledních hovorů a zpráv, sám také SMS zprávy posílá. Pokud není poslední přijatá zpráva zobrazena přímo na výchozí obrazovce, uživatel musí vstoupit do menu a do výpisu zpráv. Tam si vybere kliknutím danou zprávu. Přímo v detailu zprávy má možnost na ni odpovědět. Zadá svůj text zprávy a potvrdí ho. Může se mu ještě objevit dialog pro zadání telefonního číslo (s předvyplněným kontaktem, kterému odpovídá), to zde půjde buď potvrdit, nebo změnit za jiný kontakt. 5

6 Přidání nového kontaktu, nastavení mezi oblíbené Typická úloha, kterou bude muset řešit každý uživatel buď přímo senior, nebo jeho rodina. Vložení kontaktu do telefonního seznamu, plus jeho následné přidání mezi oblíbené. Pro vložení nového kontaktu musí opět uživatel nejdřív vstoupit do menu, potom na obrazovku kontaktů. Zde může kliknout na přidat a vyplnit kontaktní informace. Vždy je potřeba zadat jméno a číslo, volitelně se může nastavit i fotografie. Následně se potom u daného kontaktu klikne na tlačítko pro jeho přidání mezi oblíbené. 6

7 Mockupy Navrhujeme celkem 4 různé mockupy. Mockup A1 (od Tomáše Slavíčka) je uzpůsoben pro personu Marie, tj. pro důchodce, kterého zajímá hlavně volání, především několika předvoleným kontaktům. Ostatní funkce nepotřebuje tak často používat, proto stačí, když budou skryté v menu. Uvítá, pokud toto rozhraní bude co nejvíce podobné klasickému tlačítkovému mobilu. Přijatých a odeslaných zpráv bude mít většinou v mobilu minimum, ocení jejich logické rozdělení zvlášť na přijaté a odeslané. Mockup A2 je uzpůsoben spíše pro personu Honza, tj. pro člověka, co chce na telefonu používat hodně funkcí. Chce si procházet výpisy hovorů a zpráv. Všechny funkce by měly být co nejlépe dosažitelné, ne skryté někde v menu. Uvítá velké textové položky a především jasně rozpoznatelné symbolické ikony. Vzhledem k jeho časté komunikaci bude mít určitě mnoho přijatých a odeslaných zpráv, ocení jejich řazení do vláken konverzací, podle jmen kontaktů. Mockup B (od Václava Jirovského) je přizpůsoben hlavně pro personu Marie. Rozhraní je co nejvíce zjednodušené, obsahuje pouze nutné aktuální užitečné informace pro Marii, aby ji zbytečně nemátly pro ní nepodstatné ikonky a tlačítka (např. Marii nezajímá, že má zrovna 80% baterie - Marii stačí, když se ji mobil dostatečně dopředu připomene, že potřebuje dát nabít). Celkově je mockup pojat tak, aby byl co nejvíce podobný starým tlačítkovým telefonům, na který je Marie zvyklá. Většina prvků je rozmístěna Mockup C (Fedor Perminov) je určen především pro pokročilejšího Honzu. Jedná se v podstatě o zvětšené standardní prostředí Android. Všechny ikony jsou ale dostatečně velké a položky viditelné. Mockup A1 Na hlavní obrazovce mockupu A1 se nachází velké hodiny, datum a ukazatel signálu a baterie. V případě příchozí SMS, nebo nastaveného budíku, jsou zde zobrazeny ještě další ikonky. Pod displejem je velká číselná klávesnice, jako u klasického mobilu, rovnou lze z této obrazovky vytočit číslo. Na každé obrazovce se nachází panel se třemi pevnými tlačítky. Zelené tlačítko spustí obrazovku kontaktů, nebo vytočí hovor (podle zobrazené ikony a aktuální funkce). Prostřední tlačítko slouží z hlavní obrazovky pro vstup do menu. Z tohoto menu jsou dosažitelné všechny další funkce seznam kontaktů (s možností hledání, nebo přidání nového kontaktu), seznam přijatých/odeslaných SMS a seznam hovorů. Z ostatních obrazovek slouží toto tlačítko pro návrat zpět o jednu obrazovku. Červené tlačítko vrací vždy zpět až na úvodní obrazovku, případně slouží při zadávání textu pro mazání posledních znaků (opět se v tomto případě změní jeho ikona). 7

8 Zprávy jsou rozděleny na přijaté a odeslané, jednotlivé náhledy zpráv se dále shlukují do skupinek podle času (tento týden, před 2 týdny apod.). Po vybrání nové zprávy se opět objevuje velká číselná klávesnice, jsou na ní, pro lepší čitelnost, extra zvýrazněna písmena ABC, DEF apod. Text se píše klasickým stylem multitap, tj. jednou stisk na klávesu 2 napíše písmeno A, druhý stisk B... Odeslání zprávy se potom potvrdí tlačítkem OK (místo zeleného sluchátka). Obdobný seznam, jako výpis zpráv, je i výpis hovorů. Společně jsou zobrazeny přijaté i nepřijaté hovory, jsou odlišeny jen ikonkou. Opět jsou rozděleny ve skupinkách podle času. V seznamu kontaktů jsou pod sebou zobrazeny všechny kontakty, zvolením první položky se dá dostat na obrazovku oblíbených (obrazovka oblíbených kontaktů je z většiny obrazovek dosažitelná i pomocí spodního zeleného tlačítka). Mezi kontakty se dá i vyhledávat. Mockup A1 se skládá z těchto prvků: Horní panel na každé obrazovce obsahuje její název, může obsahovat i další funkční tlačítka (pro méně důležité funkce) Spodní panel na obrazovce obsahuje tři tlačítka (již zmíněné zelené, tlačítko zpět a červené). Vnitřní obsah obrazovky může obsahovat posuvník, pokud její obsah přesahuje směrem dolů. Každá položka menu obsahuje ikonu, i textový popis velkým písmem. 8

9 Mockup A2 Druhý mockup, zaměřený na pokročilejšího uživatele, obsahuje odlišnou domovskou obrazovku. V horní části má opět hodiny a ukazatele baterie/signálu, číselník ale nahrazuje mřížka funkčních ikon. Samotný launcher nyní neobsahuje žádné menu, všechny funkce jsou dosažitelné z hlavní obrazovky. První tři ikony odkazují na určité rozcestníky, které vždy tematicky sdružují dané funkce. Telefonní sluchátko zobrazí číselnou klávesnici, případně výpis posledních hovorů. Druhá ikona vede na seznam oblíbených kontaktů, případně všech kontaktů. Poslední ikona zobrazí výpis zpráv, případně umožní napsat novou. Princip těchto hubů je, že vždy na své hlavní obrazovce mají zobrazenu tu nejdůležitější funkcionalitu (např. oblíbené kontakty). Teprve po rozkliknutí dalšího tlačítka se lze dostat ke všem kontaktům. Obdobnou funkci má i ikona aplikací, nalevo dole. Také vede na obrazovku, kde jsou nejdřív připnuté oblíbené aplikace, pak až se dá dostat na výpis všech. Ostatní ikony jsou konfigurovatelné, můžeme si tam například připnout konkrétní aplikaci, nebo vybraný kontakt. Také zde může být připnuté ono SOS tlačítko pro zavolání pomoci. 9 Mockup A2 se skládá z těchto prvků: Každá obrazovka, kromě té domovské, obsahuje pevný horní panel. Nachází se tam název stránky, jsou případně zobrazené menší hodiny a ukazatel baterie. Levá část horního panelu slouží jako tlačítko zpět (doporučení z Android guidelines) Spodní panel není zobrazen na žádné obrazovce. Pro návrat na domovskou obrazovku slouží hardwarové tlačítko na telefonu. Pokud delší obsah přesahuje danou obrazovku, je opět viditelně vykreslen posuvník a s obsahem lze posouvat.

10 10

11 Mockup B Základním místem rozhraní je Hlavní menu, které se objeví uživateli po zapnutí přístroje, proklikání se přes tlačítka zpět odkudkoliv či kdykoliv po stisknutí HW tlačítka domů. Toto menu zobrazuje aktuální čas a datum a poskytuje rozcestník pro nejpoužívanější funkce (Kontakty, Volání, Zprávy) a místo, kam lze připnout 5 oblíbených kontaktů pro rychlý přechod na jejich detail. Díky tomuto umístění oblíbených kontaktů, může uživatel zavolat oblíbeného uživatele opravdu snadno a rychle. Celý návrh je také koncipován tak, aby uživatel vždy našel v horní části telefonu popis, na jaké stránce je, proto i hlavní obrazovka není výjimkou. Z hlavního menu vede tlačítko na seznam všech aplikací v telefonu, včetně méně používaných. Na tomto pohledu je také znatelná další charakteristická vlastnost rozhraní, a to tlačítko zpět v levé horní části obrazovky. Toto tlačítko je spolu s názvem dané stránky a aktuálním časem na každé stránce. Fotoaparát 11

12 Kontakty Po kliknutí do části kontakty ( aplikace ) uvidí uživatel seznam všech kontaktů. Z tohoto seznamu se může dostat na detail daného kontaktu, nebo na formulář pro přidání nového kontaktu. V pohledu detail kontaktu jsou dominantními prvky hlavně profilový obrázek (aby se mohl uživatel orientovat pouze podle vzhledu osoby a nemusel hledat brýle kvůli písmenkům) a tlačítka pro volání či zaslání zprávy, které uživatel využije nejčastěji. Přidat kontakt může uživatel tlačítkem v seznamu kontaktů, kdy se dostane na formulář pro zadání nového kontaktu. Podle vybraného políčka se zobrazí relevantní klávesnice (pouze numerická pro čísla, pro normální se zobrazí multitap klávesnice, tolik známá ze starých tlačítkových telefonů). U telefonních čísel je také předvyplněná předvolba, aby ji uživatel nemusel zadávat. Klávesnice má tlačítko Hotovo, aby uživatel si mohl rozhodnout, kdy má klávesnice zmizet aby mohl pokračovat v zadávání textu. 12

13 Zprávy Při přejití na zprávy se uživateli zobrazí chronologický seznam přijatých zpráv s jejich náhledem. Tento seznam i umožňuje snadný přechod na seznam odeslaných zpráv. Z tohoto seznamu může uživatel napsat novou zprávu nebo si prohlédnout detail zprávy. V pohledu detail zprávy vidí uživatel celý text zprávy, a má odsud možnosti rychle odepsat na zprávu či rovnou zavolat kontaktu. 13

14 A4M39NUR Mockup C Na každé obrazovce se nachází horní stavový řádek. Na jeho pravé straně je ukazatel signálu, který ukazuje úroveň komunikace, baterie. A také jsou zde zobrazeny další ikonky, které ukazují stav Wi-Fi, Bluetooth, budíku apod. Na hlavní obrazovce se nachází widgety, na horním widgetu jsou uvedené aktuální informace o počasí, je zde datum a hodiny. Pod widgetem počasí je velká ikona telefonu. Po stisku se uživatel dostane do obrazovky, kde může pomocí velké klávesnice vytočit číslo a zavolat. Z této obrazovky jsou dosažitelné i všechny další telefonní funkce, tj. seznam posledních hovorů a seznam kontaktů. V seznamu hovorů jsou uvedeny přijaté i zmeškané hovory. V seznamu kontaktů se dá i vyhledávat. Na hlavní obrazovce jsou vedle ikony telefonu ještě dvě menší ikony, zprávy a budík. Po vybrání zpráv se zobrazí jejich výpis, zprávy se shlukují do skupinek podle kontaktu. Napravo od každého kontaktu se zobrazuje počet nepřečtených zpráv. 14

15 V dialogu nové zprávy je v horní části ukázán kontakt, kterému se zpráva posílá: jeho jméno, telefonní číslo a obrázek. Kliknutím na ikonku telefonního seznamu můžeme vybrat jiný kontakt. Vedle zadávacího textového pole je ještě ikonka odeslat a připojit přílohu. Dole je velká klávesnice typu QWERTY. Pro seniory je výhodnější, aby při psaní bylo každé písmeno zvlášť. Po vybrání tlačítka budík (na hlavní obrazovce) si může uživatel nastavit budíky, odstranit je nebo změnit jejich čas vyzvánění. Úplně dole (na hlavní obrazovce) se pak nachází připnuté oblíbené kontakty, které lze snadno vytočit kliknutím na fotografii. Po vybrání šipky dolů se objeví všechny dostupné aplikace. 15

16 Hodnocení mockupů Mockup A1 Mockup A1 nabízí rozhraní, které je velmi podobné klasickým tlačítkovým mobilům. Klávesnice na hlavní obrazovce a zelené / červené sluchátko dodávají uživateli jistotu, jak mobil používat. Nejsou zde víceznačné položky, menu je přehledné, s velkými textovými popisky. Položky menu mají pevné, neměnné pozice, je obtížné si tam něco rozbít, rozštelovat, nebo smazat. Vzhledem k cílové skupině (persona Marie) může být problém, že se přímo na hlavní obrazovce nenachází tlačítko SOS pro zavolání pomoci. Také může být zmatečná víceznačnost zeleného a červeného tlačítka, kdy se mění jejich funkce podle kontextu. Zelené slouží pro zobrazení oblíbených kontaktů, potvrzení dialogu a vytočení hovoru. Červené sluchátko potom maže poslední znak, vrací na hlavní obrazovku, nebo pokládá hovor. Jejich funkce by měla být oddělena jinou ikonou i barvou. Občas jsou také obrazovky až moc zanořené (např. detail poslední SMS je na 4 kliknutí). Uživatel se bude muset naučit, jak vstoupit do menu a jak posouvat delší obsah na obrazovce s posuvníkem. Plánovaná animace vyjíždějící číselné klávesnice by také mohla uživatele lekat a rozptylovat. Mockup A2 Mockup A2 má užitečný rozcestník na úvodní obrazovce. Vzhledem k mřížce 3x3 ale budou muset být ikonky poměrně malé, nejspíš se k nim už nevejde textový popisek. Tematické huby (zprávy, hovory, kontakty, aplikace) působí kompaktně a srozumitelně. Bude ale potřeba graficky odlišit jejich tlačítka (všechny kontakty, napsat novou zprávu...), aby bylo dobře poznat, že na ně jde kliknout. Vzhledem k tomu, že horní lišta obsahuje pouze nápis, hodiny a tlačítko zpět; další položky už se tam nevejdou, bude potřeba vyřešit, kam umístit zbývající tlačítka. Detail kontaktu by měl jít zavolat, poslat mu SMS zprávu, upravit ho a smazat, případně přidat do oblíbených. V seznamu všech kontaktů by mělo jít vyhledávat, nebo přidat nový kontakt. Na zprávu by také mělo jít odpovědět, zavolat na toto číslo, případně zprávu smazat. Řešením by bylo vykreslovat vždy všechny textové položky pod sebe, kreslit spodní panel s ikonami, nebo udělat rozbalovací menu. Tento návrh obsahuje strukturu obrazovek, kde je méně zanoření (např. detail poslední SMS je jen na 2 kliknutí). Tato struktura bez explicitního menu ale nemusí být uživateli plně jasná. Tlačítko zpět se nachází nalevo nahoře, kde je velmi obtížně dosažitelné. Tlačítko domů není na obrazovce explicitně kresleno, tuto funkci zastává pouze hardwarové tlačítko. Hodiny zobrazované na horním panelu jsou poměrně malé. Číselná klávesnice pro zadávání čísel nebo textu bude mít nahoře zobrazené dvě funkční klávesy. Ty se také budou lehce měnit podle kontextu. Volací obrazovka bude obsahovat zelené sluchátko a tlačítko pro smazání posledního znaku. SMS zprávu půjde buď odeslat, nebo opět odmazat odzadu. Obdobné to bude u dialogu vyhledávání kontaktu. Mockup B Mockup B v podstatě zjednodušuje standardní launcher Androidu, ale nepřináší žádné specifické funkce pro seniory (jako například SOS tlačítko). Jedná se spíš o takový mezikrok mezi tlačítkovým nedotykovým displejem a plným chytrým telefonem. Rozhraní také myslí na používání zařízení uživatelem bez brýlí (pokud je nosí, například díky velkému kontrastnímu písmu) a snadnou orientaci uživatele v rozhraní (viditelný název, navigační tlačítka zpět), ale to razantně na úkor obsažených funkcí. 16

17 Pro pokročilého uživatele, který se např. zajímá o chytré telefony, by toto rozhraní bylo spíše ke škodě, protože pokročilé funkce v rozhraní nenajde. Mockup C Mockup C také obsahuje rozhraní velmi podobné standardnímu launcheru Androidu. Všechny položky jsou ale zvětšené a dobře viditelné. Z tohoto rozhraní jsou dostupné prakticky všechny systémové funkce. Výhodou je, že úvodní obrazovka má pevnou strukturu, velikosti tlačítek jsou rozlišené podle důležitosti. Toto rozhraní je ale určeno spíše pro velké displeje (minimálně okolo 5 palců). Na menších mobilech budou položky moc blízko sebe, nízké rozlišení displeje bude také vadit. Rozhraní nabízí mnoho funkcí, veškeré funkce jsou vždy vidět na displeji (nejsou skryté v rozbalovacích nabídkách). Z tohoto důvodu se občas nachází na obrazovkách až moc tlačítek. Při implementaci by hodně záleželo na grafickém pojetí, aby celé prostředí v reálu nevypadalo moc nepřehledně a překombinovaně. 17