[XXX-PUB] Návrh uživatelského rozhraní pro ovládací panel v restauracích The PUB

Transkript

1 D2 [XXX-PUB] Návrh uživatelského rozhraní pro ovládací panel v restauracích The PUB Radek Ježdík Petr Hejhal Petr Smrček jezdirad@fel.cvut.cz hejhape1@fel.cvut.cz smrcepet@fel.cvut.cz 27. října 2013

2 Případy užití a scénáře První použití (příchod) Založení účtu (bez The PUB Club karty) Založení účtu (s The PUB Club kartou) Čepování piva na společný účet Čepování na účet Přivolání obsluhy Volba objednávek z hlavní obrazovky Volba objednávek z obrazovky čepování Objednání jídla Objednání nápoje Potvrzení objednávky Objednání skladby Storyboards Model systému HTA Diagram Papírový mockup Výběr jazyka, nápověda Hlavní obrazovka Čepování piva Objednávka jídla Objednávka skladby

3 Případy užití a scénáře První použití (příchod) Tento případ užití popisuje první věc, co nový uživatel (host) musí udělat při započetí práce s panelem. Panel je ve stavu připraven k použití, tj. nemá žádné asociované účty (předchozí byly zaplaceny). 1. Systém nabídne na výběr jazyky, které systém poskytuje 2. Uživatel si vybere jazyk, v kterém chce systém používat 3. Systém ve vybraném jazyku zobrazí nabídku pro navigaci na nápovědu a na hlavní obrazovku a. Pokud uživatel zvolí nápovědu, systém zobrazí nápovědu i. uživatel může kdykoli přejít na hlavní obrazovku, pokračuje se bodem 4. b. Pokud uživatel zvolí hlavní obrazovku, systém zobrazí hlavní obrazovku 4. Systém zobrazí hlavní obrazovku systému Založení účtu (bez The PUB Club karty) Vstupní podmínka: systém je na hlavní obrazovce 1. Uživatel klikne na tlačítko pro přidání nového účtu 2. Systém založí nový účet (s náhodným nepoužitým avatarem) a zobrazí obrazovku pro čepování piva (viz další případ) a možností vybrat si vlastního avatara a. Pokud uživatel chce, vybere si jiného avatara a systém změní avatara pro tento účet 3. Uživatel má možnost pokračovat případem Čepování na účet 4. Uživatel se tlačítkem zpět dostane na hlavní obrazovku Založení účtu (s The PUB Club kartou) Vstupní podmínka: uživatel vlastní kartu The PUB Club a má ji u sebe 1. Uživatel přiloží kartu ke čtečce u panelu 2. Systém založí nový účet spárovaný s danou kartou a načte avatara (fotku) uživatele z core systému 3. Systém zobrazí obrazovku pro čepování piva (viz Čepování na účet) 4. Uživatel se tlačítkem zpět dostane na hlavní obrazovku

4 Čepování piva na společný účet Vstupní podmínka: není vybrán žádný účet 1. Uživatel začne čepovat pivo 2. Systém zobrazí informační obrazovku pro čepování piva a zaznamenává a zobrazuje informace o čepování 3. Uživatel přestane čepovat 4. Po 3 sekundách informační obrazovka zmizí a zobrazí se hlavní obrazovka Čepování na účet Vstupní podmínka: systém je na hlavní obrazovce 1. Uživatel zvolí účet, na který chce čepovat (lze zvolit i společný účet) a. klepnutím na daný účet b. přiložením The PUB Club karty ke čtečce (viz Založení účtu (s The PUB Club kartou)) 2. Systém zobrazí informační obrazovku pro čepování piva a. Při přehmatu se lze vrátit na hlavní obrazovku pomocí návratového tlačítka 3. Uživatel začne čepovat 4. Systém zaznamenává a zobrazuje informace o čepování 5. Uživatel přestane čepovat 6. Systém čeká na další čepování nebo interakci se systémem (zpět, objednávka) Změna aktuálního účtu Vstupní podmínka: systém je na informační obrazovce pro čepování piva nebo v průběhu objednávky Uživatel klepne na tlačítko pro změnu účtu Systém zobrazí nabídku všech účtů Uživatel vybere příslušný účet Systém se vrátí do původního stavu, pouze s jiným zvoleným účtem (tedy např. objednávka či dosavadní čepování piva bude přiřazeno pod nový účet) Přivolání obsluhy Vstupní podmínka: systém je na hlavní obrazovce 1. Uživatel klepne na tlačítko pro přivolání obsluhy 2. Systém na tlačítku znázorní, že obsluha byla přivolána

