WUD WRO 2013 - Szymon Boniecki - Paper prototyping
Download as PPT, PDF
2 likes842 views
Technika UX - Paper prototyping - mentor: Szymon Boniecki, Monterail. WUD WRO 2013
WUD WRO 2013 - Szymon Boniecki - Paper prototyping
- 1. Paper prototyping Szymon Boniecki Monterail WUD WRO 2013
- 2. Ilu z Was tworzyo 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 narzdzia, w kt坦rym czujemy si komfortowo Jednoczenie 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 dosownie do jakiekolwiek interfejsu Pozwala szybko uzyska feedback od u甜ytkownik坦w ju甜 na bardzo wczesnym etapie kiedy interfejs cigle jest wymylany Mo甜e by zrobiony rcznie albo z wydrukowanych element坦w interfejs坦w i zrzut坦w ekranu WUD WRO 2013 13
- 14. atwy do wykonania prawie zerowa bariera wejcia ka甜dy mo甜e si doczy! WUD WRO 2013 14
- 15. atwy do wykonania prawie zerowa bariera wejcia ka甜dy mo甜e si doczy! 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 wejcia ka甜dy mo甜e si doczy! 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 podejcie 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 naladujce cay kontekst wietne dla urzdze WUD WRO 2013 21
Editor's Notes
- #3: Papierowy, PDFie / HTMLu, Powerpoincie, dziaajcy prototyp z logik
- #4: Mikrus coupe
- #11: Celem prototypowanie na papierze jest szybkie tworzenie pomys坦w projektowych kt坦re mo甜na przetestowa z u甜ytkownikami
- #14: Prototyp vs makieta Tworzc papierowy prototyp zamieniamy si w tw坦rc坦w to co byo tylko w naszej wyobra添ni jest namacalne i mo甜e wej w interakcj
- #15: lo fidelity (niska wierno)
- #16: Jeli w trakcie testu bd添 pokazywania tego zespoowi zabraknie jakiego stanu albo kto zaproponuje koncept o kt坦rym nie pomylelimy od razu mo甜na go dorysowa albo nawet poprosi u甜ytkownika z kt坦rym testujemy o zaproponowanie rezultatu kt坦rego si spodziewa
- #17: Wchodzenie w interakcj pozwala sprawdzi, czy hipoteza jest suszna, jeli nie wracamy do procesu z wiedz Cigy proces dochodzenia do waciwego ksztatu
- #19: Jak bardzo odwzorowa? Zale甜y co si chce przedstawi Sprawdza najwa甜niejsze zao甜enia interakcji Umieszczenie oczekiwanych zachowa podstawowych element坦w interfejsu G坦wnych scenariusze dialogu interfejsu z u甜ytkownikiem Prototyp papierowy kadzie mniejszy nacisk na wygld i layout ni甜 makieta funkcjonalna prezentujemy spos坦b interakcji No甜yczki, post-it, tama klejca, klej, plastelina, folia prze添roczysta, r坦甜ne kolory Dla ka甜dej akcji warto by przygotowanym na odpowiedni stan bd添 by przygotowanym na dorysowanie na podstawie sugestii z grupy projektowej bd添 u甜ytkownika
- #20: Zmiany na ekranie mog by w makro bd添 mikro skali Jeli u甜ytkownik chce zaklikn opcj poprzez checkbox to narysujemy to dugopisem co jeli bdzie chcia jednak wycofa sw坦j wyb坦r? Warto mie gotowy element checkbox kt坦ry reprezentuje stan niezaznaczony i go po prostu podmieni