DELIVERABLE D2 SKETCHES, STORYBOARDS, HTA, PAPER MOCKUP DAVID POLÁK POLAKDA1 A4M39NUR

Rozměr: px

Začít zobrazení ze stránky:

Download "DELIVERABLE D2 SKETCHES, STORYBOARDS, HTA, PAPER MOCKUP DAVID POLÁK POLAKDA1 A4M39NUR"

Silvie Jandová
před 7 lety
Počet zobrazení:

1 DELIVERABLE D2 SKETCHES, STORYBOARDS, HTA, PAPER MOCKUP MICHAL ŘEŽÁBEK REZABMIC DAVID POLÁK POLAKDA1 A4M39NUR ČESKÉ VYSOKÉ UČENÍ TECHNICKÉ 29. října

2 1 HTA a plány 1.1 Meteorologický radar Radar 1. Nastavení parametrů 2. Vybrat místo 3. Zvolit déšť + oblačnost 4. Zobrazit na mapě 5. Krokování radaru 2.1 Vyhledat město 2.2 Potvrdit výběr 3.1 Úroveň odrazu 1.1 GPS / Zadat město 1.2 Déšť / Oblačnost 1.3 Počet kroků radaru 5.1 Zpět 5.2 Vpřed 5.3 Play Plán Plán 0.1 If not done previously then 1. - if needed(2.) - if needed(3.) Plán Plán Plán Plán

3 1.1.7 Plán or 5.1 and if wanted Předpověd počasí Předpověď 1. Nastavení parametrů 2. Vybrat místo 3. Vybrat den 4. Vybrat čas 2.1 Vyhledat město 2.2 Potvrdit výběr 1.1 GPS / Zadat město 1.2 Počet dnů 1.3 Parametry počasí Plán Plán 0.1 If not done previously then Plán Plán

4 2 Usecases 2.1 UC-1 Nastavení parametrů pro předpověd a radar Uˇzivatel potřebuje nastavit parametry pro správné zobrazení předpovědi počasí a radaru. Podrobný popis: Na obrazovce pro nastavení parametrů se nacházejí jednotlivé parametry a ke kaˇzdému z nich také seznam moˇzných hodnot. Po kliknutí na název parametru či kteroukoliv z hodnot parametru systém přečte uˇzivateli jejich podrobný popis. Pro kaˇzdý parametr, který chce uˇzivatel změnit, uˇzivatel vybere jednu z moˇzných hodnot parametru a potvrdí výběr. Po potvrzení nové hodnoty parametru systém vždy pro kontrolu přečte novou hodnotu parametru. Po nastavení všech parametrů uživatel potvrdí dokončení nastavení parametrů a systém provede zobrazení předchozí obrazovky. Předpoklad: Uživatel se nachází na obrazovce pro nastavení parametrů radaru. Aktéři: Uživatel Po skončení: Nastavení parametrů pro předpověd a radar. Scénář: 1. Uˇzivatel vybere jednu z možných hodnot parametru a potvrdí výběr. 2. Systém přečte novou hodnotu parametru. 3. Uˇzivatel opakuje krok 1 do té doby neˇz dojde k nastavení posledního parametru. 4. Uˇzivatel potvrdí dokončení nastavení parametrů. 5. Systém provede zobrazení předchozí obrazovky. 2.2 UC-2 Vybrat místo Uživatel potřebuje vybrat lokalitu, pro kterou chce zjistit předpověd počasí. Podrobný popis: Uživatel potřebuje zadat lokalitu, pro kterou chce zjistit předpověd počasí. Aby byla předpověd co nejpřesnější, uživatel musí zadat lokalitu co nejkonkrétněji. Typicky se bude jednat o zadání názvu města, pro které chce počasí zjistit. Poté co uživatel zadá název lokality, potvrdí dokončení vstupu. Systém přečte název zadané lokality, aby uˇzivatele informoval o tom, zda zadal název lokality správně. V případě, ˇze systém umoˇzňuje zprostředkovat informaci o předpovědi počasí pro danou lokalitu, potvrdí správnost zadané lokality. Pokud uživatelem zadaná lokalita neexistuje, systém vyzve uživatele k opětovnému zadání názvu lokality. Pokud zadaná lokalita existuje, ale systém pro ni nemá data o předpovědi počasí, systém ohlásí uživateli změnu lokality na nejbližší lokalitu, pro kterou jsou dostupná data o předpovědi počasí. Předpoklad: Uživatel se nachází na obrazovce pro výběr lokality. Aktéři: Uživatel Po skončení: Změna lokality pro předpověd počasí. Scénář: 1. Uˇzivatel vybere způsob zadání lokality hlasový nebo textový vstup. 2. Systém zobrazí obrazovku pro daný druh vstupu. 3. Uˇzivatel zadá název lokality. 4. Uˇzivatel potvrdí dokončení vstupu. 5. Systém přečte název zadané lokality. 6. Systém potvrdí správnost zadané lokality a změnu lokality pro předpověd počasí. 4

