Není prototyp jako prototyp

„Jak řešíte prototypování mobilních aplikací Vy? Jak vypadají Vaše prototypy? Víte, co to je? Kdy je děláte? A v čem? A kolik jich je? Jak vypadají? A jsou vůbec k něčemu? Ukáži Vám, jak se vypadá má odpověď na tyto otázky. Ta Vaše pak bude na Vás ;)“

Prezentace zazněla na lednovém setkání vývojářů mobilních aplikací for Mobile. Více najdete na http://www.for-mobile.cz a http://srazy.info/for-mobile

Transcript

1. Není prototyp jako prototyp Tomáš Jukin @Inza Juicymo www.juicymo.cz @JuicymoCZ
2. Jak na prototypování mobilních aplikací? • Pomalu (pořádný prototyp ~ 8h) • S citem • HIG • Soustředit se na sdělení Tomáš Jukin - Není prototyp jako prototyp Juicymo (www.juicymo.cz) @JuicymoCZ
3. LFP? Tomáš Jukin - Není prototyp jako prototyp Juicymo (www.juicymo.cz) @JuicymoCZ
4. WTF? Tomáš Jukin - Není prototyp jako prototyp Juicymo (www.juicymo.cz) @JuicymoCZ
5. Low Fidelity Prototype • = prototyp nízké věrnosti • “kresba” (=~ wireframe) • černobílý - testujeme JEN UX, UI! (ne design) • ideálně proklikávací (aby šlo testovat) • na co pozor: • šířka pera/tužky • rozlišení • interakce! Tomáš Jukin - Není prototyp jako prototyp Juicymo (www.juicymo.cz) @JuicymoCZ
6. Low Fidelity Prototype Tomáš Jukin - Není prototyp jako prototyp Juicymo (www.juicymo.cz) @JuicymoCZ
7. Low Fidelity Prototype • V čem tvořit? • Papír a tužka/fix • Balsamic Mockups (a LiveMockups) • Mockingbird • “Wireframovací nástroje” • V čem netvořit? • Axure RP • Photoshop/Fireworks • xCode/Eclipse Tomáš Jukin - Není prototyp jako prototyp Juicymo (www.juicymo.cz) @JuicymoCZ • HTML/CSS • Grafické editory
8. Low Fidelity Prototype • V čem tvořit? • Papír a tužka/fix • Balsamic Mockups (a LiveMockups) • Mockingbird • “Wireframovací nástroje” • V čem netvořit? • Axure RP • Photoshop/Fireworks • xCode/Eclipse Tomáš Jukin - Není prototyp jako prototyp Juicymo (www.juicymo.cz) @JuicymoCZ • HTML/CSS • Grafické editory INTERAKCE!
9. HFP? Tomáš Jukin - Není prototyp jako prototyp Juicymo (www.juicymo.cz) @JuicymoCZ
10. High Fidelity Prototype • = prototyp vysoké věrnosti • grafika/design (ne wireframe!) • barevný - testujeme UI, UX a design • nutně proklikávací/interaktivní (aby šlo testovat) • na co pozor: • jak snadné/levné jsou změny • práce navíc? Tomáš Jukin - Není prototyp jako prototyp Juicymo (www.juicymo.cz) @JuicymoCZ
11. High Fidelity Prototype Tomáš Jukin - Není prototyp jako prototyp Juicymo (www.juicymo.cz) @JuicymoCZ
12. High Fidelity Prototype • V čem tvořit? • xCode/Eclipse • Photoshop/Fireworks • Grafické editory • V čem netvořit? • Papír a tužka/fix • Balsamiq Mockups • Mockingbird Tomáš Jukin - Není prototyp jako prototyp Juicymo (www.juicymo.cz) @JuicymoCZ •“Wireframovací nástroje” •Axure RP •HTML/CSS
13. Workflow Tomáš Jukin - Není prototyp jako prototyp Juicymo (www.juicymo.cz) @JuicymoCZ
14. Workflow • Proces • Od ničeho k aplikaci • Dáno konvencí, standartizováno a “normalizováno” • Tým se na tom domluvil Tomáš Jukin - Není prototyp jako prototyp Juicymo (www.juicymo.cz) @JuicymoCZ
15. Naivní Workflow No. I Tomáš Jukin - Není prototyp jako prototyp Juicymo (www.juicymo.cz) @JuicymoCZ Zadání Jak to má vypadat? Design Co to má umět? Kód Hotovo!
16. Naivní Workflow No. I Tomáš Jukin - Není prototyp jako prototyp Juicymo (www.juicymo.cz) @JuicymoCZ Zadání Jak to má vypadat? Design Co to má umět? Kód Hotovo! Fail!
17. Naivní Workflow No. II Tomáš Jukin - Není prototyp jako prototyp Juicymo (www.juicymo.cz) @JuicymoCZ Zadání Jak to má vypadat? Design Co to má umět? Kód Hotovo!
18. Naivní Workflow No. II Tomáš Jukin - Není prototyp jako prototyp Juicymo (www.juicymo.cz) @JuicymoCZ Zadání Jak to má vypadat? Design Co to má umět? Kód Hotovo! Fail!
19. Amatérské Workflow Tomáš Jukin - Není prototyp jako prototyp Juicymo (www.juicymo.cz) @JuicymoCZ LFP Testování UI/UX Je OK? Design Testování UI/UX Je OK? +Implementace Zadání Analýza Je OK? HFP Testování UI/UX Je OK? Hotovo!
20. Amatérské Workflow Tomáš Jukin - Není prototyp jako prototyp Juicymo (www.juicymo.cz) @JuicymoCZ LFP Testování UI/UX Je OK? Design Testování UI/UX Je OK? +Implementace Zadání Analýza Je OK? HFP Testování UI/UX Je OK? Hotovo! Toto je pracné :-( Toto je nějaká banda obrázků :-(
21. Profíkovo Workflow Tomáš Jukin - Není prototyp jako prototyp Juicymo (www.juicymo.cz) @JuicymoCZ LFP Testování UI/UX Je OK? Design Testování UI/UX Je OK? +Model Zadání Analýza Je OK? HFP Testování UI/UX Je OK? Hotovo! Toto je snadné :-)! Toto je aplikace bez modelu :-)
22. A jaké workflow používáte vy? Tomáš Jukin - Není prototyp jako prototyp Juicymo (www.juicymo.cz) @JuicymoCZ
23. A jaké workflow budete používat? Tomáš Jukin - Není prototyp jako prototyp Juicymo (www.juicymo.cz) @JuicymoCZ
24. Kdy je nejlepší nasadit nové workflow? Tomáš Jukin - Není prototyp jako prototyp Juicymo (www.juicymo.cz) @JuicymoCZ
25. Včera bylo pozdě... Tomáš Jukin - Není prototyp jako prototyp Juicymo (www.juicymo.cz) @JuicymoCZ
26. Závěrečné shrnutí Tomáš Jukin - Není prototyp jako prototyp Juicymo (www.juicymo.cz) @JuicymoCZ • Známe LFP - je to cool! • Známe HFP - brácha LFP a je taky cool! • Známe workflow • víme proč je dobré... • budeme ho používat - hned od zítřka ;-)
27. Tomáš Jukin - Není prototyp jako prototyp Juicymo (www.juicymo.cz) @JuicymoCZ Děkuji za pozornost Dotazy? Tomáš Jukin @Inza