SlideShare ist ein Scribd-Unternehmen logo
1 von 19
Downloaden Sie, um offline zu lesen
#Meta-UX	 5 Köche und ein Brei:
	 Optimale Prototyping-Toolchain(s)
#Meta-UXUnter diesem Schlagwort wollen wir uns mit
Prototyping Tools und Workflows beschäftigen.
Research, Workshops, Veröffentlichungen,
Austausch, Diskussionen, ...
Sabina Dominik User Experience
Christian Graf UXessible GbR
Joachim Tillessen emjot GmbH
#Meta-UXJuni 2016 UXHH Roundtable
Adobe XD - Der neue Hut im Ring der Prototyping Tools
Juni 2016 UXcamp Europe
MetaUX - the use cases of prototyping software
August 2016 UXHH Roundtable
5 Köche und ein Brei: Optimale Prototyping-Toolchain(s)
t.b.d. 2016 IxDAb
Prototyping the perfect prototyping tool
Impulsgeber
Felix Burger Mark Jäger Martin Comfort
UX Designer / Concept Developer
Jung von Matt/next
Co-Founder / CPO
Stuffle GmbH
Consultant
ThoughtWorks Deutschland
Speeddating
Kurze Vorstellung des Projektes
Felix Burger Mark Jäger Martin Comfort
‚DOC QUIZ‘
Social Learning Software
‚STUFFLE‘
Mobile Flohmarkt
smarte Kaffeemachine
Mit welchen Tools wurde der Prototyp erstellt?
Felix Burger Mark Jäger Martin Comfort Alle
Sketch
InVision
XCode
Marvel
Sketch
Keynote
GitHub
Styropor
Bastelsachen
InVision
XCode
Hardwarekomponenten
HTML / CSS
Axure
Stift & Papier
Flinto
Adobe XD
Photoshop
Framer
Principal
Proto.io
Welche Personen haben an der Erstellung des
Prototyps mitgewirkt?
(Fachabteilung, Rolle im Projekt)
Felix Burger Mark Jäger Martin Comfort Alle
UX Designer
Art Director
Visual Designer
Product Designer
Designer
Business Analyst
Product Owner
Dev
Quality
Kunden
Product Manager
Chef
Marketing
UX Researcher
Für welche Personen wurde der Prototyp erstellt?
(Fachabteilung, Rolle im Projekt)
Felix Burger Mark Jäger Martin Comfort Alle
Fachabteilung des Kunden
Zielgruppe
Vorstand
Chef (intern)
Dev
Nutzer
Nutzer
Kunde
Team (Marketing, Technik,
Chef, ...)
Messebesucher
Industriepartner
(Etat-) Entscheider beim
Kunden
Tester
Juristen
UX Community
(Anwendungs-)Zweck des Prototypen
Felix Burger Mark Jäger Martin Comfort Alle
Entscheidungsfindung
Präsentation
(beim Vorstand)
Spezifikation
Technische Sinnhaftigkeit
Abstimmung im Team
UX Test
Kommunikation
Testing
User Research
Präsentation
Akquise
Anforderungen
ermitteln /
konkretisieren
Ideation
Welche Erkenntnisse hat der Prototyp geliefert?
Felix Burger Mark Jäger Martin Comfort
Proof of Concept Nutzerverhalten (Interaktion)
Validierung von Ideen
Dimensionierung des
physikalischen Produktes
Ergonomie
Design
Warum habt ihr Euch für diese Tools entschieden?
Felix Burger Mark Jäger Martin Comfort
Geschwindigkeit
unkompliziert
Detaillierungsgrad
vorhandene Assets
Animation
situativ
maximaler Insight
bei geringen Kosten
Worin liegen die Vor-/Nachteile Eures Workflows?
Felix Burger Mark Jäger Martin Comfort
+ Geschwindigkeit
+ Konkretheit
+ Flexibilität
+ Feedbackoptionen
- Learning Curve
+ Versionierung
+ iterativ
+ Peer Review
+ Zugriff auf Historie
- funktioniert nur bedingt bei Binaries
- Overhead
- große Dateien bei GiHub
- Diffs
+ agil
+ problembezogen
- könnte noch vielfältiger sein
- mehr Hardwarekompetenzen
+ ungahnte Talente
Erkenntnisse
Risiko: Wiedersprechende Artefakte im Projekt
Umfangreiche Prototypen sind nicht zu maintainen
Tool-Entscheidung kann nicht alle zukünftigen Entwicklun-
gen antizipieren (future guessing)
Prototypen eignen sich nicht zur Dokumentation
Limitationen von Plattformen
...mehr Erkenntnisse
zu viele Anforderungen überfordern Prototypen (ein Ziel)
HTML / CSS Prototypen vermeiden überflüssige Artefakte
(für Webprojekte)
Einsteiger können auch einfache Office Produkte (Keynote,
Powerpoint, ...) nutzen oder Paperprototyping + POP
Es gibt keine universellen Workflows (Teams und Projekte
sind zu unterschiedlich)
...noch mehr Erkenntnisse
Prototypen sind dafür da Fragen zu beantworten
Werkzeugkasten mit unterschiedlichen Tools/Workflows
Menschen und Interaktionen stehen im Fokus
Feedback
+ Speeddating
+ Struktur begünstig Dialog
- mehr Interaktivität
- Längen
(-) zu wenig Zeit
- konkretere Beispiele sind kurz gekommen
+ Impulsgeber
+ keine Werbung
+ vielen Dank an Deep Blue!!!
#Meta-UXWir suchen weitere interessierte Kollegen.
Meta-UX Gruppe auf XING
Meta-UX auf Twitter
Meta-UX im Web

