SlideShare ist ein Scribd-Unternehmen logo
LEICHTGEWICHTIGE
PROTOTYPEN
für mobile Apps
1
WER? WAS? WIE?
2
▫︎Vorstellen
▫︎Experience Design
▫︎Prototypen
▫︎Werkzeuge
▫︎Life Cycle
▫︎User Tests
▫︎Fragen und hoffentlich Antworten
@nilseckelt
FRÜHER
3
Developer
@nilseckelt
Developer
FRÜHER
4
Anwender
@nilseckelt
FRÜHER
5
Todo Doing Done
Developer@nilseckelt
FRÜHER
6
Developer
Todo Doing Done
M
agic
@nilseckelt
UMWELT
7
Developer Anwender
UX@nilseckelt
UMWELT
8
Developer Anwender
UX@nilseckelt
UMWELT
9
Developer Anwender
Kunde
Produkt
UX@nilseckelt
UMWELT
10
Developer Anwender
Kunde
Produkt
UX@nilseckelt
UMWELT
11
Developer Anwender
Kunde
Produkt
UX@nilseckelt
WIKIPEDIA MEINT
12
User Experience spielt eine große Rolle bei der Produkt- und
Serviceentwicklung. In vielen Bereichen wird Vitruv als erster Architekt
und Designer gesehen der mit den Begriffen Firmitas (Festigkeit),
Utilitas (Nützlichkeit, Usability) und Venustas (Schönheit) die
Kriterien für das Nutzerlebnis definiert hat, wenn es auch damals
noch eher auf Gebäude ausgerichtet war.
— Wikipedia
@nilseckelt
THOUGHTWORKS SAGT
13
Interaction
Design
Frontend
Engineering
Product
Strategy
Research
Visual
Design
Business Design Engineering
@nilseckelt
PROTOTYPEN
made easy
14@nilseckelt
Fake it before you make it
15@nilseckelt
WERKZEUGE
▫︎Stift und Papier
▫︎PopApp
▫︎Balsamiq
▫︎Axure
▫︎Keynote + alles andere das PDF mit Links erzeugen kann
▫︎PowerPoint, Impress (Libre Office or Open Office)
▫︎LinkViewer
▫︎CodePen, JSBin, JSFiddle + frameless Browser
16@nilseckelt
PAPER
PROTOTYPES
17@nilseckelt
PAPER
PROTOTYPES
Pros
Keine Anwendungen nötig
Keine Kenntnisse nötig
Schnell erstellt
Cons
Test-Person braucht etwas Fantasie
Keine Interaktionen möglich
18@nilseckelt
POP APP
19@nilseckelt
POP APP Pros
Vorteile von Paper-Prototypes
Trotzdem gewisses App-Feeling
Klick-Interaktionen möglich
Cons
Das aussehen gleicht immer noch dem Paper
Prototype
Ein gewisses unprofessionelles Kindergarten-
Gefühll stellt sich ein
20@nilseckelt
KLICKBARES
PDF
Pros
Kaum Aufwand
Bekannte Anwendungen
Professionelleres Aussehen
Interaktionen bedingt möglich
Cons
Kein Scrollen
Keine Animationen
21@nilseckelt
BALSAMIQ Pros
Kaum Aufwand
Interaktionen bedingt möglich
Cons
Kein Scrollen
Keine Animationen
Kein Design
22@nilseckelt
AXURE Öhmm…
23@nilseckelt
AXURE Pros
Alles ist möglich
Cons
Etwas teurer
Etwas kompliziert
24@nilseckelt
KEYNOTE Pros
Geringer Aufwand
Design anpassbar
Produziert klickbare PDFs
Cons
Kein Scrollen
Keine Animationen
25@nilseckelt
POWERPOINT
IMPRESS
Pros
Gewohntes Programm
Design anpassbar
Cons
Klickbare PDFs nur mit Tricks möglich
26@nilseckelt
FRONTEND
DEVELOPER
PLAYGROUND
Pros
Jegliche Interaktionen möglich
Developer Friendly
Cons
Developer Friendly
27@nilseckelt
Live demo…
28@nilseckelt
UND IN
WIRKLICHKEIT
So arbeite ich jeden Tag
29@nilseckelt
PROTOTYPE LIFE CYCLE
30
Vier initiale
Screens
@nilseckelt
PROTOTYPE LIFE CYCLE
31
Vier initiale
Screens
User tests
@nilseckelt
PROTOTYPE LIFE CYCLE
32
Vier initiale
Screens
User tests
Feedback
auswerten
@nilseckelt
Vier initiale
Screens
PROTOTYPE LIFE CYCLE
33
Screens
anpassen
User tests
Feedback
auswerten
@nilseckelt
USER TESTS
Mit wem teste ich was? Und wie?
34@nilseckelt
MIT WEM
TESTE ICH?
▫︎Mit dem End-Anwender
▫︎Mit Projekt-fremden Personen
▫︎Guerrilla testing auf der Straße
35@nilseckelt
WAS TESTE
ICH?
▫︎Information Architecture

