Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Meta UX: Designing Stakeholder Experience

Meta UX: Designing Stakeholder Experience

Vortag auf dem UX-DAY Mannheim 2016

“Die Schuster tragen die schlechtesten Schuhe.” So kommt es uns vor, wenn wir einen ungeschönten Blick auf unsere eigenen Toolchains werfen. Die UX auf dem Weg zur Präsentation des Prototypen bei Stakeholdern lässt doch arg zu wünschen übrig.

Dieser Vortrag ist die Essenz von User Research an der eigenen Spezies. In Workshops und Gesprächen mit Interaktionsdesignern, Projektleitern und Entwicklern haben Joachim und Jay eine Vielzahl an Praxisproblemen geordnet und dabei Ansätze ermittelt, wie Prototyping-Software unsere Arbeit besser unterstützen könnte.

Natürlich hat keiner von uns die Zeit, sich seriös mit einer persönlichen Standortbestimmung im unüberschaubaren Dschungel zig neuer Design- und Prototyping Tools zu befassen. Der Vortrag liefert die nötige Orientierung um herauszufinden, welche neuen Methoden dem eigenen Team entsprechen und somit festgefahrene Unternehmensstandards ablösen können. Unsere Prognose ist: Wer diese Fragen nicht (bald) für sich beantwortet, wird demnächst noch ganz andere Probleme bekommen. Also: wir müssen reden!

Joachim Tillessen

October 13, 2016
Tweet

Other Decks in Design

