Krátká přednáška o prototypování digitálních produktů pro začátečníky. Původní (nerozpadlé:) slidy v Keynote k dispozici zde: https://www.dropbox.com/s/cf28xxtequk2ohn/ctvrtkon.key?dl=0

1. Čtvrtkon, 3. 3. 2016 Michal Acler / @agilek / acler.cz
Prototypování
digitálních produktů
Čtvrtkon, 3. března 2016

2. Čtvrtkon, 3. 3. 2016 Michal Acler / @agilek / acler.cz
Co je to
prototyp?

3. Čtvrtkon, 3. 3. 2016 Michal Acler / @agilek / acler.cz
Prototypování je způsob,
jak včasně a levně odhalit
věci, které nefungují,
takže budete mít více
prostředků na věci, které
fungují.

4. Čtvrtkon, 3. 3. 2016 Michal Acler / @agilek / acler.cz

5. Čtvrtkon, 3. 3. 2016 Michal Acler / @agilek / acler.cz
Klasický vývoj
Správná
cesta
Bez prototypování

6. Čtvrtkon, 3. 3. 2016 Michal Acler / @agilek / acler.cz
“If I had an hour to
solve a problem I'd
spend 55 minutes
thinking about the
problem and
5 minutes thinking
about the solutions.”
Albert Einstein

7. Čtvrtkon, 3. 3. 2016 Michal Acler / @agilek / acler.cz
Iterativní vývoj
Správná
cesta
S prototypováním
TEST & DESIGN TEST & DESIGNDESIGN

8. Čtvrtkon, 3. 3. 2016 Michal Acler / @agilek / acler.cz
“Všechno je
prototyp.”
Vždycky může být lepší řešení.
(A časem zákonitě bude.)

9. Čtvrtkon, 3. 3. 2016 Michal Acler / @agilek / acler.cz
Proč prototypovat?
1. Rychle zjistíte, co (ne)funguje
2. Efektivně odprezentujete návrh řešení
3. Jako doplněk či náhrada funkční specifikace

10. Čtvrtkon, 3. 3. 2016 Michal Acler / @agilek / acler.cz
Ušetříte
klientům
peníze
(hromady peněz!)

11. Čtvrtkon, 3. 3. 2016 Michal Acler / @agilek / acler.cz
Nestačí na to wireframy?
1. Jsou statické
2. Hůře se s nimi komunikuje myšlenka
3. Každý si je může vykládat po svém

12. Čtvrtkon, 3. 3. 2016 Michal Acler / @agilek / acler.cz
1 prototyp nahradí
minimálně 10 meetingů

13. Čtvrtkon, 3. 3. 2016 Michal Acler / @agilek / acler.cz
Jak jsme navrhovali VF Samoobsluhu

14. Čtvrtkon, 3. 3. 2016 Michal Acler / @agilek / acler.cz
Co všechno prototypovat?
1. Koncepty, screenflows
2. Layout, interakce
3. Vizuální design a animace

15. Čtvrtkon, 3. 3. 2016 Michal Acler / @agilek / acler.cz
Cílem prototypu není co
nejlevněji vyrobit něco, co
se maximálně blíží
zamýšlené aplikaci, ale to,
co vám odpoví na otázku,
zda daná věc funguje.

16. Čtvrtkon, 3. 3. 2016 Michal Acler / @agilek / acler.cz
Často prototypujete drobnosti

17. Čtvrtkon, 3. 3. 2016 Michal Acler / @agilek / acler.cz
I ty můžeš
prototypovat
(jo, i ty tam vzadu!)

18. Čtvrtkon, 3. 3. 2016 Michal Acler / @agilek / acler.cz
Papír
UXpin
Axure
FramerJS
KódPixate
Origami
Nástroje pro všechny
Pop Marvel
Flinto
Invision
Amatér Profesionál

19. Čtvrtkon, 3. 3. 2016 Michal Acler / @agilek / acler.cz
POP: https://popapp.in
“Prostě to
nakresli a vyfoť.”

20. Čtvrtkon, 3. 3. 2016 Michal Acler / @agilek / acler.cz
UXpin: https://www.uxpin.com
“Pokud si chcete víc hrát.”

21. Čtvrtkon, 3. 3. 2016 Michal Acler / @agilek / acler.cz
Axure RP: http://www.axure.com
“Průmyslový
standard”

22. Čtvrtkon, 3. 3. 2016 Michal Acler / @agilek / acler.cz
Nástroje pro prototypování animací a flows
http://invisionapp.com/
https://www.flinto.com/
https://marvelapp.com/
http://principleformac.com/

23. Čtvrtkon, 3. 3. 2016 Michal Acler / @agilek / acler.cz

24. Čtvrtkon, 3. 3. 2016 Michal Acler / @agilek / acler.cz
http://www.pixate.com/, http://protomoto.com/, http://framerjs.com/examples/,
http://www.invisionapp.com/tour, https://www.marvelapp.com, http://
www.getflinto.com, http://www.proto.io, http://www.relativewave.com/form/,
https://www.fluidui.com/, https://prottapp.com/, http://www.justinmind.com/,
http://www.solidifyapp.com/, https://pidoco.com/en, https://www.ux-app.com/,
http://giveabrief.com/index.html, http://paperproto.com, http://canvasflip.com/,
https://www.prottapp.com/, http://interactions.webflow.com
…
Nástrojů jsou
desítky
Rychlé srovnání:
http://bit.ly/srovnani-nastroju

25. Čtvrtkon, 3. 3. 2016 Michal Acler / @agilek / acler.cz
Co nás čeká?

26. 1. Prototyp ušetří peníze a čas
2. Nezapomínejte, co prototypujete
3. Prototypovat může každý
4. Vyberte si nejefektivnější nástroj
5. Sledujte trendy, vývoj jde rychle dopředu
Michal Acler / @agilek / acler.cz
Co si odnést?

27. Čtvrtkon, 3. 3. 2016 Michal Acler / @agilek / acler.cz
Díky