© Zühlke 2013

Dr. Eric Fehse

Die vielen Gesichter einer Schnittstellendisziplin

Usability Engineering als Innovationsmethodik

16. Mai 2013Folie 1

„Usability ist anstrengend - alle wollen mitreden und am Ende steht ein

Kompromiss, der niemanden befriedigt“

Wer hat das schon mal gehört?

„Usability bedeutet, die Benutzeroberfläche schön zu machen“

„Usability machen wir am Ende, wenn wir noch Zeit haben“

© Zühlke 2013Usability Engineering als Innovationsmethodik | Dr. Eric Fehse

Ein Beispiel aus der PraxisUser Interface Design für eine Web-Applikation

1. Produktmanager erklärt dem Interaktionsdesigner die Anforderungen für das neue Feature

2. Interaktionsdesigner erstellt interaktiven Prototypen

3. Review-Sitzung mit 12 Teilnehmern

• Mehrere Kollegen stellen das Feature in Frage

• Ein Kollege nennt eine wichtige, bisher nicht bekannte Anforderung

• Ein Kollege schlägt ein völlig anderes Interaktionskonzept vor

Prototyp fällt durch

Mist! Warum ist mir das nicht eingefallen???

Warum hat er mir das nicht früher gesagt???

Ich dachte, der Nutzen des Features wäre klar!!!

16. Mai 2013 Folie 3

© Zühlke 2013Usability Engineering als Innovationsmethodik | Dr. Eric Fehse

Was war hier das Problem?

• Wasserfallprozess

• Keine Iterationen

• Feedback nur am Ende

• Keine Einbeziehung der Stakeholder

• Der Designer muss alle Ideen liefern

Usability Engineering als isolierte Teildisziplin

16. Mai 2013 Folie 4

© Zühlke 2013Usability Engineering als Innovationsmethodik | Dr. Eric Fehse

Thesen

Gutes Usability Engineering…

• ...darf nicht auf die Gestaltung von Benutzeroberflächen reduziert werden

• ... hilft, das richtige Produkt zu entwickeln

• ... ist von seinem Charakter her eine echte Innovationsdisziplin

16. Mai 2013 Folie 6

© Zühlke 2013Usability Engineering als Innovationsmethodik | Dr. Eric Fehse

Drei Fallbeispiele

Beratungsoberfläche für einen Finanzdienstleister

Mobile App für ein Messtechnik-Unternehmen

Tablet-App für ein Musiktechnik-Unternehmen

Gemeinsamkeiten

• Kunde möchte ein User Interface Design

• Für ein neues oder bestehendes Produkt

• Ziele– Hohe Usability– Ansprechendes Design

16. Mai 2013 Folie 7

© Zühlke 2013Usability Engineering als Innovationsmethodik | Dr. Eric Fehse

Webapplikation für FinanzberaterAusgangssituation

• Komplexe Suite von Web-Applikationen

• Ursprüngliche Anwendergruppe: Sachbearbeiter

• Anwendung in der Kundenberatung

Anfrage: User Interface soll überarbeitet werden

• Berücksichtigung des (Bank-)Kunden

• Vereinfachung für die Berater

Erwartung des Kunden:

• Wireframes

• Beratungsprozess ist vorgegeben und bleibt gleich

16. Mai 2013 Folie 8

© Zühlke 2013Usability Engineering als Innovationsmethodik | Dr. Eric Fehse

Webapplikation für FinanzberaterGemeinsame Erkenntnisse

Schwachstellen im User Interface identifiziert bzw. bestätigt

Schwächen im Beratungsprozesses gefunden

• Abläufe sind rein fachlich motiviert

• Kunde wird nicht einbezogen

• Wissensvermittlung ist zentral, wird aber nicht unterstützt

16. Mai 2013 Folie 9

© Zühlke 2013Usability Engineering als Innovationsmethodik | Dr. Eric Fehse

Webapplikation für FinanzberaterErreichtes Ergebnis

• Umgestaltung des Beratungsprozesses

• Vereinfachung von Abläufen für Berater UND Kunden

• Einbettung „pädagogischer“ Aspekte zur Wissensvermittlung

• Stark vereinfachtes User Interface (Wireframes)

16. Mai 2013 Folie 10

© Zühlke 2013Usability Engineering als Innovationsmethodik | Dr. Eric Fehse

Mobile App für ein Messtechnik-UnternehmenAusgangssituation• Außendienst erfasst technische Daten zu

Heizkörpern auf Papier

• Datenerfassung im Back Office

Anfrage: Mobile Applikation zur Unterstützung der Außendienstler

• Datenerfassung vereinfachen und früher im Prozess

• Prozess- und Datenqualität erhöhen

• Unterstützung bei Entscheidung über Entwicklungsplattform

Erwartung des Kunden:

• Empfehlung einer Plattform

• Wireframes der App 16. Mai 2013 Folie 11

© Zühlke 2013Usability Engineering als Innovationsmethodik | Dr. Eric Fehse

Mobile App für ein Messtechnik-UnternehmenGemeinsame Erkenntnisse• Großes Potential des App-Einsatzes

• Mobiles Gerät kann nicht einfach in bestehenden Prozess integriert werden

• Führt zu Wegfall oder Umwidmung von Rollen

16. Mai 2013 Folie 12

© Zühlke 2013Usability Engineering als Innovationsmethodik | Dr. Eric Fehse

Mobile App für ein Messtechnik-UnternehmenErreichtes Ergebnis

• Dokumentation eines neuen Soll-Prozesses auf Organisationsebene

