SlideShare ist ein Scribd-Unternehmen logo
1 von 34
Downloaden Sie, um offline zu lesen
Einführung in
Paper Prototyping

agile design camp, Hamburg, 23.07.2011
@tow8ie
Einfachheit
Kommunikation
Respekt
Mut
Feedback
Evernote
“Designing the new interface was a daunting task.
First, we made an advanced prototype by cutting
out a roughly-tablet-sized piece of cardboard,
writing ‘iPad’ on it, and carrying it around for a few
days. We would bring it to meetings, hold it in
different ways, and try to imagine what Evernote
would feel like on this form factor. We looked
pretty stupid and people made fun of us
mercilessly. We printed out Photoshopped UI
screens and taped them to the ‘iPad’ to get an idea
of font sizes and finger placement. We learned a
lot.”
FAIL



“We tried taking our existing iPhone UI and making
it bigger.”
FAIL



“We tried taking our existing Mac UI and making it
smaller.”
“We […] threw away all of our previous designs.
After some trial and error, we got something that we
fell in love with.”
“Paper prototyping is a variation of usability testing
where representative users perform realistic tasks
by interacting with a paper version of the interface
that is manipulated by a person ‘playing computer’,
who doesn’t explain how the interface is intended
to work.”
User
Computer
Moderator
Beobachter
Wichtig
‣ Test immer vorbereiten!
  ‣ genaue Definition des zu testenden
   Interface-Konzepts
 ‣ alle Materialien fertigstellen, die benötigt
   werden, um den Test durchzuführen
Vorteile
‣ frühes Feedback
‣ schnelle Änderungen
‣ verbessert Kommunikation mit allen
 Projektbeiligten, insb. mit dem Kunden
‣ keine technischen Vorkenntnisse nötig
‣ lädt zum Herumspielen ein
Größter Vorteil
    “Most software is like [an iceberg] -- there's a pretty
    user interface that takes about 10% of the work, and
    then 90% of the programming work is under the
    covers.”
                                              Joel Spolsky



Testbare Interaktion vor der Implementierung
Figures out what it
           should do or be.

Designer
Makes it happen.




                   Entwickler
understands the contraints of the technology and
tools used to implement the interface




                                  Techniker
Beteiligung
Das ganze Team:
     ‣   Designer
     ‣   Entwickler
     ‣   Techniker
     ‣   Nicht-Techniker
Techniker und Nicht-Techniker sollten sich die
Waage halten.


Technik hat das letzte Wort.
Usability Test -
wesentliche Bestandteile
Ziele/Zielgruppe definieren
Aufgabe für Ziel-Benutzer
erstellen
Papierprototyp erstellen
selbst durchspielen/testen
testen und verbessern
festhalten/kommunizieren
Usability Test
 ‣ Ziele und Zielgruppe definieren
 ‣ Aufgaben für die Zielgruppe erstellen
 ‣ Papierprototyp erstellen
 ‣ Selbst durchspielen/testen
 ‣ Testen und nach jedem Test verbessern
 ‣ Erkenntnisse festhalten und
   kommunizieren
Fragerunde

@tow8ie
tow8ie@gmail.com

Weitere ähnliche Inhalte

Andere mochten auch

Cinecitt 12693513248343-phpapp02
Cinecitt 12693513248343-phpapp02Cinecitt 12693513248343-phpapp02
Cinecitt 12693513248343-phpapp02gucarvalho
 
Gigaset a200 userguide_eng
Gigaset a200 userguide_engGigaset a200 userguide_eng
Gigaset a200 userguide_engsavs_a
 
Instituto tecnico industrial i
Instituto tecnico industrial  iInstituto tecnico industrial  i
Instituto tecnico industrial izolife15
 
Kimired mantenimiento urbano
Kimired mantenimiento urbanoKimired mantenimiento urbano
Kimired mantenimiento urbanokimi-red
 
Piaget desarrollo cognoscitivo
Piaget desarrollo cognoscitivoPiaget desarrollo cognoscitivo
Piaget desarrollo cognoscitivoEuler Ruiz
 
10ความร้อน
10ความร้อน10ความร้อน
10ความร้อนDoc Edu
 
Presentation2img
Presentation2imgPresentation2img
Presentation2imgr3comm
 
Mi cg 414 d - 14 id - Servicio Tecnico Fagor
Mi cg 414 d - 14 id - Servicio Tecnico FagorMi cg 414 d - 14 id - Servicio Tecnico Fagor
Mi cg 414 d - 14 id - Servicio Tecnico Fagorserviciotecnicofagor
 