5 Alternativní scénář: 1. Alternativa k bodu 6 - Uživatel provedl zadání neexistující lokality (a) Systém vyzve uživatele k opětovnému zadání lokality. (b) Pokračování od kroku 3 2. Alternativa k bodu 6 - Uˇzivatel provedl zadání existující lokality, ale systém pro ni nemá data o předpovědi počasí. (a) Systém ohlásí uˇzivateli změnu lokality na nejbliˇzší lokalitu, pro kterou jsou dostupné data o předpovědi počasí. (b) Systém potvrdí změnu lokality pro předpověd počasí. 2.3 UC-3 Zjistit hodinovou předpověd Uživatel potřebuje zjistit předpověd počasí pro konkrétní hodinu. Předpoklady: 1. Uˇzivatel se nachází na obrazovce pro hodinovou předpověd počasí. 2. Uˇzivatel má vybránu lokalitu, pro kterou chce zjistit předpověd počasí. 3. Uˇzivatel má vybrány parametry počasí, které ho zajímají. Aktéři: Uživatel Po skončení: Předpověd počasí pro zadanou hodinu. Scénář: 1. Uˇzivatel vybere hodinu, pro kterou chce zjistit předpověd počasí. 2. Systém přečte vybranou hodinu. 3. Uˇzivatel potvrdí výběr. 4. Systém přečte uˇzivateli předpověd počasí pro zadanou hodinu. 2.4 UC-4 Zjistit dlouhodobou předpověd Uˇzivatel potřebuje zjistit předpověd počasí pro konkrétní den. Předpoklady: 1. Uˇzivatel se nachází na obrazovce pro dlouhodobou předpověd počasí. 2. Uˇzivatel má vybránu lokalitu, pro kterou chce zjistit předpověd počasí. 3. Uˇzivatel má vybrány parametry počasí, které ho zajímají. Aktéři: Uživatel Po skončení: Předpověd počasí pro zadaný den. Scénář: 1. Uˇzivatel vybere den, pro který chce zjistit předpověd počasí. 2. Systém přečte vybraný den. 3. Uˇzivatel potvrdí výběr. 4. Systém přečte uˇzivateli předpověd počasí pro zadaný den. 5

2.5 UC-5 Zobrazení radaru Uˇzivatel potřebuje zjistit stav počasí(oblačnosti/sráˇzek) v průběhu několika předchozích hodin, aby si mohl vytvořit vlastní úsudek o možném vývoji počasí v lokalitě, ve

