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

Bo pozwalają nam popełniać błędy wcześnie i niskim kosztem

Dlaczego prototypy?

Koszt nanoszenia zmian i usuwania błędów wg National Institute of Standards and Technology (NIST)

Tworzenie prototypu to iteracyjny proces – a nie cel jednostkowy

Uważaj!

Release early! Release often!

Fail early! Fail often!

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

Dlaczego prototypy?

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

• Pretotyping

Prototyp MVP (lepszy scope)

Funkcjonalności niezbędne by dostarczyć korzyść i zweryfikować nasze hipotezy

NICE TOHAVE

MUST

HAVE

FEATURE

Pretotyping – czyli sprawdź ideę zanim zbudujesz i

przetestujesz rozwiązanie

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,

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/)

• Solidify (http://www.solidifyapp.com/)

• Popapp (http://popapp.in/)

• ...

• HTML5

http://www.cooper.com/journal/2013/07/designers-toolkit-proto-testing-for-prototypes

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

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żywiaj i urealniaj swój

projekt

• Poczuj jak Twoje rozwiązanie działa już w

trakcie tworzenia (projektowania)

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!

Co dalej?

Dziękuję za uwagę!

Mariusz MuraszkoUX Designer w Atena Usługi Informatyczne i Finansowe

S.A 

mmuraszko@inqub.ithttp://inqub.it

http://productbox.pl