DailyArt – jak zaprojektować aplikację mobilną kochaną przez ludzi?/WUD Silesia 2014
WUD WRO 2013 - Szymon Boniecki - Paper prototyping
description
Transcript of WUD WRO 2013 - Szymon Boniecki - Paper prototyping
WUD WRO 2013
Paper prototyping
Szymon Boniecki
Monterail
WUD WRO 2013
Ilu z Was tworzyło prototypw jakiejkolwiek formie?
WUD WRO 2013
Mikrus coupe, Janusz
Zygadlewicz
WUD WRO 2013 4
Prototyp
Nokii
WUD WRO 2013 5
Biblioteki Foundation/Boostrap do szybkich prototypów w
HTMLu
WUD WRO 2013
Użyjemy takiego narzędzia, w którym czujemy się komfortowoJednocześnie takiego które pozwoli nam dostać odpowiedzi na hipotezy postawione w naszym interfejsie
6
WUD WRO 2013
Co to znaczy dla nas,uczestników WUD WRO?
WUD WRO 2013
Po procesie szkicowania, prezentowania, dyskutowaniai iterowania macie do dyspozycji najlepsze konceptyNa ich podstawie stworzymy prototypy papierowe
WUD WRO 2013
Ilu z Was potrafi rysować?
WUD WRO 2013
Im gorzej rysujecie tym lepiejSzczegóły nie są ważnePrototypy mają dobrze komunikować cele i używać prostych symboli
WUD WRO 2013 11
WUD WRO 2013 12
WUD WRO 2013 13
Bardzo tanim kosztem może być użyty dosłownie do jakiekolwiek interfejsu
Pozwala szybko uzyskać feedback od użytkowników już na bardzo wczesnym etapie kiedy interfejs ciągle jest wymyślany
Może być zrobiony ręcznie albo z wydrukowanych elementów interfejsów i zrzutów ekranu
Prototyp papierowy
WUD WRO 2013 14
Łatwy do wykonaniaprawie zerowa bariera wejścia — każdy może się dołączyć!
WUD WRO 2013 15
Łatwy do wykonaniaprawie zerowa bariera wejścia — każdy może się dołączyć!
Łatwy do zmianynie zawiera szczegółów, zależy nam na pokazaniu sposobu interakcjimożna je modyfikować “w locie”
WUD WRO 2013 16
Łatwy do wykonaniaprawie zerowa bariera wejścia — każdy może się dołączyć!
Łatwy do zmianynie zawiera szczegółów, zależy nam na pokazaniu sposobu interakcjimożna je modyfikować “w locie”
Łatwy do wyrzucenia — powinien być!wspiera iteracyjne podejście i robienie wielu, coraz lepszych wersji
W praktyce
17
WUD WRO 2013 18
Możemy wykorzystywać ruchome elementy papierowe, które wprowadzają interaktywność
WUD WRO 2013 19
Warto zbudować bibliotekę elementów
WUD WRO 2013 20
Zagięcia!
WUD WRO 2013 21
Papierowe kopie naśladujące cały kontekst — świetne dla urządzeń