5 Volba objednávek z hlavní obrazovky Vstupní podmínka: systém je na hlavní obrazovce Uživatel stiskne tlačítko pro objednávku jídel, nápojů a skladeb Systém zobrazí nabídku účtů Uživatel vybere požadovaný účet, či celý stůl Systém zobrazí volbu druhu objednávky Volba objednávek z obrazovky čepování Vstupní podmínka: systém je na informační obrazovce pro čepování piva 1. Uživatel stiskne tlačítko pro objednávku jídel, nápojů a skladeb 2. Systém zobrazí volbu druhu objednávky (zvolen je rovnou účet, na který bylo čepováno) Objednání jídla Vstupní podmínka: systém je na obrazovce volby druhu objednávky Uživatel stiskne tlačítko pro objednávku jídel Systém zobrazí nabídku jídel Uživatel najde požadované jídlo a stiskne tlačítko pro přidání Systém u nápoje zobrazí aktuálně objednané množství a. Body 3 a 4 lze opakovat a docílit tak vytvoření kompletní objednávky 5. Scénář pokračuje případem Potvrzení objednávky Objednání nápoje Vstupní podmínka: systém je na obrazovce volby druhu objednávky Uživatel stiskne tlačítko pro objednávku nápojů Systém zobrazí nabídku nápojů Uživatel najde požadovaný nápoj a stiskne tlačítko pro přidání Systém u nápoje zobrazí aktuálně objednané množství a. Body 3 a 4 lze opakovat a docílit tak vytvoření kompletní objednávky 5. Scénář pokračuje případem Potvrzení objednávky Potvrzení objednávky Vstupní podmínka: systém je na obrazovce objednávky jídla nebo nápojů 1. Uživatel stiskne tlačítko pro potvrzení objednávky 2. Systém zobrazí shrnutí objednávky a tlačítka pro potvrzení a návrat k výběru objednávky 3. Uživatel potvrdí objednávku

6 4. Systém zobrazí hlavní obrazovku s upozorněním o úspěšném přijetí objednávky Objednání skladby Vstupní podmínka: systém je na obrazovce volby druhu objednávky 1. Uživatel stiskne tlačítko pro objednávku hudby 2. Systém zobrazí seznam interpretů a pole pro vyhledávání 3. Uživatel vybere požadovanou skladbu a. pomocí vyhledávání b. podle interpreta 4. Systém zobrazí možnosti zařazení do fronty 5. Uživatel vybere požadovanou možnost 6. Systém skladbu příslušně zařadí a uživatele informuje v oznamovací liště a. Další skladbu je možné objednat opakováním kroků Uživatel stiskne tlačítko pro návrat na hlavní obrazovku 8. Systém zobrazí hlavní obrazovku

7 Storyboards Příchod, nastavení a založení účtů

8 Oprava čepování na společný účet

9 Objednání hudební skladby Model systému HTA Diagram Následující diagram zobrazuje dekompozici úkolů, které lze se systémem provést. Každé větvení má tzv. plán, který definuje v jakém pořadí a v jakých závislostech se jednotlivé podúkoly mají provádět.

10 Papírový mockup Výběr jazyka, nápověda Nejprve jsou uživateli zobrazeny možnosti výběru jazyka, v kterém bude systém ovládán. Po zvolení jazyka, si může uživatel projít nápovědu k systému a ke správnému čepování piva (jednoduché obrázky a popisy) nebo přejít na hlavní obrazovku.

11 Hlavní obrazovka Nahoře se nachází oblast s upozorněními a různými doplňkovými informacemi, jako např. jaká skladba v hospodě právě hraje nebo jak si vede stůl co se týče množství vytočeného piva v porovnání s ostatními stoly v hospodě. Vpravo se nachází číslo stolu a jednoduché menu. V centrální části panelu se nachází volba jednotlivých účtů včetně společného a možnost přidat další účet.

12 Čepování piva V horní části panelu zůstává lišta s upozorněními stejně jako na hlavní obrazovce. Menu vpravo obsahuje místo volby možnosti možnost změny účtu - tedy opravy, pokud uživatel omylem čepoval na cizí nebo společný účet. Položka menu objednávka zahájí objednávku přímo na právě aktivní účet. V hlavní části panelu se nachází jasná identifikace právě aktivního účtu. Dále jsou na obrazovce informace o již vytočeném množství piva a pořadí v rámci stolu, hospody či celé Republiky. Průběh čepování je znázorněn animací. V dolní části se nachází tlačítko hotovo, které uživatele vrátí na hlavní obrazovku.

13 Objednávka jídla Obrazovka zobrazuje seznam náhledů jídel s popisem. Po klepnutí se vybere počet kusů, který chce uživatel objednat a přejde se na obrazovku pro výběr účtu.

14 Objednávka skladby Obrazovka obsahuje textový filtr, který zobrazí žánry, skupiny a skladby, které odpovídají textu zadanému pomocí klávesnice. Po vybrání skladby a potvrzení se skladba zařadí do fronty.