Weitere ähnliche Inhalte

Ähnlich wie 5 Köche und ein Brei: Optimale Prototyping-Toolchain(s)

Agile UX - Tutorial auf der Mensch & Computer 2010
Agile UX - Tutorial auf der Mensch & Computer 2010Agile UX - Tutorial auf der Mensch & Computer 2010
Agile UX - Tutorial auf der Mensch & Computer 2010Rainer Gibbert
 
Responsive Content Experience
Responsive Content ExperienceResponsive Content Experience
Responsive Content ExperiencePeter Rozek
 
Einführung in User Experience Design
Einführung in User Experience DesignEinführung in User Experience Design
Einführung in User Experience Designchmoser79
 
Large-Scale Product Owner @ XPDays Germany (5.10.2023)
Large-Scale Product Owner @ XPDays Germany (5.10.2023)Large-Scale Product Owner @ XPDays Germany (5.10.2023)
Large-Scale Product Owner @ XPDays Germany (5.10.2023)Pierluigi Pugliese
 
Präsentation Digital Fitness Webinar Künstiliche Intelligenz
Präsentation Digital Fitness Webinar Künstiliche IntelligenzPräsentation Digital Fitness Webinar Künstiliche Intelligenz
Präsentation Digital Fitness Webinar Künstiliche IntelligenzStephanMeyer25
 
Webinare in der Erwachsenenbildung
Webinare in der ErwachsenenbildungWebinare in der Erwachsenenbildung
Webinare in der Erwachsenenbildungdavidroethler
 
Digital Publishing Übersicht & Strategie
Digital Publishing Übersicht & StrategieDigital Publishing Übersicht & Strategie
Digital Publishing Übersicht & StrategieHaeme Ulrich
 
IA Konferenz 2018 | Das Prototypen-Dilemma
IA Konferenz 2018 | Das Prototypen-DilemmaIA Konferenz 2018 | Das Prototypen-Dilemma
IA Konferenz 2018 | Das Prototypen-Dilemmausability.de
 
