Die UX von Enterprise-Anwendungen: Ein Aschenputtel des Software-Designs?

www.coremedia.com

Kris Lohmann

Die UX von Enterprise-Anwendungen: Ein Aschenputtel des Software-

Designs?

UX-Roundtable Hamburg2. Juni 2014Twitter: @kris_lohmann

Bildquelle: Wikipedia

Enterprise-Anwendungen

“Enterprise software, also known as enterprise software application (ESA), is purposed-designed computer software used to satisfy the needs of an organization rather than individual users” (Wikipedia)

Humanitäre Krise

“Enterprise UX—or the user experience of business software and hardware—represents a humanitarian crisis of sorts, at least from a design perspective.”

Scott Nazarian, Frog Design

Consumer-Anwendungen und Enterprise-Anwendungen: Andere Rahmenbedingungen

Unterschiede von Consumer- und Enterprise-Anwendungen

Benutzer Käufer ist nicht der Benutzer Verschiedene Benutzergruppen mit verschiedenen

Anforderungen Zwar ist die Usability Kaufentscheidungskriterium, jedoch (eher)

nicht nach einer professionellen Analyse – sondern nach dem ersten Eindruck

Kaufentscheidungsprozess

Komplexität Der Aufgaben Technische Rahmenbedingen, Verknüpfungen zu alten

(Legacy-)Systemen

Unterschiede von Consumer- und Enterprise-Anwendungen (Teil 2)

Customisierung der Interfaces

Testen Es ist schwierger, Benutzer zu finden Benutzer werden meistens trainiert

Prototypen Oft zu komplex für Prototyping-Tools

Viele Standard-UX-Methoden sind viel aufwändiger oder unmöglich Usability-Test ist nur mit Vorab-Training des Teilnehmers sinnvoll

Welchen Effekt hat dann das Training? A/B-Testing (häufig) unmöglich bei On-Premise-Software

Unterschiede von Consumer- und Enterprise-Anwendungen (Teil 3)

Langer Lebenszyklus der Software Systeme können nicht gewechselt werden

Es dauert lange, bis Software eingesetzt wird

Enterprise-Anwendungen sind im Hinblick auf das UX-Design anders als Consumer-Anwendungen

Die Wichtigkeit des UX-Designs für Enterprise-Anwendungen

• Business-Ziele

• Business-Ziele• Grundlage für UX von

Consumer-Anwendungen

Analyse

Als User will ich z.B. sehen, ob es Produkte in meiner Größe im Angebot gibt

Das Ziel kann ich nur durch einen “Brute Force”-Ansatz ereichen: Ich klicke alle Produkte in allen Farbvarianten durch und hoffe, dass ich etwas finde

Hier müss(t)en ganz verschiedene Backend-Systeme zusammenwirken, um eine gute UX für den Einkaufenden zu ermöglichen

Diese Komplexität muss für den Online-Redakteur beherrschbar sein

Wenn die Enterprise-Anwendung dem Benutzer nicht ermöglicht, seine Aufgaben zu lösen, wirkt sich das direkt negativ auf das Frontend aus.

• Business-Ziele• Grundlage für UX von

Consumer-Anwendungen• Menschen verbringen sehr

viel Zeit mit der Anwendung

Die Zielvorstellung: Alles ganz einfach.

Die Zielvorstellung: Alles ganz einfach?

“Complexity is a fact of life, so we must learn to deal with it”

Norman (2011): Living with Complexity

Wenn es so einfach sein kann, warum gibt es überhaupt komplizierte Sachen?

• Komplexität und Kompliziertheit sind nicht das gleiche

• Komplexität ist in der Welt, aber wir empfinden Dinge als einfach

• Es ist auch möglich, einfache Systeme kompliziert zu gestalten

• Großer Problemraum -> hohe Aufgaben-Komplexität

• Hohe Aufgaben-Komplexität -> Sicherstellung der UX besonders wichtig

Das Ziel: Menschliche Produktivität und Datenstrukturen zusammenbringen

Eine Analogie

Nur die Komplexität, die für die Lösung der Aufgaben notwendig ist, sollte für den Benutzer sichtbar sein

Enterprise-Systeme

Systeme im Backoffice

Menschliche Kognition

System 1, System 2

System 1 und System 2

System 1 Heuristisch, intuitiv Schnell Arbeitet automatisch, ohne das es uns anstrengt und unterliegt keiner

