DELIVERABLE D2 SKETCHES , STORYBOARDS , HTA , PAPER MOCKUP ˇ E Zˇ ABEK ´ M ICHAL R – REZABMIC ´ – POLAKDA 1 D AVID P OL AK A4M39NUR ˇ ˇ ´I T ECHNICK E´ C ESK E´ V YSOK E´ U CEN 29. rˇ´ıjna 2014
1
1 1.1
HTA a pl´any Meteorologicky´ radar Radar
1. Nastavení parametrů
2.1 Vyhledat město
1.1 GPS / Zadat město
3. Zvolit déšť + oblačnost
2. Vybrat místo
1.3 Počet kroků radaru
5.1 Zpět
1.1.1
5.2 Vpřed
Pl´an 0.0
2. - 3. - 4. - 5. 1.1.2
Pl´an 0.1
If not done previously then 1. - if needed(2.) - if needed(3.) - 4. - 5. 1.1.3
Pl´an 1.0
1.1 - 1.2 - 1.3 1.1.4
Pl´an 2.0
2.1 - 2.2 1.1.5
Pl´an 3.0
3.1 1.1.6
5. Krokování radaru
3.1 Úroveň odrazu
2.2 Potvrdit výběr
1.2 Déšť / Oblačnost
4. Zobrazit na mapě
Pl´an 5.0
5.3
2
5.3 Play
1.1.7
Pl´an 5.1
5.2 or 5.1 and if wanted 5.3
1.2
Pˇredpovˇed’ poˇcas´ı
Předpověď 1. Nastavení parametrů
2.1 Vyhledat město
1.1 GPS / Zadat město
1.2.1
3. Vybrat den
2. Vybrat místo
1.2 Počet dnů
2.2 Potvrdit výběr
1.3 Parametry počasí
Pl´an 0.0
2. - 3. - 4. 1.2.2
Pl´an 0.1
If not done previously then 1. - 4. 1.2.3
Pl´an 1.0
1.1 - 1.2 - 1.3 1.2.4
Pl´an 2.0
2.1 - 2.2
3
4. Vybrat čas
2
Usecases
2.1
UC-1 Nastaven´ı parametru˚ pro pˇredpovˇed’ a radar
Uˇzivatel potˇrebuje nastavit parametry pro spr´avn´e zobrazen´ı pˇredpovˇedi poˇcas´ı a radaru. Podrobny´ popis: Na obrazovce pro nastaven´ı parametru˚ se nach´azej´ı jednotliv´e parametry a ke kaˇzd´emu z nich tak´e seznam moˇznych ´ hodnot. Po kliknut´ı na n´azev parametru cˇ i kteroukoliv z hodnot parametru syst´em pˇreˇcte uˇzivateli jejich podrobny´ popis. Pro kaˇzdy´ parametr, ktery´ chce uˇzivatel zmˇenit, uˇzivatel vybere jednu z moˇznych ´ hodnot parametru a potvrd´ı vybˇ ´ er. Po potvrzen´ı nov´e hodnoty parametru syst´em vˇzdy pro kontrolu pˇreˇcte novou hodnotu parametru. Po nastaven´ı vˇsech parametru˚ uˇzivatel potvrd´ı dokonˇcen´ı nastaven´ı parametru˚ a syst´em provede zobrazen´ı pˇredchoz´ı obrazovky. Pˇredpoklad: Uˇzivatel se nach´az´ı na obrazovce pro nastaven´ı parametru˚ radaru. Akt´erˇi: Uˇzivatel Po skonˇcen´ı: Nastaven´ı parametru˚ pro pˇredpovˇed’ a radar. Sc´en´arˇ: 1. Uˇzivatel vybere jednu z moˇznych ´ hodnot parametru a potvrd´ı vybˇ ´ er. 2. Syst´em pˇreˇcte novou hodnotu parametru. 3. Uˇzivatel opakuje krok 1 do t´e doby neˇz dojde k nastaven´ı posledn´ıho parametru. ˚ 4. Uˇzivatel potvrd´ı dokonˇcen´ı nastaven´ı parametru. 5. Syst´em provede zobrazen´ı pˇredchoz´ı obrazovky.
2.2
UC-2 Vybrat m´ısto
Uˇzivatel potˇrebuje vybrat lokalitu, pro kterou chce zjistit pˇredpovˇed’ poˇcas´ı. Podrobny´ popis: Uˇzivatel potˇrebuje zadat lokalitu, pro kterou chce zjistit pˇredpovˇed’ poˇcas´ı. Aby byla pˇredpovˇed’ co nejpˇresnˇejˇs´ı, uˇzivatel mus´ı zadat lokalitu co nejkonkr´etnˇeji. Typicky se bude jednat o zad´an´ı n´azvu mˇesta, pro kter´e chce poˇcas´ı zjistit. Pot´e co uˇzivatel zad´a n´azev lokality, potvrd´ı dokonˇcen´ı vstupu. Syst´em pˇreˇcte n´azev zadan´e lokality, aby uˇzivatele ˇ informoval o tom, zda zadal n´azev lokality spr´avnˇe. V pˇr´ıpadˇe, zˇ e syst´em umoˇznuje zprostˇredkovat informaci o pˇredpovˇedi poˇcas´ı pro danou lokalitu, potvrd´ı spr´avnost zadan´e lokality. Pokud uˇzivatelem zadan´a lokalita neexistuje, syst´em vyzve uˇzivatele k opˇetovn´emu zad´an´ı n´azvu lokality. Pokud zadan´a lokalita existuje, ale syst´em pro ni nem´a data o pˇredpovˇedi poˇcas´ı, syst´em ohl´as´ı uˇzivateli zmˇenu lokality na nejbliˇzsˇ´ı lokalitu, pro kterou jsou dostupn´a data o pˇredpovˇedi poˇcas´ı. Pˇredpoklad: Uˇzivatel se nach´az´ı na obrazovce pro vybˇ ´ er lokality. Akt´erˇi: Uˇzivatel Po skonˇcen´ı: Zmˇena lokality pro pˇredpovˇed’ poˇcas´ı. Sc´en´arˇ: ˚ 1. Uˇzivatel vybere zpusob zad´an´ı lokality – hlasovy´ nebo textovy´ vstup. 2. Syst´em zobraz´ı obrazovku pro dany´ druh vstupu. 3. Uˇzivatel zad´a n´azev lokality. 4. Uˇzivatel potvrd´ı dokonˇcen´ı vstupu. 5. Syst´em pˇreˇcte n´azev zadan´e lokality. 6. Syst´em potvrd´ı spr´avnost zadan´e lokality a zmˇenu lokality pro pˇredpovˇed’ poˇcas´ı. 4
Alternativn´ı sc´en´arˇ: 1. Alternativa k bodu 6 - Uˇzivatel provedl zad´an´ı neexistuj´ıc´ı lokality (a) Syst´em vyzve uˇzivatele k opˇetovn´emu zad´an´ı lokality. (b) Pokraˇcov´an´ı od kroku 3 2. Alternativa k bodu 6 - Uˇzivatel provedl zad´an´ı existuj´ıc´ı lokality, ale syst´em pro ni nem´a data o pˇredpovˇedi poˇcas´ı. (a) Syst´em ohl´as´ı uˇzivateli zmˇenu lokality na nejbliˇzsˇ ´ı lokalitu, pro kterou jsou dostupn´e data o pˇredpovˇedi poˇcas´ı. (b) Syst´em potvrd´ı zmˇenu lokality pro pˇredpovˇed’ poˇcas´ı.
2.3
UC-3 Zjistit hodinovou pˇredpovˇed’
Uˇzivatel potˇrebuje zjistit pˇredpovˇed’ poˇcas´ı pro konkr´etn´ı hodinu. Pˇredpoklady: 1. Uˇzivatel se nach´az´ı na obrazovce pro hodinovou pˇredpovˇed’ poˇcas´ı. 2. Uˇzivatel m´a vybr´anu lokalitu, pro kterou chce zjistit pˇredpovˇed’ poˇcas´ı. 3. Uˇzivatel m´a vybr´any parametry poˇcas´ı, kter´e ho zaj´ımaj´ı. Akt´erˇi: Uˇzivatel Po skonˇcen´ı: Pˇredpovˇed’ poˇcas´ı pro zadanou hodinu. Sc´en´arˇ: 1. Uˇzivatel vybere hodinu, pro kterou chce zjistit pˇredpovˇed’ poˇcas´ı. 2. Syst´em pˇreˇcte vybranou hodinu. 3. Uˇzivatel potvrd´ı vybˇ ´ er. 4. Syst´em pˇreˇcte uˇzivateli pˇredpovˇed’ poˇcas´ı pro zadanou hodinu.
2.4
UC-4 Zjistit dlouhodobou pˇredpovˇed’
Uˇzivatel potˇrebuje zjistit pˇredpovˇed’ poˇcas´ı pro konkr´etn´ı den. Pˇredpoklady: 1. Uˇzivatel se nach´az´ı na obrazovce pro dlouhodobou pˇredpovˇed’ poˇcas´ı. 2. Uˇzivatel m´a vybr´anu lokalitu, pro kterou chce zjistit pˇredpovˇed’ poˇcas´ı. 3. Uˇzivatel m´a vybr´any parametry poˇcas´ı, kter´e ho zaj´ımaj´ı. Akt´erˇi: Uˇzivatel Po skonˇcen´ı: Pˇredpovˇed’ poˇcas´ı pro zadany´ den. Sc´en´arˇ: 1. Uˇzivatel vybere den, pro ktery´ chce zjistit pˇredpovˇed’ poˇcas´ı. 2. Syst´em pˇreˇcte vybrany´ den. 3. Uˇzivatel potvrd´ı vybˇ ´ er. 4. Syst´em pˇreˇcte uˇzivateli pˇredpovˇed’ poˇcas´ı pro zadany´ den.
5
2.5
UC-5 Zobrazen´ı radaru
˚ ehu nˇekolika pˇredchoz´ıch Uˇzivatel potˇrebuje zjistit stav poˇcas´ı(oblaˇcnosti/sr´azˇ ek) v prubˇ ´ hodin, aby si mohl vytvoˇrit vlastn´ı usudek o moˇzn´em vyvoji poˇcas´ı v lokalitˇe, ve kter´e se ´ pr´avˇe nach´az´ı. Pˇredpoklady: 1. Uˇzivatel se nach´az´ı na obrazovce pro radar. 2. Uˇzivatel m´a vybr´anu lokalitu, pro kterou chce zjistit pˇredpovˇed’ poˇcas´ı. 3. Uˇzivatel m´a vybr´an typ radaru – oblaˇcnost/sr´azˇ ky. 4. Uˇzivatel m´a zvoleny´ poˇcet kroku˚ radaru. Akt´erˇi:Uˇzivatel ´ Po skonˇcen´ı: Vlastn´ı usudek o moˇzn´em vyvoji poˇcas´ı v lokalitˇe, ve kter´e se uˇzivatel pr´avˇe ´ nach´az´ı. Sc´en´arˇ: 1. Uˇzivatel klikne na zobrazen´ı m´ısta na mapˇe. 2. Syst´em zobraz´ı mapu a navigation line k dan´emu m´ıstu na mapˇe. 3. Uˇzivatel se podle navigation line pˇresune k dan´emu m´ıstu na mapˇe a potvrd´ı postup do dalˇs´ı f´aze. 4. Syst´em zobraz´ı oblaˇcnost/sr´azˇ ky v nadch´azej´ıc´ım kroku. 5. Uˇzivatel analyzuje stav oblaˇcnosti/sr´azˇ ek v dan´em kroku. 6. Uˇzivatel pˇrejde do n´asleduj´ıc´ıho kroku. 7. Pokraˇcov´an´ı od kroku 5 dokud uˇzivatel nedojde do posledn´ıho kroku.
3 3.1
Storyboards Zobrazen´ı radaru
Storyboard k usecase UC-5.
6
4
Mockups
Naˇse mockupy maj´ı jednotn´e uˇzivatelsk´e rozhran´ı se dvˇema zobrazovac´ımi cˇ a´ stmi (pˇr´ıpadnˇe jednou spojenou cˇ a´ st´ı). A d´ale maj´ı cˇ a´ st pˇrep´ınac´ı/navigaˇcn´ı, ta vˇzdy zobrazuje tˇri pˇrep´ınac´ı tlaˇc´ıtka, a to: mˇesto, radar, pˇredpovˇed’. Tato tlaˇc´ıtka pˇrep´ınaj´ı mezi jednotlivymi funkcemi ´ aplikace. Ve zbyl´em prostoru je zobrazen hlavn´ı obsah ve dvou nebo jedn´e cˇ a´ sti.
4.1
Zobrazen´ı radaru
Zde jsme navrhli z´akladn´ı zobrazen´ı radarov´e obrazovky. Cel´a zobrazovac´ı cˇ a´ st je vyplnˇena mapou cˇ esk´e republiky s naznaˇcenymi krajskymi mˇesty. Mapa reaguje na dotyk zvukovym ´ ´ ´ ohl´asˇ en´ım polohy. Mˇesto je moˇzn´e vybrat pomoc´ı vybˇ ´ erov´eho input boxu. Na dotyk tlaˇc´ıtka OK se vykresl´ı navigaˇcn´ı cˇ a´ ra kter´a nevidom´eho navede na vyhledan´e m´ısto.
4.2
Pˇredpovˇed’ poˇcas´ı
4.2.1
Hodinov´a
Pˇri hodinov´e pˇredpovˇedi poˇcas´ı je na lev´e zobrazovac´ı cˇ a´ sti vykreslen hodinovy´ cifern´ık
7
s moˇznost´ı vybˇ ´ eru hodiny pˇredpovˇedi. Hodinu je moˇzno nastavit jak na cifern´ıku tak i posuvn´ıkem vedle cifern´ıku. V prav´e cˇ a´ sti je zobrazena mapa vybˇ ´ eru mˇesta. 4.2.2
Dlouhodob´a
Pˇri dlouhodob´e pˇredpovˇedi poˇcas´ı je na lev´e zobrazovac´ı cˇ a´ sti vykreslen posuvn´ık dnu˚ v tydnu. Dny v tydnu se pˇri vyb´ır´an´ı hl´as´ı zvukovˇe. ´ ´
8
4.3
Nastaven´ı
˚ ze zobrazovat pouze jednu poloˇzku u kter´e lze zmˇenit hodnotu Jedna verze nastaven´ı muˇ nastaven´ım textu nebo vybˇ ´ erem zobrazenych ´ moˇznost´ı na tlaˇc´ıtk´ach. Pot´e se pˇrepne na dalˇs´ı poloˇzku nastaven´ı nebo pˇrep´ınac´ımi tlaˇc´ıtky odejde z nastavovac´ı obrazovky.
9
4.4
Kl´avesnicovy´ vstup
Kl´avesnice vyj´ızˇ d´ı na kliknut´ı na input box. A zobraz´ı se pod n´ım. zbytek obrazovky se vykresl´ı pr´azdnym ´ polem. V sekci sketches jsou uk´az´any moˇzn´e n´avrhy jak by kl´avesnice mohla vypadat.
10
5 5.1
Sketches Vykreslen´ı kl´avesnice
Jako nejlepˇs´ı rˇ eˇsen´ı pro zad´av´an´ı textovych ´ hodnot pro nevidom´e do naˇs´ı aplikace se n´am zd´a klasicky´ mobilovy´ cifern´ık a kl´avesnicovy´ vstup. Zde jsou n´acˇ rtky jak by asi vstup mohl vypadat.
V intern´ım testov´an´ı jsme usoudili zˇ e z tˇechto n´avrhu˚ je nejlepˇs´ı levy´ doln´ı, tedy 1)4).
11
