Paper prototyping

Szymon Boniecki
Monterail

WUD WRO 2013
Ilu z Was tworzyło prototyp
w jakiejkolwiek formie?

WUD WRO 2013
Mikrus coupe, Janusz Zygadlewicz
WUD WRO 2013
Prototyp Nokii
WUD WRO 2013

4
Biblioteki Foundation/Boostrap do szybkich prototypów w HTMLu
WUD WRO 2013

5
Użyjemy takiego narzędzia, w którym czujemy się
komfortowo
Jednocześnie takiego które pozwoli nam dostać
odpowiedzi na hip...
Co to znaczy dla nas,
uczestników WUD WRO?

WUD WRO 2013
Po procesie szkicowania, prezentowania, dyskutowania
i iterowania macie do dyspozycji najlepsze koncepty
Na ich podstawie ...
Ilu z Was potrafi rysować?

WUD WRO 2013
Im gorzej rysujecie tym lepiej
Szczegóły nie są ważne
Prototypy mają dobrze komunikować cele i używać
prostych symboli

WU...
WUD WRO 2013

11
WUD WRO 2013

12
Prototyp papierowy
Bardzo tanim kosztem może być użyty dosłownie do jakiekolwiek
interfejsu
Pozwala szybko uzyskać feedbac...
Łatwy do wykonania
prawie zerowa bariera wejścia — każdy może się dołączyć!

WUD WRO 2013

14
Łatwy do wykonania
prawie zerowa bariera wejścia — każdy może się dołączyć!
Łatwy do zmiany
nie zawiera szczegółów, zależy...
Łatwy do wykonania
prawie zerowa bariera wejścia — każdy może się dołączyć!
Łatwy do zmiany
nie zawiera szczegółów, zależy...
17

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

WUD WRO 2013

18
Warto zbudować bibliotekę elementów

WUD WRO 2013

19
Zagięcia!

WUD WRO 2013

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

WUD WRO 2013

21
Upcoming SlideShare
Loading in …5
×

WUD WRO 2013 - Szymon Boniecki - Paper prototyping

724 views

Published on

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

  • Be the first to comment

WUD WRO 2013 - Szymon Boniecki - Paper prototyping

  1. 1. Paper prototyping Szymon Boniecki Monterail WUD WRO 2013
  2. 2. Ilu z Was tworzyło prototyp w jakiejkolwiek formie? WUD WRO 2013
  3. 3. Mikrus coupe, Janusz Zygadlewicz WUD WRO 2013
  4. 4. Prototyp Nokii WUD WRO 2013 4
  5. 5. Biblioteki Foundation/Boostrap do szybkich prototypów w HTMLu WUD WRO 2013 5
  6. 6. Użyjemy takiego narzędzia, w którym czujemy się komfortowo Jednocześnie takiego które pozwoli nam dostać odpowiedzi na hipotezy postawione w naszym interfejsie WUD WRO 2013 6
  7. 7. Co to znaczy dla nas, uczestników WUD WRO? WUD WRO 2013
  8. 8. Po procesie szkicowania, prezentowania, dyskutowania i iterowania macie do dyspozycji najlepsze koncepty Na ich podstawie stworzymy prototypy papierowe WUD WRO 2013
  9. 9. Ilu z Was potrafi rysować? WUD WRO 2013
  10. 10. Im gorzej rysujecie tym lepiej Szczegóły nie są ważne Prototypy mają dobrze komunikować cele i używać prostych symboli WUD WRO 2013
  11. 11. WUD WRO 2013 11
  12. 12. WUD WRO 2013 12
  13. 13. Prototyp papierowy 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 WUD WRO 2013 13
  14. 14. Łatwy do wykonania prawie zerowa bariera wejścia — każdy może się dołączyć! WUD WRO 2013 14
  15. 15. Łatwy do wykonania prawie zerowa bariera wejścia — każdy może się dołączyć! Łatwy do zmiany nie zawiera szczegółów, zależy nam na pokazaniu sposobu interakcji można je modyfikować “w locie” WUD WRO 2013 15
  16. 16. Łatwy do wykonania prawie zerowa bariera wejścia — każdy może się dołączyć! Łatwy do zmiany nie zawiera szczegółów, zależy nam na pokazaniu sposobu interakcji można je modyfikować “w locie” Łatwy do wyrzucenia — powinien być ! wspiera iteracyjne podejście i robienie wielu, coraz lepszych wersji WUD WRO 2013 16
  17. 17. 17 W praktyce
  18. 18. Możemy wykorzystywać ruchome elementy papierowe, które wprowadzają interaktywność WUD WRO 2013 18
  19. 19. Warto zbudować bibliotekę elementów WUD WRO 2013 19
  20. 20. Zagięcia! WUD WRO 2013 20
  21. 21. Papierowe kopie naśladujące cały kontekst — świetne dla urządzeń WUD WRO 2013 21

×