Das Prototypen-Dilemma
Das Prototypen-DilemmaDas Prototypen-Dilemma
Das Prototypen-DilemmaJohannes Baeck
 
Das Ganze ist mehr als seine Teile: Die moderne Continuous-Delivery-Umgebung
Das Ganze ist mehr als seine Teile: Die moderne Continuous-Delivery-UmgebungDas Ganze ist mehr als seine Teile: Die moderne Continuous-Delivery-Umgebung
Das Ganze ist mehr als seine Teile: Die moderne Continuous-Delivery-UmgebungOPITZ CONSULTING Deutschland
 
Daniel Mark: Produktentwicklung bei My Hammer und die MyHammer iPhone App
Daniel Mark: Produktentwicklung bei My Hammer und die MyHammer iPhone AppDaniel Mark: Produktentwicklung bei My Hammer und die MyHammer iPhone App
Daniel Mark: Produktentwicklung bei My Hammer und die MyHammer iPhone AppMyHammer AG
 
Agil und kreativ - Moderne Designprozesse
Agil und kreativ - Moderne DesignprozesseAgil und kreativ - Moderne Designprozesse
Agil und kreativ - Moderne DesignprozesseHans-Joachim Belz
 
Ueberlegungen Projektmanagement Web Applications
Ueberlegungen Projektmanagement Web ApplicationsUeberlegungen Projektmanagement Web Applications
Ueberlegungen Projektmanagement Web ApplicationsGünther Haslbeck
 
Eine Stunde was mit Api First!
Eine Stunde was mit Api First!Eine Stunde was mit Api First!
Eine Stunde was mit Api First!JanWeinschenker
 
Authoring Management
Authoring ManagementAuthoring Management
Authoring Managementvzimmermann
 
Onno Reiners: E-Learning einfach selbst erstellen
Onno Reiners: E-Learning einfach selbst erstellenOnno Reiners: E-Learning einfach selbst erstellen
Onno Reiners: E-Learning einfach selbst erstellenlernet
 
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
 

Ähnlich wie 5 Köche und ein Brei: Optimale Prototyping-Toolchain(s) (20)

Agile UX - Tutorial auf der Mensch & Computer 2010
Agile UX - Tutorial auf der Mensch & Computer 2010Agile UX - Tutorial auf der Mensch & Computer 2010
Agile UX - Tutorial auf der Mensch & Computer 2010
 
Responsive Content Experience
Responsive Content ExperienceResponsive Content Experience
Responsive Content Experience
 
Einführung in User Experience Design
Einführung in User Experience DesignEinführung in User Experience Design
Einführung in User Experience Design
 
Large-Scale Product Owner @ XPDays Germany (5.10.2023)
Large-Scale Product Owner @ XPDays Germany (5.10.2023)Large-Scale Product Owner @ XPDays Germany (5.10.2023)
Large-Scale Product Owner @ XPDays Germany (5.10.2023)
 
Präsentation Digital Fitness Webinar Künstiliche Intelligenz
Präsentation Digital Fitness Webinar Künstiliche IntelligenzPräsentation Digital Fitness Webinar Künstiliche Intelligenz
Präsentation Digital Fitness Webinar Künstiliche Intelligenz
 
Scrum im Marketing
Scrum im MarketingScrum im Marketing
Scrum im Marketing
 
Webinare in der Erwachsenenbildung
Webinare in der ErwachsenenbildungWebinare in der Erwachsenenbildung
Webinare in der Erwachsenenbildung
 
Thementag 2023 06 Dieses Mal machen wir alles richtig - 9 Hacks für wandelbar...
Thementag 2023 06 Dieses Mal machen wir alles richtig - 9 Hacks für wandelbar...Thementag 2023 06 Dieses Mal machen wir alles richtig - 9 Hacks für wandelbar...
Thementag 2023 06 Dieses Mal machen wir alles richtig - 9 Hacks für wandelbar...
 