bewussten Kontrolle

System 2 Rational, kommt dann zum Einsatz, wenn System 1 nicht mehr reicht Langsam Anstrengend zu benutzen Braucht Konzentration

“The law of least effort” -> Wir benutzen System 2 so wenig wie möglich

Menschen versuchen, kognitive Anstrengung zu vermeiden

Kahnemann (2011): Thinking, Fast and Slow

Kognitive Anstrengung

… ist mehr als eine Methapher!

Bei mentaler Anstrengung ändern sich die Gesichtszüge, die Pupillen erweitern sich

Der Blutzuckerlevel geht herunter

4 7 3 5 6 8 3

Jetzt einmal das Geburtstdatum (im Kopf) rückwärts aufsagen

Was waren die Zahlen?

4 7 3 5 6 8 3

Noch einmal…

2 4 6 8 10 12 14

Jetzt einmal die eigene Telefonnummer rückwärts aufsagen

Was waren die Zahlen?

2 4 6 8 10 12 14

Warum war das zweite einfacher?

3 Chunks “gerade, 2, 14” oder “gerade, sieben, 2”(adaptiert von Johnson (2014): Design with the mind in mind)

Menschen organisieren Informationen im Kurzzeitgedächtnis

Reifen

Kirche

Erdbeere

Was waren die Worte?

Reifen

Kirche

Erdbeere

Nochmal Worte…

Internet

Erfindung

Jahrtausends

Was waren die Worte?

Nochmal Zahlen…

3 9 1 7 4 1 9 2 6 2 3 4 5 6 7 8 5 8

1 1 2 2 3 3 4 4 5 5 6 6 7 7 8 8 9 9

Das Arbeitsgedächtnis (“working memory”) ist sehr limitiert

Einige der Aufgaben sind kognitiv anstrengend

Das sind genau die, die nicht zur menschlichen Informationsverarbeitung passen

Don’t make me thinkDon’t make me think slow

Weitere Limitationen

Motorische Präzision (z.B., Fitt’s Law)

Aufmerksamkeit

(Logisches) Reasoning und Berechnungen sind anstrengend …und fehleranfällig

Rationalität (Kahnemann: 2011)

Wir sollten – gerade im Enterprise-Bereich – Anwendungen so designen, dass die kognitive Ermüdung minimiert wird

Bereits Gelerntes verwenden

Was wir schon einmal gelernt haben, ist einfach (Kahnemann 2011, Johnson 2014)

Daher: Orientierung an Pattern, die Benutzer voraussichtlich und wahrscheinlich kennen (Betriebssystem, Smartphone…)

Konzeptuelle Modelle als Design-Schritt (und Kommunikationswerkzeug)!

Welche Objekte braucht der Benutzer für die Aufgabe wirklich (sichtbar)? Content und Module? Wenn die Module auch Content

behinhalten können? Wie hängen diese Objekte zusammen?

Welche Aktionen braucht der Benutzer auf diesen Objekten? Zum Beispiel: Kopieren, Ausschneiden, Einfügen, …

Wo werden welche Aktionen untergebracht? Zum Beispiel: Toolbar, Kontextmenü, Drag and Drop, Shortcuts

“Designing with the mind in mind”

Adaptiert von Johnson (2010): Designing with the mind in mind

Action-Matrizen

Adaptiert von Johnson (2010): Designing with the mind in mind

Personas

Enterprise-UX-Design-Kochrezept

Kontext-Szenarien schreiben (Cooper et al. 2007: About Face 3, Andersen et al. 2010: Effective UI)

Dabei Personas benutzen

Konzeptuelles Modell entwickeln (gerne im interdisziplinären Team!)

Grobkonzept entwickeln, z.B. Scribble des komplexesten Szenarios am Whiteboard (auch gerne im interdisziplinären Team)

Lösungsoptionen evaluieren, technisch und aus Nutzer-Perspektive und gegen längerfristige Ziele

Horizontalen Prototyp (Nielsen 1990) entwickeln, am besten hier schon internes und externes Feedback einholen

Implementieren und bei neuen Elementen Visual-Design erestellen und immer wieder evaluieren (sobald “es zuckt”)

Usability-Testing (da können wir besser werden…) und Feedback-Auswertung

Fragen

Was können wir automatisieren?

