Úkol č. 2 Vytvoření digitálních mockup
prototypů
Odevzdání: 17. 10. 2012 21:00
Cíl:
A.) Vymyslete vaše stanovisko k problému, který řešíte.
B.) Vytvořte storyboard.
C.) Vytvořte dva digitální mockup prototypy.
Ad A) Vydefinovat si stanovisko k problému je důležitým krokem v rámci celého prototypování.
Konkrétně si tak ujasníte, co je vlastně vaším cílem a k čemu má vaše aplikace/web sloužit. V tomto
bodě vycházejte z vašeho prvního úkolu. Problémy a nápady, které jste vygenerovali v rámci,
brainstormingu, teď určitě využijete. Vyberte si jeden konkrétní problém a zaujměte k němu
stanovisko.
Příklad:
Problém: Po zimě jsou v silnicích vytlučeny díry a často se tak stávají příčinou dopravních nehod.
Stanovisko: Kdyby byly na díry v silnicích upozorňování silničáři, nestávalo by se tolik nehod.
(Alternativní stanovisko: Nehod by se nestávalo tolik, kdyby měli řidiči v chytrých telefonech aplikaci,
která by je díky lokalizaci na nové díry neustále upozorňovala).
Pamatujte si, že na tomto stanovisku k problému budete pracovat celý semestr. Proto si na něm
dejte záležet.
Ad B) Vytvořte storyboard, který bude popisovat kontext situace, kterou díky aplikaci řešíte. Zahrňte
do storyboardu uživatele, místo a situaci, naznačte uživatelovu motivaci – proč konkrétní
aplikaci/web využívá. Ze storyboardu by mělo vyplývat, co může uživatel s aplikací/webem dělat a
jaké jsou funkcionality systému. Nezapomeňte vyzdvihnout spokojenost uživatele po správně
vykonaném sledu kroků, které jej vedou k cíli. Podívejte se na Guide to Storyboard, jistě vás
inspiruje.
Storyboard bude obsahovat 7-9 komiksových okének, používejte fixy a jednoduché zobrazení. Na
detaily budete mít čas celý semestr.
Ad C) Prostřednictvím nástroje Balsamiq vytvořte dva odlišné
prototypy aplikace/webu. Doporučuji instalovat desktopovou verzi
nástroje (jedná se o trial, lze však dohledat registrační klíč).
Rozmyslete se, jak konkrétně budou vaše prototypy fungovat. Oba
musí řešit ten samý problém a vaše stanovisko. Musí se však lišit
v provedení. Např. jeden může využívat rozbalovací menu a druhý
nastavení na škále (viz obrázek). Pamatujte si, že když vytváříte dva
prototypy, více využíváte vaše kreativní schopnosti a výsledek pak
bude jistě lepší. Oba prototypy exportujte z nástroje jako PDF a
zkontrolujte, zda jsou opravdu po spuštění v Adobe Acrobat funkční
(klikatelné). Soubory pak vložte do některé z webových úschoven,
nebo je vložte do ISu tak, aby se k nim dostal i externí uživatel.
Příspěvek na blogu bude obsahovat:
 Stanovisko k problému
 Fotografie storyboardu
 Screeshoty a krátký popis prototypů
 Odkazy na stažení prototypů v souboru PDF
Hodnocení
10 – 7b. perfektní zpracování V příspěvku v blogu bude jasně definováno vaše stanovisko
k problému, fotografie storyboardu o 7-9 komiksových
polích, screenshoty prototypů a odkazy na stažení dvou
PDF dokumentů s prototypy. Prototypy budou precizně
provedeny a všechny relevantní elementy rozhraní funkční.
Článek bude napsán čtivou formou.
6 – 3b. dostatečné zpracování Na blogu bude definováno stanovisko k problému,
fotografie storyboardu o nejméně 4 komiksových polích,
screenshoty dvou prototypů a odkazy na stažení dvou PDF
dokumentů. Prototypy nemusí být precizně provedeny a
také některé méně významné prvky designu nemusí být
funkční. Článek by měl být čtivě napsaný.
2 – 0b. nedostatečné
zpracování (nutná oprava do
3 prac. dnů)
Takto hodnocený úkol nedosahuje kvality úkolu
zpracovaného dostatečně.
Tomáš Bouda
boudatomas@gmail.com