Welche Informationen sind wann nötig und
erwünscht?
▫︎User Interactions

Sind die Workflows verständlich?
▫︎Nützlichkeit einer Funktion
▫︎Designs
36@nilseckelt
WIE
BEKOMME
ICH DAS
BESTE
HERAUS?
▫︎Tja…
37@nilseckelt
WIE
BEKOMME
ICH DAS
BESTE
HERAUS?
—
TIPPS
▫︎Kleine Aufgaben geben
▫︎Offene Fragen
▫︎Ermutigen Gedanken laut auszusprechen
▫︎Realistische Umgebung
38@nilseckelt
Fragen? Ergänzungen? Anregungen?
neckelt@thoughtworks.com
@nilseckelt
DANKESCHÖN
We’re hiring — just talk to me, if you are interested

Weitere ähnliche Inhalte

Andere mochten auch

Tutorial rubrica tigre Grupo fututoresunad
Tutorial rubrica tigre Grupo fututoresunadTutorial rubrica tigre Grupo fututoresunad
Tutorial rubrica tigre Grupo fututoresunad
Catamolinam
 
7 Technology Trends Transforming Consumer Behavior - Updated
7 Technology Trends Transforming Consumer Behavior - Updated7 Technology Trends Transforming Consumer Behavior - Updated
7 Technology Trends Transforming Consumer Behavior - Updated
Kyle Lacy
 
Intensified hospitality
Intensified hospitalityIntensified hospitality
Intensified hospitality
Mahmoud ABDELRAHMAN
 
18 historia leonismo colombiano zander
18 historia leonismo colombiano zander18 historia leonismo colombiano zander
18 historia leonismo colombiano zander
distritomultiplef
 
1a acta constitucion mesa 6 11_2013
1a acta constitucion mesa  6 11_20131a acta constitucion mesa  6 11_2013
1a acta constitucion mesa 6 11_2013
xavimure
 
Brochure 2013
Brochure 2013Brochure 2013
Brochure 2013
Laud Eventos
 
Tv spelshistoria del 1 av 3
Tv spelshistoria del 1 av 3Tv spelshistoria del 1 av 3
Tv spelshistoria del 1 av 3
guestbb7c19
 
EPRD16 - Salvatore Leone - PDTA:assistential and diagnostic-terapeuthic paths
EPRD16 - Salvatore Leone - PDTA:assistential and diagnostic-terapeuthic pathsEPRD16 - Salvatore Leone - PDTA:assistential and diagnostic-terapeuthic paths
EPRD16 - Salvatore Leone - PDTA:assistential and diagnostic-terapeuthic paths
Cittadinanzattiva onlus
 
Pp dia del llibre
Pp dia del llibrePp dia del llibre
Pp dia del llibre
ASC763
 
Cloud Services Powered by IBM SoftLayer and NetflixOSS
Cloud Services Powered by IBM SoftLayer and NetflixOSSCloud Services Powered by IBM SoftLayer and NetflixOSS
Cloud Services Powered by IBM SoftLayer and NetflixOSS
aspyker
 