Curso de induccion 2
Curso de induccion 2Curso de induccion 2
Curso de induccion 2shalomerm
 
深入浅出My sql数据库开发、优化与管理维护
深入浅出My sql数据库开发、优化与管理维护深入浅出My sql数据库开发、优化与管理维护
深入浅出My sql数据库开发、优化与管理维护colderboy17
 
Pp de blackberry accesorios
Pp de blackberry accesoriosPp de blackberry accesorios
Pp de blackberry accesoriosmalu05
 

Andere mochten auch (20)

Cinecitt 12693513248343-phpapp02
Cinecitt 12693513248343-phpapp02Cinecitt 12693513248343-phpapp02
Cinecitt 12693513248343-phpapp02
 
A linguagem dos bebes012
A linguagem dos bebes012A linguagem dos bebes012
A linguagem dos bebes012
 
Gigaset a200 userguide_eng
Gigaset a200 userguide_engGigaset a200 userguide_eng
Gigaset a200 userguide_eng
 
Eva soto acevedo chile
Eva soto acevedo   chileEva soto acevedo   chile
Eva soto acevedo chile
 
Instituto tecnico industrial i
Instituto tecnico industrial  iInstituto tecnico industrial  i
Instituto tecnico industrial i
 
Kimired mantenimiento urbano
Kimired mantenimiento urbanoKimired mantenimiento urbano
Kimired mantenimiento urbano
 
Piaget desarrollo cognoscitivo
Piaget desarrollo cognoscitivoPiaget desarrollo cognoscitivo
Piaget desarrollo cognoscitivo
 
Maig Juny de 2011
Maig Juny de 2011Maig Juny de 2011
Maig Juny de 2011
 
Vacacionespollo
VacacionespolloVacacionespollo
Vacacionespollo
 
10ความร้อน
10ความร้อน10ความร้อน
10ความร้อน
 
Presentation2img
Presentation2imgPresentation2img
Presentation2img
 
Feeliiz cuumplee
Feeliiz cuumpleeFeeliiz cuumplee
Feeliiz cuumplee
 
Mi cg 414 d - 14 id - Servicio Tecnico Fagor
Mi cg 414 d - 14 id - Servicio Tecnico FagorMi cg 414 d - 14 id - Servicio Tecnico Fagor
Mi cg 414 d - 14 id - Servicio Tecnico Fagor
 
Curso de induccion 2
Curso de induccion 2Curso de induccion 2
Curso de induccion 2
 
Vakantiegroet Dion
Vakantiegroet DionVakantiegroet Dion
Vakantiegroet Dion
 
Fotos ineditas de Adolfo Hitler
Fotos ineditas de Adolfo HitlerFotos ineditas de Adolfo Hitler
Fotos ineditas de Adolfo Hitler
 
深入浅出My sql数据库开发、优化与管理维护
深入浅出My sql数据库开发、优化与管理维护深入浅出My sql数据库开发、优化与管理维护
深入浅出My sql数据库开发、优化与管理维护
 
Danza nº 1
Danza nº 1Danza nº 1
Danza nº 1
 
Pp de blackberry accesorios
Pp de blackberry accesoriosPp de blackberry accesorios
Pp de blackberry accesorios
 
Manual web tec (julio 19 2011)
Manual web tec (julio 19 2011)Manual web tec (julio 19 2011)
Manual web tec (julio 19 2011)
 

Ähnlich wie Einführung in Paper Prototyping

Usability Engineering
Usability  EngineeringUsability  Engineering
Usability EngineeringNina Rebele
 
Wie Sie Mit Design Sprints Echten Digitalen Wandel Schaffen
Wie Sie Mit Design Sprints Echten Digitalen Wandel SchaffenWie Sie Mit Design Sprints Echten Digitalen Wandel Schaffen
Wie Sie Mit Design Sprints Echten Digitalen Wandel SchaffeniTiZZiMO
 
Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale
Low Budget Usability Testing Webtreff Konstanz Patric Schmid BenutzerzentraleLow Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale
Low Budget Usability Testing Webtreff Konstanz Patric Schmid BenutzerzentralePatric Schmid
 
Hightway to Hell - Responsive Webdesign Testen
Hightway to Hell - Responsive Webdesign TestenHightway to Hell - Responsive Webdesign Testen
Hightway to Hell - Responsive Webdesign TestenPeter Rozek
 