Welche Daten können wir in bestehende Schnittstellen integrieren?

Ist das Feature/die Funktion so wichtig, dass es auf der ersten Ebene zu sehen sein muss?

Kann der User mit dem was auf der Schnittstelle repräsentiert wird, ein ausreichendes Verständnis des Systems entwickeln?

Zusammenfassung

Eine gute UX ist nicht das gleiche wie (augenscheinliche) Simplizität

Enterprise-Systeme sind die Basis für eine gute UX im Frontend

Menschen können Informationen nur bis zu einer gewissen Komplexität ohne Anstrengung verarbeiten

Die steigende Aufgabenkomplexität in Backend-Systemen macht es daher nötig Die Schnittstellen zum Interaktiven System an die menschlichen

Aufgaben anzupassen Die Integration von verschiedenen Systemen für Menschen

beherrschbar zu machen Dafür müssen wir mehr tun, als augenscheinliche Simplizität zu

erreichen!

Wir brauchen mehr und bessere Methoden, um konzeptionelle Modelle zu testen! (Ideen?)

Literatur – Design und Psychologie

! 2014er-Ausgabe !

Literatur – UX- und Interaction-Design

Literatur - Klassiker

Digital

Scott Nazarian auf der Interaction 14 http://vimeo.com/86411558

Dave Malouf, Rackspace, “Why I design for the Enterprise…” https://medium.com/@daveixd/4547e01d7df3

Wall Street Journal “SAP Owns Up To Usability Problem” http://blogs.wsj.com/cio/2012/08/02/sap-owns-up-to-usability-problem/

ZDNet “Infor and 'No Fugly Software': Design as a competitive weapon” http

://www.zdnet.com/infor-and-no-fugly-software-design-as-a-competitive-weapon-7000028590/

Measuring Usability: “6 Differences Between B2B And B2C Usability” http://www.measuringusability.com/blog/b2b-usability.php

CoreMedia Minds: “The State of Agile (Enterprise) UX” http://minds.coremedia.com/2013/11/21/the-state-of-agile-enterprise-ux-a-blog-review/

Die UX von Enterprise-Anwendungen: Ein Aschenputtel des Software-Designs?

Design

Transcript of Die UX von Enterprise-Anwendungen: Ein Aschenputtel des Software-Designs?

Anwendungen manus® 2005 - Igus

JSF Anwendungen testen mit AcceptIt

Theoretische Quantenmechanik und Anwendungen

PKI-Anwendungen 6/2/2015 1 Base framework. PKI-Anwendungen 6/2/2015 2 Bottom frame.

Programmieren in Anwendungen - AG Softech · table(status_factor) 19/55. Datenvisualisierung mit ggplot2 20/55. Was ist ggplot2? I ggplot2 ist ein R-Package f ur Datenvisualisierung

Mobile Anwendungen mit Apache Cordova

Guerlain Anwendungen Treatment Menu · Custom Pedicure – including nail polish ANWENDUNGEN FÜR HERREN MEN THERAPIES GESICHTSBEHANDLUNGEN FACIAL THERAPIES Straffende Gesichtsbehandlung

Office Business Anwendungen mit SharePoint

Cloud-native Anwendungen mit Kubernetes

Spa & Beauty Anwendungen

Medienkompetenz nutzen - Dynamisches Deutsch - Web 2.0-Anwendungen

Referat: Architektur und Entwicklung mobiler Anwendungen

Scanned Document - htb-elektronik.de · info@htb-elektronik.com Das HP 37724A ist ein kornplettes, tragbares SDH/PDH-Testset Anwendungen bis 622 MBit]s ... This symbol identifies

8. Java Server Faces Grundlagen der Programmierung II (Java) · JSF: User Interfaces für Web-Anwendungen JSF von Außen JSF im Einsatz: Ein Beispiel Fazit und Referenzen Hochschule

Cloud Computing mit mathematischen Anwendungen

Mobil Health Anwendungen für den professionellen Einsatz

JavaScript-Components in JSF Anwendungen

Sappress Sap Anwendungen Adobe Flex

CERTIFIED ENTERPRISE JAVASCRIPT ENGINEER FORTBILDUNG … · • Neue Features in ECMAScript 6 (ES2015) • Entwicklungsprozess von JavaScript-Anwendungen • Testen von JavaScript-Anwendungen,

RDF-Anwendungen: Photo RDF