Download - Leichtgewichtige prototypen für mobile apps
WER? WAS? WIE?
2
▫︎ Vorstellen
▫︎ Experience Design
▫︎ Prototypen
▫︎Werkzeuge
▫︎ Life Cycle
▫︎User Tests
▫︎ Fragen und hoffentlich Antworten
@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
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
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 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
KEYNOTE Pros
Geringer Aufwand
Design anpassbar
Produziert klickbare PDFs
Cons
Kein Scrollen
Keine Animationen
25@nilseckelt
POWERPOINTIMPRESS
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
Vier initiale Screens
PROTOTYPE LIFE CYCLE
33
Screens anpassen
User tests
Feedback auswerten
@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 ArchitectureWelche Informationen sind wann nötig und erwünscht?
▫︎User InteractionsSind die Workflows verständlich?
▫︎Nützlichkeit einer Funktion
▫︎Designs
36@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?
[email protected] @nilseckelt
DANKESCHÖN
We’re hiring — just talk to me, if you are interested