Digital Publishing Übersicht & Strategie
Digital Publishing Übersicht & StrategieDigital Publishing Übersicht & Strategie
Digital Publishing Übersicht & Strategie
 
IA Konferenz 2018 | Das Prototypen-Dilemma
IA Konferenz 2018 | Das Prototypen-DilemmaIA Konferenz 2018 | Das Prototypen-Dilemma
IA Konferenz 2018 | Das Prototypen-Dilemma
 
Das Prototypen-Dilemma
Das Prototypen-DilemmaDas Prototypen-Dilemma
Das Prototypen-Dilemma
 
Das Ganze ist mehr als seine Teile: Die moderne Continuous-Delivery-Umgebung
Das Ganze ist mehr als seine Teile: Die moderne Continuous-Delivery-UmgebungDas Ganze ist mehr als seine Teile: Die moderne Continuous-Delivery-Umgebung
Das Ganze ist mehr als seine Teile: Die moderne Continuous-Delivery-Umgebung
 
Daniel Mark: Produktentwicklung bei My Hammer und die MyHammer iPhone App
Daniel Mark: Produktentwicklung bei My Hammer und die MyHammer iPhone AppDaniel Mark: Produktentwicklung bei My Hammer und die MyHammer iPhone App
Daniel Mark: Produktentwicklung bei My Hammer und die MyHammer iPhone App
 
Agil und kreativ - Moderne Designprozesse
Agil und kreativ - Moderne DesignprozesseAgil und kreativ - Moderne Designprozesse
Agil und kreativ - Moderne Designprozesse
 
Ueberlegungen Projektmanagement Web Applications
Ueberlegungen Projektmanagement Web ApplicationsUeberlegungen Projektmanagement Web Applications
Ueberlegungen Projektmanagement Web Applications
 
Eine Stunde was mit Api First!
Eine Stunde was mit Api First!Eine Stunde was mit Api First!
Eine Stunde was mit Api First!
 
Authoring Management
Authoring ManagementAuthoring Management
Authoring Management
 
Onno Reiners: E-Learning einfach selbst erstellen
Onno Reiners: E-Learning einfach selbst erstellenOnno Reiners: E-Learning einfach selbst erstellen
Onno Reiners: E-Learning einfach selbst erstellen
 
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
 
Ux vs. Agile
Ux vs. AgileUx vs. Agile
Ux vs. Agile
 