• Beitrag zum Change Management

• Wireframes der mobilen App

16. Mai 2013 Folie 13

© Zühlke 2013Usability Engineering als Innovationsmethodik | Dr. Eric Fehse

iPad-App für ein Musiktechnik-UnternehmenAusgangssituation• Kunde plant innovative Funktion für bestehende

Geräteklasse

• Z.B.: In-Ear-Kopfhörer mit eingebauter Unterstützung für Gesang und Gitarre

• Genutzt von Musikern während eines Auftritts

Anfrage: User Interface für eine Tablet-App

• Viele Parameter

• Funktion wird zuhause eingestellt und ausprobiert

Erwartung des Kunden:

• Wireframes für die Tablet-App16. Mai 2013 Folie 14

© Zühlke 2013Usability Engineering als Innovationsmethodik | Dr. Eric Fehse

iPad-App für ein Musiktechnik-UnternehmenGemeinsame Erkenntnisse• Erwartungen von Sängern und Gitarristen

an die neuen Funktionen unterscheiden sich dramatisch

• Gitarristen bräuchten andere Hardware

• Für Sänger steht die Bedienung auf der Bühne im Vordergrund

16. Mai 2013 Folie 15

© Zühlke 2013Usability Engineering als Innovationsmethodik | Dr. Eric Fehse

iPad-App für ein Musiktechnik-UnternehmenErreichtes Ergebnis• Veränderter Business-Case: Sänger ja,

Gitarristen eventuell später

• Hardware-Bedienkonzept für zwei Arten von Geräten

• Wireframes für die Tablet-App

16. Mai 2013 Folie 16

© Zühlke 2013Usability Engineering als Innovationsmethodik | Dr. Eric Fehse

Usability Engineering - mehr als nur User Interface Design• Einsichten in den Nutzungskontext

• Umgestaltung von Arbeitsabläufen

• Unterstützung neuer Tätigkeiten

• Korrektur von Business Cases

• Beiträge zur Organisationsveränderung

Beitrag zur Innovation

16. Mai 2013 Folie 17

© Zühlke 2013Usability Engineering als Innovationsmethodik | Dr. Eric Fehse

Wie erreicht man Innovation?

• Viele Perspektiven

• Zeit zum Verstehen des Problems

• Explorieren alternativer Lösungen

• Viele Iterationen

• Häufiges Feedback

• Prototyping

„Design Thinking“

16. Mai 2013 Folie 18

© Zühlke 2013Usability Engineering als Innovationsmethodik | Dr. Eric Fehse

Design Thinking im Usability EngineeringUser Centered Design(nach ISO 9241-210)

Beobachtungen

PersonasUse Cases Szenarien

Wireframes

Spezifiziere die Nutzer-

anforderungen

Design-Lösung

befriedigt Anforderung

en

Verstehe den Nutzungskontex

t

Erstelle Design-Lösungen

Evaluiere

Iteriere, wo nötig

Usability Tests

16. Mai 2013 Folie 19

© Zühlke 2013Usability Engineering als Innovationsmethodik | Dr. Eric Fehse

Nutzer im Kontext beobachten

• Die Tätigkeit in ihrem Kontext verstehen

• Vollständigeres Bild als wenn man nur darüber spricht

• „Apprenticeship“ – Meister/Lehrling

• Mehrere Beobachter / Interviewer

Viele Perspektiven

Zeit zum Verstehen des Problems

Explorieren alternativer Lösungen

Viele Iterationen

Häufiges Feedback

Prototyping

16. Mai 2013 Folie 20

© Zühlke 2013Usability Engineering als Innovationsmethodik | Dr. Eric Fehse

Workshops zur Erfassung von Benutzeranforderungen

• Personas, Use Cases, Szenarien

• Anforderungen technikfrei beschreiben

• Die Essenz einer Tätigkeit verstehen

• Zeit für die Analyse nehmen, anstatt sofort mit dem Design zu starten

• Das Wissen aller Stakeholder einbeziehen

• Stakeholder Buy-In

Viele Perspektiven

Zeit zum Verstehen des Problems

Explorieren alternativer Lösungen

Viele Iterationen

Häufiges Feedback

Prototyping

16. Mai 2013 Folie 21

© Zühlke 2013Usability Engineering als Innovationsmethodik | Dr. Eric Fehse

Interaktionsdesign-Workshops

• Bei User Interface Design kann jeder mitreden

• Schnelles und häufiges Feedback

• Die Ideen aller Stakeholder einbeziehen

• Stakeholder Buy-In

Viele Perspektiven

Zeit zum Verstehen des Problems

Explorieren alternativer Lösungen

Viele Iterationen

Häufiges Feedback

Prototyping

16. Mai 2013 Folie 22

© Zühlke 2013Usability Engineering als Innovationsmethodik | Dr. Eric Fehse

Wireframes

• Leichtgewichtiges Format

• Schnell erstellt, schnell geändert

• „Perfekte Abstraktion“

Viele Perspektiven

Zeit zum Verstehen des Problems

Explorieren alternativer Lösungen

Viele Iterationen

Häufiges Feedback

Prototyping

16. Mai 2013 Folie 23

Usability Engineering…

… ist vielseitiger, als man (vielleicht) denkt

… schaut über den Tellerrand

… leistet wichtige Beiträge zur Innovation

… hilft, das richtige Produkt zu entwickeln

© Zühlke 2013

Fragen?

Eric Fehse

eric.fehse@zuehlke.comUsability Engineering als Innovationsmethodik | Dr. Eric Fehse 16. Mai 2013 Folie 25