Transcript

  1. META UX Designing Stakeholder Experience 13. Oktober 2016 UX-DAY Mannheim

    Joachim Tillessen @jtillessen Andre Jay Meissner @klick_ass
  2. Keaton Herzer beschreibt in seinem Artikel, den täglichen Wahnsinn der

    Prototyping Praxis.
 https://blog.prototypr.io/the-ideal-design- workflow-2c200b8e337d#.fi7z45qbv
  3. @klick_ass
 @jtillessen
 @meta_ux Bild: http://www.nzatd.org “Wir fliegen zum Mond, dafür

    gibt es keine einfachen Lösungen.” Es gibt Extremfälle wie sprachgesteuerte Virtual Reality Anwendung, doch bei 90% der UX Projekte handelt es sich um Bildschirmanwendungen für den Browser oder Mobile Devices. Für diese Usecases kann man eine relativ umfassende Standardlösung erwarten.
  4. @klick_ass
 @jtillessen
 @meta_ux Bild: http://cdn.thedailybeast.com “Wir bilden aus verschiedenen Produkten

    eine Toolchain” Zurzeit wohl noch alternativlos, weil noch keine umfassende Lösung zur Verfügung steht. Langfristig jedoch wenig zufriedenstellend. Exportschritte, unterschiedliche Bedienkonzepte, instabile Plug Ins und die Ablage von einer großen Vielzahl von Dateiformate und Versionen, machen diese Workflows umständlich und fehleranfällig.
  5. @klick_ass
 @jtillessen
 @meta_ux Bild: http://cdn1.bostonmagazine.com “Für die Tonne - Prototypen

    sind Einwegprodukte, und sollen nur einmalig zur Veranschaulichung eines einzelnen Sachverhaltes dienen. Hierzu wählt man dann das jeweils dezidierte Tool.” Bei langfristigen Projekten erscheint es wenig effizient für jedes Feature komplett von Neuem zu beginnen. Ein Designwerkzeug, dass mit einer Pattern-Library den Aufwand zur Erweiterung eines bestehenden Prototypes verringert, scheint hier deutlich zielführender.
  6. @klick_ass
 @jtillessen
 @meta_ux Bild: http://tctechcrunch2011.files.wordpress.com “Die Enterprise Lösung” Das krasse

    Gegenteil zu “quick and dirty”. Einige der umfangreicheren Prototyping-Tools haben keine zufriedenstellende Usability. Der Einarbeitungs- und Entwicklungsaufwand fällt hier eindeutig zu hoch aus. Das Ziel mit geringen Einsatz von Ressourcen zu bewertbaren Ergebnissen zu kommen wird hiermit verfehlt.
  7. @klick_ass
 @jtillessen
 @meta_ux Bild: http://cdn.skim.gs “Design in der Entwicklungsumgebung
 (z.B.

    HTML/CSS/JS)” Spezifische Kenntnisse der technischen Möglichkeiten der Zielplattform sind von großem Vorteil. Designer, die jedoch so frei und schnell in z.B. in CSS iterieren wie in einem Grafikprogramm sind ziemliche Unicorns, und auf dem Markt eher die Ausnahme.
  8. Axure RP balsamiq Flinto Mac Framer Browser InVision Marvel OmniGraffle

    Principle Sketch Adobe XD User Experience Lernkurve Produktivität Performance Prototyping & Design Wireframing Screendesign Interaktivität Responsive Animation Logik Workflows Distribution User Feedback Code Export Erweiterbarkeit Kollaboration Kompatibilität Plattformen und Clients Web Mac Windows Design Target Browser Mobile HTML CSS JS
  9. Axure RP balsamiq Flinto Mac Framer Browser InVision Marvel OmniGraffle

    Principle Sketch Adobe XD User Experience Lernkurve Produktivität Performance Prototyping & Design Wireframing Screendesign Interaktivität Responsive Animation Logik Workflows Distribution User Feedback Code Export Erweiterbarkeit Kollaboration Kompatibilität Plattformen und Clients Web Mac Windows Design Target Browser Mobile HTML CSS JS Full-Stack Prototyping-Tool Azure RP http://www.axure.com/
 Visual Design Sketch https://www.sketchapp.com/
 Native Development HTML/CSS/JS Code-based Framer https://framerjs.com/
 Wireframing balsamiq http://balsamiq.com/
 OmniGraffle https://www.omnigroup.com/omnigraffle
 Prototyping Only
 inVision http://invisionapp.com/
 Marvel https://marvelapp.com/
 Flinto for Mac http://flinto.com/
 Principle http://principleformac.com/ Visual Design + Prototyping + Validation
 Adobe XD http://xd.adobe.com
  10. Axure RP balsamiq Flinto Mac Framer Browser InVision Marvel OmniGraffle

    Principle Sketch User Experience Lernkurve Produktivität Performance Prototyping & Design Wireframing Screendesign Interaktivität Responsive Animation Logik Workflows Distribution User Feedback Code Export Erweiterbarkeit Kollaboration Kompatibilität Plattformen und Clients Web Mac Windows Design Target Browser Mobile HTML CSS JS Die zwei Features, die am schlechtesten abgedeckt sind, sind Responsive Design und Screen Design.
  11. Axure RP balsamiq Flinto Mac Framer Browser InVision Marvel OmniGraffle

    Principle Sketch Adobe XD User Experience Lernkurve Produktivität Performance Prototyping & Design Wireframing Screendesign Interaktivität Responsive Animation Logik Workflows Distribution User Feedback Code Export Erweiterbarkeit Kollaboration Kompatibilität Plattformen und Clients Web Mac Windows Design Target Browser Mobile HTML CSS JS
  12. @klick_ass
 @jtillessen
 @meta_ux Bild: http://media.virbcdn.com Der Toolstack ist zu hoch

    und es ist noch zu aufwändig, bewertbare Prototypen herzustellen und in die Hände von Stakeholdern und Testern zu geben. Hinzu kommt, dass es für einige fundamentale Herausforderungen im Bereich Prototyping noch keine ganz befriedigende Lösung zu geben scheint.
  13. Adobe XD Principles Lightweight and approachable Zero friction Transparent and

    open Excellence over shortcuts Quality over scope
  14. @klick_ass
 @jtillessen
 @meta_ux Bild: http://media.virbcdn.com Quellen und weiterführende Links:
 http://uxtools.co/


    http://www.prototypr.io/prototyping-tools/
 https://en.wikipedia.org/wiki/Comparison_of_software_prototyping_tools
 https://www.cooper.com/prototyping-tools

  15. Joachim Tillessen entwickelt als Partner der Firma emjot http://www.emjot.de seit

    16 Jahren Web- Applikationen und Corporate Design Lösungen. Er zieht dabei viele Hüte auf und löst Probleme in den Rollen Projektleitung, Branding, UX und Frontend Entwicklung. 2016 hat er beschlossen, den Status Quo des Prototyping in Frage zu stellen. Joachim erforscht in Usergroups, Workshops (und nachher noch beim Bier!) was gut ist, und was noch besser werden muss. Seine besten Ideen bekommt er beim Rennradfahren und auf dem Spielplatz – also wenn er gerade nichts zum Schreiben hat. Das hilft bei der natürlichen Auslese. emjot: http://www.emjot.de Twitter: https://twitter.com/jtillessen Medium: https://medium.com/@jtillessen
  16. Andre Jay Meissner ist Softwareentwickler und Prediger seriösen Interaktionsdesigns. Mit

    seiner eigenen Softwarefirma hat er komplexe browserbasierte Anwendungen, menschenfreundliche Workflows für Enterprise- Systeme sowie Onlinegames entwickelt. Aktuell arbeitet Jay als Sr. Specialist IxD/UX, Web/Mobile bei Adobe. In seiner Freizeit ist er technischer Taucher und passonierter Holzwerker und baut seine eigenen Möbel. Er ist Mitorganisator der IxDA Berlin http://IxDAberlin.de, und mit http:// OpenDeviceLab.com und http://Lab-Up.org bertreibt er ein globales Verzeichnis sowie ein Projekt zur Unterstützung von Open Device Labs. Blog: http://klick-ass.com Twitter: https://twitter.com/klick_ass LinkedIn: https://www.linkedin.com/in/ andrejaymeissner
  17. Meta-UX ist eine offene, interdisziplinäre Gruppe für Menschen, die sich

    zu agiler Produktentwicklung, Prototyping Tools und Workflows austauschen möchten. Der Austausch erfolgt offline in Form von Community Events und online über Veröffentlichungen und Social Media.
 Meta-UX wurde von Sabina Dominik, Christian Graf und Joachim Tillessen ins Leben gerufen. Twitter: https://twitter.com/meta_ux XING: https://www.xing.com/communities/groups/ meta-ux-1090751