Rapid prototyping

1. Rapid Prototyping

2. Rapid Prototyping
czyli najszybsza, stosunkowa łatwa i
tania droga do przetestowania idei,
konceptu

3. „Everything has been said before,
but since nobody listens we have
to keep going back”
Andre Gide

4. Nie istnieje jedno właściwe
narzędzie, ani wzorcowy proces

5. Nie istnieje jedno właściwe
narzędzie, ani wzorcowy proces

6. Nie istnieje jedno właściwe
narzędzie, ani wzorcowy proces

7. Projektowanie bez prototypowania
jest trochę jak gotowanie bez
smakowania

9. Bring your projects to life!
Twórz prototypy

10. Bring your projects to life!
twórz testuj prototypy

11. Dlaczego prototypy?
Bo pozwalają nam popełniać błędy
wcześnie i niskim kosztem
Koszt nanoszenia zmian i usuwania błędów
wg National Institute of Standards and Technology (NIST)

12. Uważaj!
Tworzenie prototypu to iteracyjny
proces – a nie cel jednostkowy

13. Release early! Release often!
Fail early! Fail often!

14. Dlaczego prototypy?
Tworzymy prototypy, aby zadać
pytanie co jeśli?

15. Co jeśli hipotezy są błędne?

16. Co jeśli nikt nie potrzebuje mojego
produktu?

17. Co jeśli zaprojektowaliśmy to
źle? ...

18. Większość startupów nie umiera z
powodu braku produktów.
Te produkty powstają!

19. Startupy umierają z powodu braku
produktu, którego chcą używać,
wiedzą jak i potrzebują klienci!

20. Co można poprawić?
• Walidację hipotez projektowych (UI,
flow, wizję, propozycję wartości, ...)
• Scope / Biznes
• Pretotyping

21. Prototyp MVP (lepszy scope)
Funkcjonalności niezbędne by dostarczyć
korzyść i zweryfikować nasze hipotezy
MUST HAVE
NICE TO
HAVE
FEATURE

22. Pretotyping – czyli sprawdź ideę
zanim zbudujesz i przetestujesz
rozwiązanie

23. Alberto Savoia - metody pretotypowania:
• metoda Pinokio, czyli tworzenie prototypu, który jedynie imituje
funkcjonalności prawdziwego produktu,
• metoda Mechaniczny Turek, czyli zastąpienie kosztownych rozwiązań
technicznych pracą ludzką,
• metoda prowincjonalna, czyli przetestowanie produktu na małym wycinku
danych
• metoda fake door, czyli sprawdzenie zainteresowania użytkowników jedynie
poprzez zaprezentowanie możliwości bez jej faktycznego wykonania, np.
umieszczenie na stronie aplikacji linku do nowej funkcjonalności, np. forum,
które jeszcze nie istnieje i sprawdzenie współczynnika kliknięcia/wyświetlenia,

24. Jak to robić?
• Ewangelizacja
• Proponuj warianty
• Bierz odpowiedzialność (UX tworzy) za
prototyp

25. Czego użyć?
• http://designmodo.com/generator (Landing page -
weryfikacja idei)
• Invision (http://www.invisionapp.com/)
• Solidify (http://www.solidifyapp.com/)
• Popapp (http://popapp.in/)
• ...
• HTML5
http://www.cooper.com/journal/2013/07/designers-toolkit-proto-testing-for-prototypes

27. Czego użyć?
• http://designmodo.com/generator (Landing page - weryfikacja
idei)
• Invision (http://www.invisionapp.com/)
• Solidify (http://www.solidifyapp.com/)
• Popapp (http://popapp.in/)
• ...
• HTML5
http://www.cooper.com/journal/2013/07/designers-toolkit-proto-testing-for-prototypes

28. HTML5 pomaga nam myśleć o organizacji
strukturze projektu

35. HTML5 + boostrap+ Angular
To robi róźnicę!

36. HTML5 + Boostrap+ Angular JS
• Zmień kod – zauważ rezultat w prototypie!
• Twórz reużywalne komponenty
• Nieustannie ożywiaj i urealniaj swój projekt
• Poczuj jak Twoje rozwiązanie działa już w trakcie
tworzenia (projektowania)

37. HTML5 + Boostrap+ Angular JS
• Zmień kod – zauważ rezultat w prototypie!
• Twórz reużywalne komponenty
• Nieustannie ożywiaj i urealniaj swój projekt
• Poczuj jak Twoje rozwiązanie działa już w trakcie
tworzenia (projektowania)
• Twórz lepsze produkty!
• Stań się lepszym projektantem!

39. Co dalej?

40. Dziękuję za uwagę!
Mariusz Muraszko
UX Designer w Atena Usługi Informatyczne i Finansowe S.A
mmuraszko@inqub.it
http://inqub.it
http://productbox.pl