Informe de rendición de cuentas a la ciudadanía Alcaldía de Urrao Vigencia 2015
Informe de rendición de cuentas a la ciudadanía Alcaldía de Urrao Vigencia 2015Informe de rendición de cuentas a la ciudadanía Alcaldía de Urrao Vigencia 2015
Informe de rendición de cuentas a la ciudadanía Alcaldía de Urrao Vigencia 2015
Alcaldia Urrao
 
Clasificacion de las empresas
Clasificacion de las empresasClasificacion de las empresas
Clasificacion de las empresas
Leidy Morales
 
Audit site oenobiol _ v20150326_finale_cours_esc131_complet
Audit site oenobiol _ v20150326_finale_cours_esc131_completAudit site oenobiol _ v20150326_finale_cours_esc131_complet
Audit site oenobiol _ v20150326_finale_cours_esc131_complet
BANREZES ISABELLE
 
Lectoescritura 1º
Lectoescritura 1ºLectoescritura 1º
Lectoescritura 1º
Santiago Ruiz Garcia
 
Productos Amway Home
Productos Amway HomeProductos Amway Home
Productos Amway Home
Jose S Oviedo M
 
Antonio Machado Andrea D. Y Andrea P.
Antonio Machado Andrea D. Y Andrea P.Antonio Machado Andrea D. Y Andrea P.
Antonio Machado Andrea D. Y Andrea P.
dolors
 
Preparing for Job Interviews
Preparing for Job InterviewsPreparing for Job Interviews
Preparing for Job Interviews
Conor Neill
 
GUÍA BIBLIOTECAS ESCOLARES. 5. proyectos lectores y escritores.Director: José...
GUÍA BIBLIOTECAS ESCOLARES. 5. proyectos lectores y escritores.Director: José...GUÍA BIBLIOTECAS ESCOLARES. 5. proyectos lectores y escritores.Director: José...
GUÍA BIBLIOTECAS ESCOLARES. 5. proyectos lectores y escritores.Director: José...
Biblioteca Escolar Juan Leiva
 
Presentacion bondad
Presentacion bondadPresentacion bondad
Presentacion bondad
Jose Monarrez Rodriguez
 
Infecciones urinarias específicas
Infecciones urinarias específicasInfecciones urinarias específicas
Infecciones urinarias específicas
Miguel Orellana Falcones
 

Andere mochten auch (20)

Tutorial rubrica tigre Grupo fututoresunad
Tutorial rubrica tigre Grupo fututoresunadTutorial rubrica tigre Grupo fututoresunad
Tutorial rubrica tigre Grupo fututoresunad
 
7 Technology Trends Transforming Consumer Behavior - Updated
7 Technology Trends Transforming Consumer Behavior - Updated7 Technology Trends Transforming Consumer Behavior - Updated
7 Technology Trends Transforming Consumer Behavior - Updated
 
Intensified hospitality
Intensified hospitalityIntensified hospitality
Intensified hospitality
 
18 historia leonismo colombiano zander
18 historia leonismo colombiano zander18 historia leonismo colombiano zander
18 historia leonismo colombiano zander
 
1a acta constitucion mesa 6 11_2013
1a acta constitucion mesa  6 11_20131a acta constitucion mesa  6 11_2013
1a acta constitucion mesa 6 11_2013
 
Brochure 2013
Brochure 2013Brochure 2013
Brochure 2013
 
Tv spelshistoria del 1 av 3
Tv spelshistoria del 1 av 3Tv spelshistoria del 1 av 3
Tv spelshistoria del 1 av 3
 
EPRD16 - Salvatore Leone - PDTA:assistential and diagnostic-terapeuthic paths
EPRD16 - Salvatore Leone - PDTA:assistential and diagnostic-terapeuthic pathsEPRD16 - Salvatore Leone - PDTA:assistential and diagnostic-terapeuthic paths
EPRD16 - Salvatore Leone - PDTA:assistential and diagnostic-terapeuthic paths
 
Pp dia del llibre
Pp dia del llibrePp dia del llibre
Pp dia del llibre
 
