WUD WRO 2013 - Szymon Boniecki - Paper prototyping
•Transferir como PPT, PDF•
2 gostaram•842 visualizações
Technika UX - Paper prototyping - mentor: Szymon Boniecki, Monterail. WUD WRO 2013
Recomendados
Recomendados
Mais conteúdo relacionado
Mais de WITFLOW
Mais de WITFLOW (20)
WUD WRO 2013 - Szymon Boniecki - Paper prototyping
- 1. Paper prototyping Szymon Boniecki Monterail WUD WRO 2013
- 2. Ilu z Was tworzyło prototyp w jakiejkolwiek formie? WUD WRO 2013
- 3. Mikrus coupe, Janusz Zygadlewicz WUD WRO 2013
- 4. Prototyp Nokii WUD WRO 2013 4
- 5. Biblioteki Foundation/Boostrap do szybkich prototypów w HTMLu WUD WRO 2013 5
- 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. Co to znaczy dla nas, uczestników WUD WRO? WUD WRO 2013
- 8. Po procesie szkicowania, prezentowania, dyskutowania i iterowania macie do dyspozycji najlepsze koncepty Na ich podstawie stworzymy prototypy papierowe WUD WRO 2013
- 9. Ilu z Was potrafi rysować? WUD WRO 2013
- 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. WUD WRO 2013 11
- 12. WUD WRO 2013 12
- 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. Łatwy do wykonania prawie zerowa bariera wejścia — każdy może się dołączyć! WUD WRO 2013 14
- 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. Ł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 W praktyce
- 18. Możemy wykorzystywać ruchome elementy papierowe, które wprowadzają interaktywność WUD WRO 2013 18
- 19. Warto zbudować bibliotekę elementów WUD WRO 2013 19
- 21. Papierowe kopie naśladujące cały kontekst — świetne dla urządzeń WUD WRO 2013 21
Notas do Editor
- Papierowy, PDFie / HTMLu, Powerpoincie, działający prototyp z logiką
- Mikrus coupe
- Celem prototypowanie na papierze jest szybkie tworzenie pomysłów projektowych które można przetestować z użytkownikami
- Prototyp vs makieta Tworząc papierowy prototyp zamieniamy się w twórców — to co było tylko w naszej wyobraźni jest namacalne i może wejść w interakcję
- lo fidelity (niska wierność)
- Jeśli w trakcie testu bądź pokazywania tego zespołowi zabraknie jakiegoś stanu albo ktoś zaproponuje koncept o którym nie pomyśleliśmy — od razu można go dorysować albo nawet poprosić użytkownika z którym testujemy o zaproponowanie rezultatu którego się spodziewa
- Wchodzenie w interakcję pozwala sprawdzić, czy hipoteza jest słuszna, jeśli nie — wracamy do procesu z wiedzą Ciągły proces dochodzenia do właściwego kształtu
- Jak bardzo odwzorować? Zależy co się chce przedstawić Sprawdza najważniejsze założenia interakcji Umieszczenie oczekiwanych zachowań podstawowych elementów interfejsu Głównych scenariusze dialogu interfejsu z użytkownikiem Prototyp papierowy kładzie mniejszy nacisk na wygląd i layout niż makieta funkcjonalna — prezentujemy sposób interakcji Nożyczki, post-it, taśma klejąca, klej, plastelina, folia przeźroczysta, różne kolory Dla każdej akcji warto być przygotowanym na odpowiedni stan bądź być przygotowanym na dorysowanie na podstawie sugestii z grupy projektowej bądź użytkownika
- Zmiany na ekranie mogą być w makro bądź mikro skali Jeśli użytkownik chce zakliknąć opcję poprzez checkbox to narysujemy to długopisem — co jeśli będzie chciał jednak wycofać swój wybór? Warto mieć gotowy element checkbox który reprezentuje stan niezaznaczony i go po prostu podmienić