Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
Rapid Prototyping
Rapid Prototyping 
czyli najszybsza, stosunkowa łatwa i 
tania droga do przetestowania idei, 
konceptu
„Everything has been said before, 
but since nobody listens we have 
to keep going back” 
Andre Gide
Nie istnieje jedno właściwe 
narzędzie, ani wzorcowy proces
Nie istnieje jedno właściwe 
narzędzie, ani wzorcowy proces
Nie istnieje jedno właściwe 
narzędzie, ani wzorcowy proces
Projektowanie bez prototypowania 
jest trochę jak gotowanie bez 
smakowania
Bring your projects to life! 
Twórz prototypy
Bring your projects to life! 
twórz testuj prototypy
Dlaczego prototypy? 
Bo pozwalają nam popełniać błędy 
wcześnie i niskim kosztem 
Koszt nanoszenia zmian i usuwania błędów...
Uważaj! 
Tworzenie prototypu to iteracyjny 
proces – a nie cel jednostkowy
Release early! Release often! 
Fail early! Fail often!
Dlaczego prototypy? 
Tworzymy prototypy, aby zadać 
pytanie co jeśli?
Co jeśli hipotezy są błędne?
Co jeśli nikt nie potrzebuje mojego 
produktu?
Co jeśli zaprojektowaliśmy to 
źle? ...
Większość startupów nie umiera z 
powodu braku produktów. 
Te produkty powstają!
Startupy umierają z powodu braku 
produktu, którego chcą używać, 
wiedzą jak i potrzebują klienci!
Co można poprawić? 
• Walidację hipotez projektowych (UI, 
flow, wizję, propozycję wartości, ...) 
• Scope / Biznes 
• Pre...
Prototyp MVP (lepszy scope) 
Funkcjonalności niezbędne by dostarczyć 
korzyść i zweryfikować nasze hipotezy 
MUST HAVE 
NI...
Pretotyping – czyli sprawdź ideę 
zanim zbudujesz i przetestujesz 
rozwiązanie
Alberto Savoia - metody pretotypowania: 
• metoda Pinokio, czyli tworzenie prototypu, który jedynie imituje 
funkcjonalnoś...
Jak to robić? 
• Ewangelizacja 
• Proponuj warianty 
• Bierz odpowiedzialność (UX tworzy) za 
prototyp
Czego użyć? 
• http://designmodo.com/generator (Landing page - 
weryfikacja idei) 
• Invision (http://www.invisionapp.com/...
Czego użyć? 
• http://designmodo.com/generator (Landing page - weryfikacja 
idei) 
• Invision (http://www.invisionapp.com/...
HTML5 pomaga nam myśleć o organizacji 
strukturze projektu
HTML5 + boostrap+ Angular 
To robi róźnicę!
HTML5 + Boostrap+ Angular JS 
• Zmień kod – zauważ rezultat w prototypie! 
• Twórz reużywalne komponenty 
• Nieustannie oż...
HTML5 + Boostrap+ Angular JS 
• Zmień kod – zauważ rezultat w prototypie! 
• Twórz reużywalne komponenty 
• Nieustannie oż...
Co dalej?
Dziękuję za uwagę! 
Mariusz Muraszko 
UX Designer w Atena Usługi Informatyczne i Finansowe S.A 
mmuraszko@inqub.it 
http:/...
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Nächste SlideShare
Wird geladen in …5
×

Rapid Prototyping

Rapid prototyping

Ähnliche Bücher

Kostenlos mit einer 30-tägigen Testversion von Scribd

Alle anzeigen

Ähnliche Hörbücher

Kostenlos mit einer 30-tägigen Testversion von Scribd

Alle anzeigen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Rapid Prototyping

  1. 1. Rapid Prototyping
  2. 2. Rapid Prototyping czyli najszybsza, stosunkowa łatwa i tania droga do przetestowania idei, konceptu
  3. 3. „Everything has been said before, but since nobody listens we have to keep going back” Andre Gide
  4. 4. Nie istnieje jedno właściwe narzędzie, ani wzorcowy proces
  5. 5. Nie istnieje jedno właściwe narzędzie, ani wzorcowy proces
  6. 6. Nie istnieje jedno właściwe narzędzie, ani wzorcowy proces
  7. 7. Projektowanie bez prototypowania jest trochę jak gotowanie bez smakowania
  8. 8. Bring your projects to life! Twórz prototypy
  9. 9. Bring your projects to life! twórz testuj prototypy
  10. 10. 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)
  11. 11. Uważaj! Tworzenie prototypu to iteracyjny proces – a nie cel jednostkowy
  12. 12. Release early! Release often! Fail early! Fail often!
  13. 13. Dlaczego prototypy? Tworzymy prototypy, aby zadać pytanie co jeśli?
  14. 14. Co jeśli hipotezy są błędne?
  15. 15. Co jeśli nikt nie potrzebuje mojego produktu?
  16. 16. Co jeśli zaprojektowaliśmy to źle? ...
  17. 17. Większość startupów nie umiera z powodu braku produktów. Te produkty powstają!
  18. 18. Startupy umierają z powodu braku produktu, którego chcą używać, wiedzą jak i potrzebują klienci!
  19. 19. Co można poprawić? • Walidację hipotez projektowych (UI, flow, wizję, propozycję wartości, ...) • Scope / Biznes • Pretotyping
  20. 20. Prototyp MVP (lepszy scope) Funkcjonalności niezbędne by dostarczyć korzyść i zweryfikować nasze hipotezy MUST HAVE NICE TO HAVE FEATURE
  21. 21. Pretotyping – czyli sprawdź ideę zanim zbudujesz i przetestujesz rozwiązanie
  22. 22. 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,
  23. 23. Jak to robić? • Ewangelizacja • Proponuj warianty • Bierz odpowiedzialność (UX tworzy) za prototyp
  24. 24. 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
  25. 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
  26. 26. HTML5 pomaga nam myśleć o organizacji strukturze projektu
  27. 27. HTML5 + boostrap+ Angular To robi róźnicę!
  28. 28. 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)
  29. 29. 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!
  30. 30. Co dalej?
  31. 31. 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

×