wud wro 2013 - szymon boniecki - paper prototyping
DESCRIPTION
Technika UX - Paper prototyping - mentor: Szymon Boniecki, Monterail. WUD WRO 2013TRANSCRIPT
![Page 1: WUD WRO 2013 - Szymon Boniecki - Paper prototyping](https://reader035.vdocuments.mx/reader035/viewer/2022081518/54b245824a795944318b457c/html5/thumbnails/1.jpg)
WUD WRO 2013
Paper prototyping
Szymon Boniecki
Monterail
![Page 2: WUD WRO 2013 - Szymon Boniecki - Paper prototyping](https://reader035.vdocuments.mx/reader035/viewer/2022081518/54b245824a795944318b457c/html5/thumbnails/2.jpg)
WUD WRO 2013
Ilu z Was tworzyło prototypw jakiejkolwiek formie?
![Page 3: WUD WRO 2013 - Szymon Boniecki - Paper prototyping](https://reader035.vdocuments.mx/reader035/viewer/2022081518/54b245824a795944318b457c/html5/thumbnails/3.jpg)
WUD WRO 2013
Mikrus coupe, Janusz
Zygadlewicz
![Page 4: WUD WRO 2013 - Szymon Boniecki - Paper prototyping](https://reader035.vdocuments.mx/reader035/viewer/2022081518/54b245824a795944318b457c/html5/thumbnails/4.jpg)
WUD WRO 2013 4
Prototyp
Nokii
![Page 5: WUD WRO 2013 - Szymon Boniecki - Paper prototyping](https://reader035.vdocuments.mx/reader035/viewer/2022081518/54b245824a795944318b457c/html5/thumbnails/5.jpg)
WUD WRO 2013 5
Biblioteki Foundation/Boostrap do szybkich prototypów w
HTMLu
![Page 6: WUD WRO 2013 - Szymon Boniecki - Paper prototyping](https://reader035.vdocuments.mx/reader035/viewer/2022081518/54b245824a795944318b457c/html5/thumbnails/6.jpg)
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
![Page 7: WUD WRO 2013 - Szymon Boniecki - Paper prototyping](https://reader035.vdocuments.mx/reader035/viewer/2022081518/54b245824a795944318b457c/html5/thumbnails/7.jpg)
WUD WRO 2013
Co to znaczy dla nas,uczestników WUD WRO?
![Page 8: WUD WRO 2013 - Szymon Boniecki - Paper prototyping](https://reader035.vdocuments.mx/reader035/viewer/2022081518/54b245824a795944318b457c/html5/thumbnails/8.jpg)
WUD WRO 2013
Po procesie szkicowania, prezentowania, dyskutowaniai iterowania macie do dyspozycji najlepsze konceptyNa ich podstawie stworzymy prototypy papierowe
![Page 9: WUD WRO 2013 - Szymon Boniecki - Paper prototyping](https://reader035.vdocuments.mx/reader035/viewer/2022081518/54b245824a795944318b457c/html5/thumbnails/9.jpg)
WUD WRO 2013
Ilu z Was potrafi rysować?
![Page 10: WUD WRO 2013 - Szymon Boniecki - Paper prototyping](https://reader035.vdocuments.mx/reader035/viewer/2022081518/54b245824a795944318b457c/html5/thumbnails/10.jpg)
WUD WRO 2013
Im gorzej rysujecie tym lepiejSzczegóły nie są ważnePrototypy mają dobrze komunikować cele i używać prostych symboli
![Page 11: WUD WRO 2013 - Szymon Boniecki - Paper prototyping](https://reader035.vdocuments.mx/reader035/viewer/2022081518/54b245824a795944318b457c/html5/thumbnails/11.jpg)
WUD WRO 2013 11
![Page 12: WUD WRO 2013 - Szymon Boniecki - Paper prototyping](https://reader035.vdocuments.mx/reader035/viewer/2022081518/54b245824a795944318b457c/html5/thumbnails/12.jpg)
WUD WRO 2013 12
![Page 13: WUD WRO 2013 - Szymon Boniecki - Paper prototyping](https://reader035.vdocuments.mx/reader035/viewer/2022081518/54b245824a795944318b457c/html5/thumbnails/13.jpg)
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
![Page 14: WUD WRO 2013 - Szymon Boniecki - Paper prototyping](https://reader035.vdocuments.mx/reader035/viewer/2022081518/54b245824a795944318b457c/html5/thumbnails/14.jpg)
WUD WRO 2013 14
Łatwy do wykonaniaprawie zerowa bariera wejścia — każdy może się dołączyć!
![Page 15: WUD WRO 2013 - Szymon Boniecki - Paper prototyping](https://reader035.vdocuments.mx/reader035/viewer/2022081518/54b245824a795944318b457c/html5/thumbnails/15.jpg)
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”
![Page 16: WUD WRO 2013 - Szymon Boniecki - Paper prototyping](https://reader035.vdocuments.mx/reader035/viewer/2022081518/54b245824a795944318b457c/html5/thumbnails/16.jpg)
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
![Page 17: WUD WRO 2013 - Szymon Boniecki - Paper prototyping](https://reader035.vdocuments.mx/reader035/viewer/2022081518/54b245824a795944318b457c/html5/thumbnails/17.jpg)
W praktyce
17
![Page 18: WUD WRO 2013 - Szymon Boniecki - Paper prototyping](https://reader035.vdocuments.mx/reader035/viewer/2022081518/54b245824a795944318b457c/html5/thumbnails/18.jpg)
WUD WRO 2013 18
Możemy wykorzystywać ruchome elementy papierowe, które wprowadzają interaktywność
![Page 19: WUD WRO 2013 - Szymon Boniecki - Paper prototyping](https://reader035.vdocuments.mx/reader035/viewer/2022081518/54b245824a795944318b457c/html5/thumbnails/19.jpg)
WUD WRO 2013 19
Warto zbudować bibliotekę elementów
![Page 20: WUD WRO 2013 - Szymon Boniecki - Paper prototyping](https://reader035.vdocuments.mx/reader035/viewer/2022081518/54b245824a795944318b457c/html5/thumbnails/20.jpg)
WUD WRO 2013 20
Zagięcia!
![Page 21: WUD WRO 2013 - Szymon Boniecki - Paper prototyping](https://reader035.vdocuments.mx/reader035/viewer/2022081518/54b245824a795944318b457c/html5/thumbnails/21.jpg)
WUD WRO 2013 21
Papierowe kopie naśladujące cały kontekst — świetne dla urządzeń