Cloud Services Powered by IBM SoftLayer and NetflixOSS
Cloud Services Powered by IBM SoftLayer and NetflixOSSCloud Services Powered by IBM SoftLayer and NetflixOSS
Cloud Services Powered by IBM SoftLayer and NetflixOSS
 
Informe de rendición de cuentas a la ciudadanía Alcaldía de Urrao Vigencia 2015
Informe de rendición de cuentas a la ciudadanía Alcaldía de Urrao Vigencia 2015Informe de rendición de cuentas a la ciudadanía Alcaldía de Urrao Vigencia 2015
Informe de rendición de cuentas a la ciudadanía Alcaldía de Urrao Vigencia 2015
 
Clasificacion de las empresas
Clasificacion de las empresasClasificacion de las empresas
Clasificacion de las empresas
 
Audit site oenobiol _ v20150326_finale_cours_esc131_complet
Audit site oenobiol _ v20150326_finale_cours_esc131_completAudit site oenobiol _ v20150326_finale_cours_esc131_complet
Audit site oenobiol _ v20150326_finale_cours_esc131_complet
 
Lectoescritura 1º
Lectoescritura 1ºLectoescritura 1º
Lectoescritura 1º
 
Productos Amway Home
Productos Amway HomeProductos Amway Home
Productos Amway Home
 
Antonio Machado Andrea D. Y Andrea P.
Antonio Machado Andrea D. Y Andrea P.Antonio Machado Andrea D. Y Andrea P.
Antonio Machado Andrea D. Y Andrea P.
 
Preparing for Job Interviews
Preparing for Job InterviewsPreparing for Job Interviews
Preparing for Job Interviews
 
GUÍA BIBLIOTECAS ESCOLARES. 5. proyectos lectores y escritores.Director: José...
GUÍA BIBLIOTECAS ESCOLARES. 5. proyectos lectores y escritores.Director: José...GUÍA BIBLIOTECAS ESCOLARES. 5. proyectos lectores y escritores.Director: José...
GUÍA BIBLIOTECAS ESCOLARES. 5. proyectos lectores y escritores.Director: José...
 
Presentacion bondad
Presentacion bondadPresentacion bondad
Presentacion bondad
 
Infecciones urinarias específicas
Infecciones urinarias específicasInfecciones urinarias específicas
Infecciones urinarias específicas
 

Ähnlich wie Leichtgewichtige prototypen für mobile apps

Kontinuierliche User Research und UX Design
Kontinuierliche User Research und UX DesignKontinuierliche User Research und UX Design
Kontinuierliche User Research und UX Design
uxHH
 
Fonda: Erfolgsfaktor Benutzeroberfläche
Fonda: Erfolgsfaktor BenutzeroberflächeFonda: Erfolgsfaktor Benutzeroberfläche
Fonda: Erfolgsfaktor Benutzeroberfläche
Fonda Wien
 
UX & Design: UX-Optimierungen in SharePoint umsetzen
UX & Design: UX-Optimierungen in SharePoint umsetzenUX & Design: UX-Optimierungen in SharePoint umsetzen
UX & Design: UX-Optimierungen in SharePoint umsetzen
IOZ AG
 
Micro UX. Wie Produkte wirklich Spaß machen (2014)
Micro UX. Wie Produkte wirklich Spaß machen (2014)Micro UX. Wie Produkte wirklich Spaß machen (2014)
Micro UX. Wie Produkte wirklich Spaß machen (2014)
denkwerk GmbH
 
USECON_RoX_Workshop_3Us-Basics
USECON_RoX_Workshop_3Us-BasicsUSECON_RoX_Workshop_3Us-Basics
USECON_RoX_Workshop_3Us-Basics
USECON
 
Usability Engineering
Usability  EngineeringUsability  Engineering
Usability Engineering
Nina Rebele
 
Kaufabbruch in letzter Sekunde? Mit UX Testing die Conversion Rate steigern
Kaufabbruch in letzter Sekunde? Mit UX Testing die Conversion Rate steigernKaufabbruch in letzter Sekunde? Mit UX Testing die Conversion Rate steigern
Kaufabbruch in letzter Sekunde? Mit UX Testing die Conversion Rate steigern
Johannes Müller
 
