SlideShare ist ein Scribd-Unternehmen logo
1 von 11
Downloaden Sie, um offline zu lesen
Paper prototyping, czyli każdy może projektować
Barbara Rogoś-Turek




                                              1
2




Makieta papierowa: Odręczny szkic koncepcyjny, wizualna
prezentacja rozłożenia elementów i funkcjonalności na ekranie.
MAKIETA
    PAPIEROWA




3
INTERAKTYWNY PROTOTYP




       http://www.youtube.com/watch?feature=player_embedded&v=GrV2SZuRPv0



                                                                            4
5
PRZYBORNIK PROJEKTANTA
DLACZEGO WARTO?
   szybka i tania metoda wizualizacji pomysłów
   nie wymaga specjalnych umiejętności ani oprogramowania
   wspiera pracę i komunikację grupową
   zachęca do generowania różnorodnych wersji
   pozwala na szybkie iteracje
   prototypy mogą być testowane z użytkownikami
OD OGÓŁU DO SZCZEGÓŁU




                        7




                        7
TESTY PAPIEROWYCH PROTOTYPÓW




   http://www.youtube.com/watch?v=_g4GGtJ8NCY


                                                8
CO MOŻNA PRZETESTOWAĆ?

     Koncepcję
     Terminologię
     Nawigację
     Treści i informacje
     Layout strony i hierarchię informacji
     Funkcjonalności




9
CZEGO NIE MOŻNA PRZETESTOWAĆ?
      Aspektów technicznych i wydajnościowych (np. działania
        rozwijanych list, czasu ładowania strony itp.)
      Scrollowania, przesuwania
      Kolorystyki i szaty graficznej




10
Ćwiczenie
     paper prototyping




11

Weitere ähnliche Inhalte

Ähnlich wie Warsztaty UX - Paper prototyping, czyli każdy może projektować

Prezentacja Justproto
Prezentacja JustprotoPrezentacja Justproto
Prezentacja Justproto
JustProto
 
EPI Interfejs użytkownika - lab. 4
EPI Interfejs użytkownika - lab. 4EPI Interfejs użytkownika - lab. 4
EPI Interfejs użytkownika - lab. 4
Emilia Obrzut
 

Ähnlich wie Warsztaty UX - Paper prototyping, czyli każdy może projektować (9)

Girls in IT - Projektantka UI/UX. Jak zacząć?
Girls in IT - Projektantka UI/UX. Jak zacząć?Girls in IT - Projektantka UI/UX. Jak zacząć?
Girls in IT - Projektantka UI/UX. Jak zacząć?
 
Prezentacja Justproto
Prezentacja JustprotoPrezentacja Justproto
Prezentacja Justproto
 
[spodek 2.0] Tworzenie prototypów serwisów internetowych
[spodek 2.0] Tworzenie prototypów serwisów internetowych[spodek 2.0] Tworzenie prototypów serwisów internetowych
[spodek 2.0] Tworzenie prototypów serwisów internetowych
 
Prototypy w IT
Prototypy w ITPrototypy w IT
Prototypy w IT
 
Rapid Prototyping
Rapid PrototypingRapid Prototyping
Rapid Prototyping
 
Zawód: Game Designer. Jak zacząć pracę w branży?
Zawód: Game Designer. Jak zacząć pracę w branży?Zawód: Game Designer. Jak zacząć pracę w branży?
Zawód: Game Designer. Jak zacząć pracę w branży?
 
Prezentacja dla GTUG Polska 2012
Prezentacja dla GTUG Polska 2012Prezentacja dla GTUG Polska 2012
Prezentacja dla GTUG Polska 2012
 
Jak badać (nie)ładne makiety? - Małgosia Fajgier (Dribbble Kraków)
Jak badać (nie)ładne makiety? - Małgosia Fajgier (Dribbble Kraków)Jak badać (nie)ładne makiety? - Małgosia Fajgier (Dribbble Kraków)
Jak badać (nie)ładne makiety? - Małgosia Fajgier (Dribbble Kraków)
 
