wud wro 2013 - szymon boniecki - paper prototyping

21
WUD WRO 2013 Paper prototyping Szymon Boniecki Monterail

Upload: witflow

Post on 11-Jan-2015

596 views

Category:

Documents


0 download

DESCRIPTION

Technika UX - Paper prototyping - mentor: Szymon Boniecki, Monterail. WUD WRO 2013

TRANSCRIPT

Page 1: WUD WRO 2013 - Szymon Boniecki - Paper prototyping

WUD WRO 2013

Paper prototyping

Szymon Boniecki

Monterail

Page 2: WUD WRO 2013 - Szymon Boniecki - Paper prototyping

WUD WRO 2013

Ilu z Was tworzyło prototypw jakiejkolwiek formie?

Page 3: WUD WRO 2013 - Szymon Boniecki - Paper prototyping

WUD WRO 2013

Mikrus coupe, Janusz

Zygadlewicz

Page 4: WUD WRO 2013 - Szymon Boniecki - Paper prototyping

WUD WRO 2013 4

Prototyp

Nokii

Page 5: WUD WRO 2013 - Szymon Boniecki - Paper prototyping

WUD WRO 2013 5

Biblioteki Foundation/Boostrap do szybkich prototypów w

HTMLu

Page 6: WUD WRO 2013 - Szymon Boniecki - Paper prototyping

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

WUD WRO 2013

Co to znaczy dla nas,uczestników WUD WRO?

Page 8: WUD WRO 2013 - Szymon Boniecki - Paper prototyping

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

WUD WRO 2013

Ilu z Was potrafi rysować?

Page 10: WUD WRO 2013 - Szymon Boniecki - Paper prototyping

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

WUD WRO 2013 11

Page 12: WUD WRO 2013 - Szymon Boniecki - Paper prototyping

WUD WRO 2013 12

Page 13: WUD WRO 2013 - Szymon Boniecki - Paper prototyping

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

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

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

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

W praktyce

17

Page 18: WUD WRO 2013 - Szymon Boniecki - Paper prototyping

WUD WRO 2013 18

Możemy wykorzystywać ruchome elementy papierowe, które wprowadzają interaktywność

Page 19: WUD WRO 2013 - Szymon Boniecki - Paper prototyping

WUD WRO 2013 19

Warto zbudować bibliotekę elementów

Page 20: WUD WRO 2013 - Szymon Boniecki - Paper prototyping

WUD WRO 2013 20

Zagięcia!

Page 21: WUD WRO 2013 - Szymon Boniecki - Paper prototyping

WUD WRO 2013 21

Papierowe kopie naśladujące cały kontekst — świetne dla urządzeń