5 Köche und ein Brei: Optimale Prototyping-Toolchain(s)

  • 1. #Meta-UX 5 Köche und ein Brei: Optimale Prototyping-Toolchain(s)
  • 2. #Meta-UXUnter diesem Schlagwort wollen wir uns mit Prototyping Tools und Workflows beschäftigen. Research, Workshops, Veröffentlichungen, Austausch, Diskussionen, ... Sabina Dominik User Experience Christian Graf UXessible GbR Joachim Tillessen emjot GmbH
  • 3. #Meta-UXJuni 2016 UXHH Roundtable Adobe XD - Der neue Hut im Ring der Prototyping Tools Juni 2016 UXcamp Europe MetaUX - the use cases of prototyping software August 2016 UXHH Roundtable 5 Köche und ein Brei: Optimale Prototyping-Toolchain(s) t.b.d. 2016 IxDAb Prototyping the perfect prototyping tool
  • 4.
  • 5. Impulsgeber Felix Burger Mark Jäger Martin Comfort UX Designer / Concept Developer Jung von Matt/next Co-Founder / CPO Stuffle GmbH Consultant ThoughtWorks Deutschland
  • 7. Kurze Vorstellung des Projektes Felix Burger Mark Jäger Martin Comfort ‚DOC QUIZ‘ Social Learning Software ‚STUFFLE‘ Mobile Flohmarkt smarte Kaffeemachine
  • 8. Mit welchen Tools wurde der Prototyp erstellt? Felix Burger Mark Jäger Martin Comfort Alle Sketch InVision XCode Marvel Sketch Keynote GitHub Styropor Bastelsachen InVision XCode Hardwarekomponenten HTML / CSS Axure Stift & Papier Flinto Adobe XD Photoshop Framer Principal Proto.io
  • 9. Welche Personen haben an der Erstellung des Prototyps mitgewirkt? (Fachabteilung, Rolle im Projekt) Felix Burger Mark Jäger Martin Comfort Alle UX Designer Art Director Visual Designer Product Designer Designer Business Analyst Product Owner Dev Quality Kunden Product Manager Chef Marketing UX Researcher
  • 10. Für welche Personen wurde der Prototyp erstellt? (Fachabteilung, Rolle im Projekt) Felix Burger Mark Jäger Martin Comfort Alle Fachabteilung des Kunden Zielgruppe Vorstand Chef (intern) Dev Nutzer Nutzer Kunde Team (Marketing, Technik, Chef, ...) Messebesucher Industriepartner (Etat-) Entscheider beim Kunden Tester Juristen UX Community
  • 11. (Anwendungs-)Zweck des Prototypen Felix Burger Mark Jäger Martin Comfort Alle Entscheidungsfindung Präsentation (beim Vorstand) Spezifikation Technische Sinnhaftigkeit Abstimmung im Team UX Test Kommunikation Testing User Research Präsentation Akquise Anforderungen ermitteln / konkretisieren Ideation
  • 12. Welche Erkenntnisse hat der Prototyp geliefert? Felix Burger Mark Jäger Martin Comfort Proof of Concept Nutzerverhalten (Interaktion) Validierung von Ideen Dimensionierung des physikalischen Produktes Ergonomie Design
  • 13. Warum habt ihr Euch für diese Tools entschieden? Felix Burger Mark Jäger Martin Comfort Geschwindigkeit unkompliziert Detaillierungsgrad vorhandene Assets Animation situativ maximaler Insight bei geringen Kosten
  • 14. Worin liegen die Vor-/Nachteile Eures Workflows? Felix Burger Mark Jäger Martin Comfort + Geschwindigkeit + Konkretheit + Flexibilität + Feedbackoptionen - Learning Curve + Versionierung + iterativ + Peer Review + Zugriff auf Historie - funktioniert nur bedingt bei Binaries - Overhead - große Dateien bei GiHub - Diffs + agil + problembezogen - könnte noch vielfältiger sein - mehr Hardwarekompetenzen + ungahnte Talente
  • 15. Erkenntnisse Risiko: Wiedersprechende Artefakte im Projekt Umfangreiche Prototypen sind nicht zu maintainen Tool-Entscheidung kann nicht alle zukünftigen Entwicklun- gen antizipieren (future guessing) Prototypen eignen sich nicht zur Dokumentation Limitationen von Plattformen
  • 16. ...mehr Erkenntnisse zu viele Anforderungen überfordern Prototypen (ein Ziel) HTML / CSS Prototypen vermeiden überflüssige Artefakte (für Webprojekte) Einsteiger können auch einfache Office Produkte (Keynote, Powerpoint, ...) nutzen oder Paperprototyping + POP Es gibt keine universellen Workflows (Teams und Projekte sind zu unterschiedlich)
  • 17. ...noch mehr Erkenntnisse Prototypen sind dafür da Fragen zu beantworten Werkzeugkasten mit unterschiedlichen Tools/Workflows Menschen und Interaktionen stehen im Fokus
  • 18. Feedback + Speeddating + Struktur begünstig Dialog - mehr Interaktivität - Längen (-) zu wenig Zeit - konkretere Beispiele sind kurz gekommen + Impulsgeber + keine Werbung + vielen Dank an Deep Blue!!!
  • 19. #Meta-UXWir suchen weitere interessierte Kollegen. Meta-UX Gruppe auf XING Meta-UX auf Twitter Meta-UX im Web