EPI Interfejs użytkownika - lab. 4
EPI Interfejs użytkownika - lab. 4EPI Interfejs użytkownika - lab. 4
EPI Interfejs użytkownika - lab. 4
 

Mehr von WITFLOW

WUD WRO 2013 - Asia Sieniawska - Business Model Canvas
WUD WRO 2013 - Asia Sieniawska - Business Model CanvasWUD WRO 2013 - Asia Sieniawska - Business Model Canvas
WUD WRO 2013 - Asia Sieniawska - Business Model Canvas
WITFLOW
 

Mehr von WITFLOW (20)

Jak uczyć UX i dlaczego ty też musisz?
Jak uczyć UX i dlaczego ty też musisz? Jak uczyć UX i dlaczego ty też musisz?
Jak uczyć UX i dlaczego ty też musisz?
 
Product requirements through workshops - Iga Mościchowska at ACE conference
Product requirements through workshops - Iga Mościchowska at ACE conferenceProduct requirements through workshops - Iga Mościchowska at ACE conference
Product requirements through workshops - Iga Mościchowska at ACE conference
 
Budowanie kultury UX w organizacjach - Iga Mościchowska - Ciemna strona UX #3
Budowanie kultury UX w organizacjach - Iga Mościchowska - Ciemna strona UX #3Budowanie kultury UX w organizacjach - Iga Mościchowska - Ciemna strona UX #3
Budowanie kultury UX w organizacjach - Iga Mościchowska - Ciemna strona UX #3
 
Know your users - Iga Moscichowska at Mobiconf 20176
Know your users - Iga Moscichowska at Mobiconf 20176Know your users - Iga Moscichowska at Mobiconf 20176
Know your users - Iga Moscichowska at Mobiconf 20176
 
Warsztaty UX - przepływy
Warsztaty UX - przepływyWarsztaty UX - przepływy
Warsztaty UX - przepływy
 
How to engage your team in UX design? - Iga Moscichowska - WUD KRK 2014
How to engage your team in UX design? - Iga Moscichowska - WUD KRK 2014How to engage your team in UX design? - Iga Moscichowska - WUD KRK 2014
How to engage your team in UX design? - Iga Moscichowska - WUD KRK 2014
 
Engaging users in UX research - WUD 3miasto
Engaging users in UX research - WUD 3miastoEngaging users in UX research - WUD 3miasto
Engaging users in UX research - WUD 3miasto
 
Warsztaty UX - scenariusze użytkownika
Warsztaty UX - scenariusze użytkownikaWarsztaty UX - scenariusze użytkownika
Warsztaty UX - scenariusze użytkownika
 
Warsztaty UX - Participatory design
Warsztaty UX - Participatory designWarsztaty UX - Participatory design
Warsztaty UX - Participatory design
 
UX są z Marsa, a klienci z Wens, czyli sztuka dyplomacji dla opornych
UX są z Marsa,  a klienci z Wens, czyli sztuka dyplomacji dla opornychUX są z Marsa,  a klienci z Wens, czyli sztuka dyplomacji dla opornych
UX są z Marsa, a klienci z Wens, czyli sztuka dyplomacji dla opornych
 
Warsztaty UX - Experience Map
Warsztaty UX - Experience MapWarsztaty UX - Experience Map
Warsztaty UX - Experience Map
 
WUD WRO 2013 - Kuba Andrzejewski i Joanna Strzelec - Inspiracje UX dla eZdrowia
WUD WRO 2013 - Kuba Andrzejewski i Joanna Strzelec - Inspiracje UX dla eZdrowia WUD WRO 2013 - Kuba Andrzejewski i Joanna Strzelec - Inspiracje UX dla eZdrowia
WUD WRO 2013 - Kuba Andrzejewski i Joanna Strzelec - Inspiracje UX dla eZdrowia
 