eparo – Inhalte und Funktionen von Websites (Vortrag IICO Kongress 2009 – Rol...
eparo – Inhalte und Funktionen von Websites (Vortrag IICO Kongress 2009 – Rol...eparo – Inhalte und Funktionen von Websites (Vortrag IICO Kongress 2009 – Rol...
eparo – Inhalte und Funktionen von Websites (Vortrag IICO Kongress 2009 – Rol...
eparo GmbH
 
Der perfekte Microservice
Der perfekte MicroserviceDer perfekte Microservice
Der perfekte Microservice
OPEN KNOWLEDGE GmbH
 
insertEFFECT Partner für Apps und Mobile Beratung Design Entwicklung Unterne...
insertEFFECT Partner für Apps und Mobile Beratung Design Entwicklung Unterne...insertEFFECT Partner für Apps und Mobile Beratung Design Entwicklung Unterne...
insertEFFECT Partner für Apps und Mobile Beratung Design Entwicklung Unterne...
insertEFFECT GmbH
 
Uability und User Experience - Ein bisschen darüber geplaudert ...
Uability und User Experience - Ein bisschen darüber geplaudert ...Uability und User Experience - Ein bisschen darüber geplaudert ...
Uability und User Experience - Ein bisschen darüber geplaudert ...
Maria Rauschenberger
 
Mono-, Modu-, Microliths
Mono-, Modu-, MicrolithsMono-, Modu-, Microliths
Mono-, Modu-, Microliths
Annegret Junker
 
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
 
Nutzerfreude im Fokus
Nutzerfreude im FokusNutzerfreude im Fokus
Nutzerfreude im Fokus
Maria Rauschenberger
 
Usability engineering als Innovationsmethodik - die vielen Gesichter einer Sc...
Usability engineering als Innovationsmethodik - die vielen Gesichter einer Sc...Usability engineering als Innovationsmethodik - die vielen Gesichter einer Sc...
Usability engineering als Innovationsmethodik - die vielen Gesichter einer Sc...
m3mitsuppe
 
Responsive goes Agile!
Responsive goes Agile!Responsive goes Agile!
Responsive goes Agile!
Dirk Pogrzeba
 
Voraussetzungen erfolgreicher App-Entwicklungsprojekte
Voraussetzungen erfolgreicher App-EntwicklungsprojekteVoraussetzungen erfolgreicher App-Entwicklungsprojekte
Voraussetzungen erfolgreicher App-Entwicklungsprojekte
Connected-Blog
 
Angebotspräsentation
AngebotspräsentationAngebotspräsentation
Angebotspräsentation
Circo Loco
 
Agile UX - Wege zur agilen nutzerzentrierten Produktentwicklung
Agile UX - Wege zur agilen nutzerzentrierten ProduktentwicklungAgile UX - Wege zur agilen nutzerzentrierten Produktentwicklung
Agile UX - Wege zur agilen nutzerzentrierten Produktentwicklung
Rainer Gibbert
 
Werkstattgespräch Agile Requirements Engineering
Werkstattgespräch Agile Requirements EngineeringWerkstattgespräch Agile Requirements Engineering
Werkstattgespräch Agile Requirements Engineering
uxHH
 

Ähnlich wie Leichtgewichtige prototypen für mobile apps (20)

Kontinuierliche User Research und UX Design
Kontinuierliche User Research und UX DesignKontinuierliche User Research und UX Design
Kontinuierliche User Research und UX Design
 
Fonda: Erfolgsfaktor Benutzeroberfläche
Fonda: Erfolgsfaktor BenutzeroberflächeFonda: Erfolgsfaktor Benutzeroberfläche
Fonda: Erfolgsfaktor Benutzeroberfläche
 
UX & Design: UX-Optimierungen in SharePoint umsetzen
UX & Design: UX-Optimierungen in SharePoint umsetzenUX & Design: UX-Optimierungen in SharePoint umsetzen
UX & Design: UX-Optimierungen in SharePoint umsetzen
 
Micro UX. Wie Produkte wirklich Spaß machen (2014)
Micro UX. Wie Produkte wirklich Spaß machen (2014)Micro UX. Wie Produkte wirklich Spaß machen (2014)
Micro UX. Wie Produkte wirklich Spaß machen (2014)
 
USECON_RoX_Workshop_3Us-Basics
USECON_RoX_Workshop_3Us-BasicsUSECON_RoX_Workshop_3Us-Basics
USECON_RoX_Workshop_3Us-Basics
 
Usability Engineering
Usability  EngineeringUsability  Engineering
Usability Engineering
 
Kaufabbruch in letzter Sekunde? Mit UX Testing die Conversion Rate steigern
Kaufabbruch in letzter Sekunde? Mit UX Testing die Conversion Rate steigernKaufabbruch in letzter Sekunde? Mit UX Testing die Conversion Rate steigern
Kaufabbruch in letzter Sekunde? Mit UX Testing die Conversion Rate steigern
 
eparo – Inhalte und Funktionen von Websites (Vortrag IICO Kongress 2009 – Rol...
eparo – Inhalte und Funktionen von Websites (Vortrag IICO Kongress 2009 – Rol...eparo – Inhalte und Funktionen von Websites (Vortrag IICO Kongress 2009 – Rol...
eparo – Inhalte und Funktionen von Websites (Vortrag IICO Kongress 2009 – Rol...
 
Der perfekte Microservice
Der perfekte MicroserviceDer perfekte Microservice
Der perfekte Microservice
 
insertEFFECT Partner für Apps und Mobile Beratung Design Entwicklung Unterne...
insertEFFECT Partner für Apps und Mobile Beratung Design Entwicklung Unterne...insertEFFECT Partner für Apps und Mobile Beratung Design Entwicklung Unterne...
insertEFFECT Partner für Apps und Mobile Beratung Design Entwicklung Unterne...
 
Uability und User Experience - Ein bisschen darüber geplaudert ...
Uability und User Experience - Ein bisschen darüber geplaudert ...Uability und User Experience - Ein bisschen darüber geplaudert ...
Uability und User Experience - Ein bisschen darüber geplaudert ...
 
Mono-, Modu-, Microliths
Mono-, Modu-, MicrolithsMono-, Modu-, Microliths
Mono-, Modu-, Microliths
 
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)
 
Nutzerfreude im Fokus
Nutzerfreude im FokusNutzerfreude im Fokus
Nutzerfreude im Fokus
 
Usability engineering als Innovationsmethodik - die vielen Gesichter einer Sc...
Usability engineering als Innovationsmethodik - die vielen Gesichter einer Sc...Usability engineering als Innovationsmethodik - die vielen Gesichter einer Sc...
Usability engineering als Innovationsmethodik - die vielen Gesichter einer Sc...
 
Responsive goes Agile!
Responsive goes Agile!Responsive goes Agile!
Responsive goes Agile!
 
Voraussetzungen erfolgreicher App-Entwicklungsprojekte
Voraussetzungen erfolgreicher App-EntwicklungsprojekteVoraussetzungen erfolgreicher App-Entwicklungsprojekte
Voraussetzungen erfolgreicher App-Entwicklungsprojekte
 
Angebotspräsentation
AngebotspräsentationAngebotspräsentation
Angebotspräsentation
 
Agile UX - Wege zur agilen nutzerzentrierten Produktentwicklung
Agile UX - Wege zur agilen nutzerzentrierten ProduktentwicklungAgile UX - Wege zur agilen nutzerzentrierten Produktentwicklung
Agile UX - Wege zur agilen nutzerzentrierten Produktentwicklung
 
Werkstattgespräch Agile Requirements Engineering
Werkstattgespräch Agile Requirements EngineeringWerkstattgespräch Agile Requirements Engineering
Werkstattgespräch Agile Requirements Engineering
 

Leichtgewichtige prototypen für mobile apps