Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Rapid Prototyping

Rapid prototyping

  • Login to see the comments

  • Be the first to like this

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

×