WUD WRO 2013 - Marcin Zawisza - Wyzwania eZdrowia w Polsce
WUD WRO 2013 - Marcin Zawisza - Wyzwania eZdrowia w Polsce WUD WRO 2013 - Marcin Zawisza - Wyzwania eZdrowia w Polsce
WUD WRO 2013 - Marcin Zawisza - Wyzwania eZdrowia w Polsce
 
WUD WRO 2013 - Hubert Anyżewski - experience journey
WUD WRO 2013 - Hubert Anyżewski - experience journeyWUD WRO 2013 - Hubert Anyżewski - experience journey
WUD WRO 2013 - Hubert Anyżewski - experience journey
 
WUD WRO 2013 - Jarosław Królewski - User scenario
WUD WRO 2013 - Jarosław Królewski - User scenarioWUD WRO 2013 - Jarosław Królewski - User scenario
WUD WRO 2013 - Jarosław Królewski - User scenario
 
WUD WRO 2013 - Tomasz Skórski - Affinity diagrams
WUD WRO 2013 - Tomasz Skórski - Affinity diagramsWUD WRO 2013 - Tomasz Skórski - Affinity diagrams
WUD WRO 2013 - Tomasz Skórski - Affinity diagrams
 
WUD WRO 2013 - Asia Sieniawska - Business Model Canvas
WUD WRO 2013 - Asia Sieniawska - Business Model CanvasWUD WRO 2013 - Asia Sieniawska - Business Model Canvas
WUD WRO 2013 - Asia Sieniawska - Business Model Canvas
 
WUD WRO 2013 - Rafal Kolodziej - Persona
WUD WRO 2013 - Rafal Kolodziej - PersonaWUD WRO 2013 - Rafal Kolodziej - Persona
WUD WRO 2013 - Rafal Kolodziej - Persona
 
WUD WRO 2013 - Barbara Rogos-Turek - Sketchboard
WUD WRO 2013 - Barbara Rogos-Turek - Sketchboard WUD WRO 2013 - Barbara Rogos-Turek - Sketchboard
WUD WRO 2013 - Barbara Rogos-Turek - Sketchboard
 
WUD WRO 2013 - Iga Mościchowska - Design studio - technika UX
WUD WRO 2013 - Iga Mościchowska - Design studio - technika UXWUD WRO 2013 - Iga Mościchowska - Design studio - technika UX
WUD WRO 2013 - Iga Mościchowska - Design studio - technika UX
 

Warsztaty UX - Paper prototyping, czyli każdy może projektować

  • 1. Paper prototyping, czyli każdy może projektować Barbara Rogoś-Turek 1
  • 2. 2 Makieta papierowa: Odręczny szkic koncepcyjny, wizualna prezentacja rozłożenia elementów i funkcjonalności na ekranie.
  • 3. MAKIETA PAPIEROWA 3
  • 4. INTERAKTYWNY PROTOTYP http://www.youtube.com/watch?feature=player_embedded&v=GrV2SZuRPv0 4
  • 6. DLACZEGO WARTO?  szybka i tania metoda wizualizacji pomysłów  nie wymaga specjalnych umiejętności ani oprogramowania  wspiera pracę i komunikację grupową  zachęca do generowania różnorodnych wersji  pozwala na szybkie iteracje  prototypy mogą być testowane z użytkownikami
  • 7. OD OGÓŁU DO SZCZEGÓŁU 7 7
  • 8. TESTY PAPIEROWYCH PROTOTYPÓW http://www.youtube.com/watch?v=_g4GGtJ8NCY 8
  • 9. CO MOŻNA PRZETESTOWAĆ?  Koncepcję  Terminologię  Nawigację  Treści i informacje  Layout strony i hierarchię informacji  Funkcjonalności 9
  • 10. CZEGO NIE MOŻNA PRZETESTOWAĆ?  Aspektów technicznych i wydajnościowych (np. działania rozwijanych list, czasu ładowania strony itp.)  Scrollowania, przesuwania  Kolorystyki i szaty graficznej 10
  • 11. Ćwiczenie paper prototyping 11