6 2.5 UC-5 Zobrazení radaru Uˇzivatel potřebuje zjistit stav počasí(oblačnosti/sráˇzek) v průběhu několika předchozích hodin, aby si mohl vytvořit vlastní úsudek o možném vývoji počasí v lokalitě, ve které se právě nachází. Předpoklady: 1. Uˇzivatel se nachází na obrazovce pro radar. 2. Uˇzivatel má vybránu lokalitu, pro kterou chce zjistit předpověd počasí. 3. Uˇzivatel má vybrán typ radaru oblačnost/srážky. 4. Uˇzivatel má zvolený počet kroků radaru. Aktéři:Uˇzivatel Po skončení: Vlastní úsudek o moˇzném vývoji počasí v lokalitě, ve které se uˇzivatel právě nachází. Scénář: 1. Uˇzivatel klikne na zobrazení místa na mapě. 2. Systém zobrazí mapu a navigation line k danému místu na mapě. 3. Uˇzivatel se podle navigation line přesune k danému místu na mapě a potvrdí postup do další fáze. 4. Systém zobrazí oblačnost/sráˇzky v nadcházejícím kroku. 5. Uˇzivatel analyzuje stav oblačnosti/srážek v daném kroku. 6. Uˇzivatel přejde do následujícího kroku. 7. Pokračování od kroku 5 dokud uˇzivatel nedojde do posledního kroku. 3 Storyboards 3.1 Zobrazení radaru Storyboard k usecase UC-5. 6

7 4 Mockups Nas e mockupy majı jednotne uz ivatelske rozhranı se dve ma zobrazovacı mi c a stmi (pr ı padne jednou spojenou c a stı ). A da le majı c a st pr epı nacı /navigac nı, ta vz dy zobrazuje tr i pr epı nacı tlac ı tka, a to: me sto, radar, pr edpove d. Tato tlac ı tka pr epı najı mezi jednotlivy mi funkcemi aplikace. Ve zbyle m prostoru je zobrazen hlavnı obsah ve dvou nebo jedne c a sti. 4.1 Zobrazenı radaru Zde jsme navrhli za kladnı zobrazenı radarove obrazovky. Cela zobrazovacı c a st je vyplne na mapou c eske republiky s naznac eny mi krajsky mi me sty. Mapa reaguje na dotyk zvukovy m ohla s enı m polohy. Me sto je moz ne vybrat pomocı vy be rove ho input boxu. Na dotyk tlac ı tka OK se vykreslı navigac nı c a ra ktera nevidome ho navede na vyhledane mı sto. 4.2 Pr edpove d poc ası Hodinova Pr i hodinove pr edpove di poc ası je na leve zobrazovacı c a sti vykreslen hodinovy cifernı k 7

8 s moˇzností výběru hodiny předpovědi. Hodinu je moˇzno nastavit jak na ciferníku tak i posuvníkem vedle ciferníku. V pravé části je zobrazena mapa výběru města Dlouhodobá Při dlouhodobé předpovědi počasí je na levé zobrazovací části vykreslen posuvník dnů v týdnu. Dny v týdnu se při vybírání hlásí zvukově. 8

9 4.3 Nastavenı Jedna verze nastavenı mu z e zobrazovat pouze jednu poloz ku u ktere lze zme nit hodnotu nastavenı m textu nebo vy be rem zobrazeny ch moz nostı na tlac ı tka ch. Pote se pr epne na dals ı poloz ku nastavenı nebo pr epı nacı mi tlac ı tky odejde z nastavovacı obrazovky. 9

10 4.4 Klávesnicový vstup Klávesnice vyjíˇzdí na kliknutí na input box. A zobrazí se pod ním. zbytek obrazovky se vykreslí prázdným polem. V sekci sketches jsou ukázány moˇzné návrhy jak by klávesnice mohla vypadat. 10

11 5 Sketches 5.1 Vykreslení klávesnice Jako nejlepší řešení pro zadávání textových hodnot pro nevidomé do naší aplikace se nám zdá klasický mobilový ciferník a klávesnicový vstup. Zde jsou náčrtky jak by asi vstup mohl vypadat. V interním testování jsme usoudili že z těchto návrhů je nejlepší levý dolní, tedy 1)4). 11

Podobné dokumenty

ČESKÉ VYSOKÉ UČENÍ TECHNICKÉ V PRAZE

ČESKÉ VYSOKÉ UČENÍ TECHNICKÉ V PRAZE Fakulta elektrotechnická Deliverable D2 [NIC-WEB-] Redesign UI mojeid Předmět: [A4M39NUR] Návrh uživatelského rozhraní Zpracovali: Petr Liška, Jan Šrogl, Petr Štěpán