WUD WRO 2013 - Szymon Boniecki - Paper prototyping

Post on 11-Jan-2015

593 views 0 download

description

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

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ń