eparo - Service Design Immonet iPad-App (Vortrag iico Konferenz 2013 - Rolf ...
eparo - Service Design Immonet iPad-App  (Vortrag iico Konferenz 2013 - Rolf ...eparo - Service Design Immonet iPad-App  (Vortrag iico Konferenz 2013 - Rolf ...
eparo - Service Design Immonet iPad-App (Vortrag iico Konferenz 2013 - Rolf ...eparo GmbH
 
JavaScript und trotzdem Softwerker
JavaScript und trotzdem SoftwerkerJavaScript und trotzdem Softwerker
JavaScript und trotzdem SoftwerkerDennis Wilson
 
Das funktionierte doch schon einmal! - JUnit Testing in XPages
Das funktionierte doch schon einmal! - JUnit Testing in XPagesDas funktionierte doch schon einmal! - JUnit Testing in XPages
Das funktionierte doch schon einmal! - JUnit Testing in XPagesChristian Güdemann
 
12. TANNER-Hochschulwettbewerb | Beitrag Team Schildberg (Karlsruher Institut...
12. TANNER-Hochschulwettbewerb | Beitrag Team Schildberg (Karlsruher Institut...12. TANNER-Hochschulwettbewerb | Beitrag Team Schildberg (Karlsruher Institut...
12. TANNER-Hochschulwettbewerb | Beitrag Team Schildberg (Karlsruher Institut...TANNER AG
 
Mehr Nutzen, Weniger Interface
Mehr Nutzen, Weniger InterfaceMehr Nutzen, Weniger Interface
Mehr Nutzen, Weniger InterfaceMoritz Haarmann
 
DNUG ak-anwendungsentwicklung.18042011
DNUG ak-anwendungsentwicklung.18042011DNUG ak-anwendungsentwicklung.18042011
DNUG ak-anwendungsentwicklung.18042011Ulrich Krause
 
Xp days2010 agile-usabiltytoolbox
Xp days2010 agile-usabiltytoolboxXp days2010 agile-usabiltytoolbox
Xp days2010 agile-usabiltytoolboxxpdaysgermany
 
Einführung in User Experience Design
Einführung in User Experience DesignEinführung in User Experience Design
Einführung in User Experience Designchmoser79
 
Responsive Workflow, Break the rules or die
Responsive Workflow, Break the rules or dieResponsive Workflow, Break the rules or die
Responsive Workflow, Break the rules or diePeter Rozek
 
Mensch & Computer 2010 - Tutorial Agile UX
Mensch & Computer 2010 - Tutorial Agile UXMensch & Computer 2010 - Tutorial Agile UX
Mensch & Computer 2010 - Tutorial Agile UXHartmut Obendorf
 
Agile UX, Ideation and Scrum Workshop, ditact Nov 2013 (German)
Agile UX, Ideation and Scrum Workshop, ditact Nov 2013 (German)Agile UX, Ideation and Scrum Workshop, ditact Nov 2013 (German)
Agile UX, Ideation and Scrum Workshop, ditact Nov 2013 (German)Renate Pinggera
 
5 Köche und ein Brei: Optimale Prototyping-Toolchain(s)
5 Köche und ein Brei: Optimale Prototyping-Toolchain(s)5 Köche und ein Brei: Optimale Prototyping-Toolchain(s)
5 Köche und ein Brei: Optimale Prototyping-Toolchain(s)Joachim Tillessen
 
Stay calm & keep shipping - iOS DevCon 2013
Stay calm & keep shipping - iOS DevCon 2013Stay calm & keep shipping - iOS DevCon 2013
Stay calm & keep shipping - iOS DevCon 2013superflomo
 
Agiles Lernen und Software Entwicklung das OSGi Code Camp 2010
Agiles Lernen und Software Entwicklung das OSGi Code Camp 2010Agiles Lernen und Software Entwicklung das OSGi Code Camp 2010
Agiles Lernen und Software Entwicklung das OSGi Code Camp 2010Christian Baranowski
 
Designsysteme (deutsch) #UXcampHH
Designsysteme (deutsch) #UXcampHHDesignsysteme (deutsch) #UXcampHH
Designsysteme (deutsch) #UXcampHHBenno Lœwenberg
 

Ähnlich wie Einführung in Paper Prototyping (20)

Usability Engineering
Usability  EngineeringUsability  Engineering
Usability Engineering
 
Wie Sie Mit Design Sprints Echten Digitalen Wandel Schaffen
Wie Sie Mit Design Sprints Echten Digitalen Wandel SchaffenWie Sie Mit Design Sprints Echten Digitalen Wandel Schaffen
Wie Sie Mit Design Sprints Echten Digitalen Wandel Schaffen
 
Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale
Low Budget Usability Testing Webtreff Konstanz Patric Schmid BenutzerzentraleLow Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale
Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale
 
Hightway to Hell - Responsive Webdesign Testen
Hightway to Hell - Responsive Webdesign TestenHightway to Hell - Responsive Webdesign Testen
Hightway to Hell - Responsive Webdesign Testen
 
eparo - Service Design Immonet iPad-App (Vortrag iico Konferenz 2013 - Rolf ...
eparo - Service Design Immonet iPad-App  (Vortrag iico Konferenz 2013 - Rolf ...eparo - Service Design Immonet iPad-App  (Vortrag iico Konferenz 2013 - Rolf ...
eparo - Service Design Immonet iPad-App (Vortrag iico Konferenz 2013 - Rolf ...
 
JavaScript und trotzdem Softwerker
JavaScript und trotzdem SoftwerkerJavaScript und trotzdem Softwerker
JavaScript und trotzdem Softwerker
 
Das funktionierte doch schon einmal! - JUnit Testing in XPages
Das funktionierte doch schon einmal! - JUnit Testing in XPagesDas funktionierte doch schon einmal! - JUnit Testing in XPages
Das funktionierte doch schon einmal! - JUnit Testing in XPages
 
12. TANNER-Hochschulwettbewerb | Beitrag Team Schildberg (Karlsruher Institut...
12. TANNER-Hochschulwettbewerb | Beitrag Team Schildberg (Karlsruher Institut...12. TANNER-Hochschulwettbewerb | Beitrag Team Schildberg (Karlsruher Institut...
12. TANNER-Hochschulwettbewerb | Beitrag Team Schildberg (Karlsruher Institut...
 
Mehr Nutzen, Weniger Interface
Mehr Nutzen, Weniger InterfaceMehr Nutzen, Weniger Interface
Mehr Nutzen, Weniger Interface
 
DNUG ak-anwendungsentwicklung.18042011
DNUG ak-anwendungsentwicklung.18042011DNUG ak-anwendungsentwicklung.18042011
DNUG ak-anwendungsentwicklung.18042011
 
Xp days2010 agile-usabiltytoolbox
Xp days2010 agile-usabiltytoolboxXp days2010 agile-usabiltytoolbox
Xp days2010 agile-usabiltytoolbox
 
Einführung in User Experience Design
Einführung in User Experience DesignEinführung in User Experience Design
Einführung in User Experience Design
 
Responsive Workflow, Break the rules or die
Responsive Workflow, Break the rules or dieResponsive Workflow, Break the rules or die
Responsive Workflow, Break the rules or die
 
Mensch & Computer 2010 - Tutorial Agile UX
Mensch & Computer 2010 - Tutorial Agile UXMensch & Computer 2010 - Tutorial Agile UX
Mensch & Computer 2010 - Tutorial Agile UX
 
objectiF extrem
objectiF extremobjectiF extrem
objectiF extrem
 
Agile UX, Ideation and Scrum Workshop, ditact Nov 2013 (German)
Agile UX, Ideation and Scrum Workshop, ditact Nov 2013 (German)Agile UX, Ideation and Scrum Workshop, ditact Nov 2013 (German)
Agile UX, Ideation and Scrum Workshop, ditact Nov 2013 (German)
 
5 Köche und ein Brei: Optimale Prototyping-Toolchain(s)
5 Köche und ein Brei: Optimale Prototyping-Toolchain(s)5 Köche und ein Brei: Optimale Prototyping-Toolchain(s)
5 Köche und ein Brei: Optimale Prototyping-Toolchain(s)
 
Stay calm & keep shipping - iOS DevCon 2013
Stay calm & keep shipping - iOS DevCon 2013Stay calm & keep shipping - iOS DevCon 2013
Stay calm & keep shipping - iOS DevCon 2013
 
Agiles Lernen und Software Entwicklung das OSGi Code Camp 2010
Agiles Lernen und Software Entwicklung das OSGi Code Camp 2010Agiles Lernen und Software Entwicklung das OSGi Code Camp 2010
Agiles Lernen und Software Entwicklung das OSGi Code Camp 2010
 
Designsysteme (deutsch) #UXcampHH
Designsysteme (deutsch) #UXcampHHDesignsysteme (deutsch) #UXcampHH
Designsysteme (deutsch) #UXcampHH
 

Einführung in Paper Prototyping