Usability Engineering in der industriellen Praxis: Beobachtungen, Erfahrungen, Handlungsempfehlungen Michael Offergeld Leiter Usability Engineering DaimlerChrysler Forschungszentrum Ulm Labor Software-Technologie Software Prozesse und Qualität DaimlerChrysler AG, Usability Engineering in der industriellen Praxis 30.04.2004, Seite 1
Gliederung Grundlagen Usability-Forschung... Einblicke in die praktische Forschungsarbeit... Erfahrungen, Handlungsempfehlungen, Diskussion... DaimlerChrysler AG, Usability Engineering in der industriellen Praxis 30.04.2004, Seite 2
Grundlagen der Usability-Forschung... DaimlerChrysler AG, Usability Engineering in der industriellen Praxis 30.04.2004, Seite 3
User-Interface-Qualitätssicherung (1): Usability erst in späten Phasen der Entwicklung adressiert teures Redesign in späten Entwicklungsphasen Software-ergonomische Evaluation ==> Problemfelder Systementwicklungsprozeß Phase 1 Phase 2 Phase 3 Phase 4 Phase 5 Projektvorbereitung Projekt- Anforderungs analyse - Entwurf Integration Entwicklung, Überleitung Anforderungs - Entwicklung, Überleitung Entwurf Integration in die Nutzung vorbereitung analyse und Tests in die Nutzung und Tests Endprodukt mit mangelhafter ergonomischer Güte > Keine durchgängige Berücksichtigung ergonomischer Aspekte > Keine Beteiligung der späteren Benutzer DaimlerChrysler AG, Usability Engineering in der industriellen Praxis 30.04.2004, Seite 4
Kriterien der Benutzerfreundlichkeit (ISO 9241-10) Verfügbarkeit Verfügbarkeit Aufgabenangemessenheit Nützlichkeit Komfort Übersichtlichkeit Effektivität Effizienz Rechner Funktionalität Selbstbeschreibungsfähigkeit Orientierung Erwartungskonformität Fehlerrobustheit Benutzung Erlernbarkeit Benutzer Beeinflussung Individualisierbarkeit Steuerbarkeit DaimlerChrysler AG, Usability Engineering in der industriellen Praxis 30.04.2004, Seite 5
Möglichkeiten der User-Interface-Qualitätssicherung (2): Usability als integraler Bestandteil der Entwicklung Projektvorbereitung Projekt- Anforderungs analyse - Anforderungs - vorbereitung analyse Systementwicklungsprozeß Entwurf Entwurf Entwicklung Entwicklung Installation/ Inbetriebnahme Installation/ Inbetriebnahme Endprodukt mit hoher ergonomischer Güte Projektvorbereitung Projektvorbereitung Anforderungsanalyse Anforderungsanalyse Entwurf Entwurf Evaluation Evaluation & Test & Test User-Interface-Prozeßmodell Evaluation 1 Evaluation 2 Evaluation n Überleitung in die Überleitung Nutzung in die Nutzung begrenztes/günstiges Redesign wegen schrittweiser und iterativer Begleitung des Software-Entwicklungsprozesses beginnend schon in frühen Phasen Anpassung Anpassung > Durchgängige Berücksichtigung ergonomischer Aspekte > Kontinuierliche Beteiligung der späteren Benutzer DaimlerChrysler AG, Usability Engineering in der industriellen Praxis 30.04.2004, Seite 6
Das Vorgehensmodell Usability Engineering Anforderungsanalyse Anforderungsanalyse Forschung und Technologie Nutzer Rollen Aufgaben Schulung Befragungen Usability Tests Überleitung Überleitung in in die die Nutzung Nutzung Begleitung der User Interface Entwicklung Evaluationen Usability Tests Systemoptimierung Evaluationen Evaluationen und und Tests Tests User-Interface- User-Interface- Entwurf Entwurf Konzepte Prototypen Walkthroughs DaimlerChrysler AG, Usability Engineering in der industriellen Praxis 30.04.2004, Seite 7
Das Referenzmodell Usability Engineering: Übersicht Phasen, Prozessschritte und Rollen Systementwicklungsprozess Beteiligte Rollen: Benutzer(repräsentanten) Usability Agent (auf Seiten AG) Usability Engineer (auf Seiten AN) UI-Designer UI-Developer Rollenverteilung Rollenverteilung Planung (Zeiten, Planung APs, MSe) (Zeiten, APs, MSe) 10% Projektvorbereitung Projektvorbereitung Ausschreibung/ Ausschreibung/ Angebot und Vertrag Angebot und Vertrag Benutzerbeteiligung Benutzerbeteiligung Durchführung Von Evaluationen und Tests DaimlerChrysler AG, Usability Engineering in der industriellen Praxis 30.04.2004, Seite 8
Das Referenzmodell Usability Engineering: Übersicht Phasen, Prozessschritte und Rollen 40% Systementwicklungsprozess Geschäftsziele/ Geschäftsziele/ Einsatzziele Einsatzziele Requirements, gegen die getestet wird Aufgabenanalyse Aufgabenanalyse Anforderungsanalyse Anforderungsanalyse Benutzerprofil- Benutzerprofil- Analyse Analyse Umgebungsbedingungen Umgebungsbedingungen HW/SW- HW/SW- Randbedingungen Randbedingungen Usability-Ziele Usability-Ziele DaimlerChrysler AG, Usability Engineering in der industriellen Praxis 30.04.2004, Seite 9
Das Referenzmodell Usability Engineering: Übersicht Phasen, Prozessschritte und Rollen Systementwicklungsprozess 30% User-Interface- User-Interface- Entwurf Entwurf User-Interface User-Interface Mock-Ups Mock-Ups Iterative Iterative UI-Walkthroughs UI-Walkthroughs Elektronische Elektronische UI-Prototypen UI-Prototypen Iterative Iterative Usability-Tests Usability-Tests User-Interface User-Interface Styleguide Styleguide DaimlerChrysler AG, Usability Engineering in der industriellen Praxis 30.04.2004, Seite 10
Das Referenzmodell Usability Engineering: Übersicht Phasen, Prozessschritte und Rollen Systementwicklungsprozess 10% Evaluationen Evaluationen und und Tests Tests Usability-Tests Usability-Tests (Systemintegration) (Systemintegration) Fokus Alle Funktionalitäten und Aspekte, Gegen die bisher nicht getestet werden konnte: Antwortzeiten Zusammenspiel komplexerer Aufgaben DaimlerChrysler AG, Usability Engineering in der industriellen Praxis 30.04.2004, Seite 11
Das Referenzmodell Usability Engineering: Übersicht Phasen, Prozessschritte und Rollen Systementwicklungsprozess 10% Überleitung Überleitung in in die die Nutzung Nutzung Abnahme Abnahme Bedienanleitung Bedienanleitung Benutzerschulung Benutzerschulung DaimlerChrysler AG, Usability Engineering in der industriellen Praxis 30.04.2004, Seite 12
Das Referenzmodell Usability Engineering Die Phasen der Projektbegleitung Version: 02/2001-1 Systementwicklungsprozess 10% 40% 30% 10% 10% Projektvorbereitung Projektvorbereitung Anforderungsanalyse Anforderungsanalyse User-Interface- User-Interface- Evaluationen Evaluationen Überleitung Überleitung Entwurf Entwurf und und Tests Tests in in die die Nutzung Nutzung Nutzung Nutzung und und Pflege Pflege Systemerweiterungen Systemerweiterungen Kosten-/Nutzenanalyse Kosten-/Nutzenanalyse Ausschreibung/ Ausschreibung/ Angebot und Vertrag Angebot und Vertrag Rollenverteilung Rollenverteilung Planung Planung (Zeiten, APs, MSe) (Zeiten, APs, MSe) Geschäftsziele/ Geschäftsziele/ Einsatzziele Einsatzziele Analyse Ist-Stand Analyse Ist-Stand Benutzerprofil- Benutzerprofil- Analyse Analyse Aufgabenanalyse Aufgabenanalyse Workflow Workflow Reengineering Reengineering Konzeptuelles Konzeptuelles UI-Modell UI-Modell User-Interface User-Interface Mock-Ups Mock-Ups Iterative Iterative UI-Walkthroughs UI-Walkthroughs Usability-Tests Usability-Tests (Systemintegration) (Systemintegration) Unterstützung Unterstützung der Entwicklung der Entwicklung Beteiligte Rollen: Abnahme Abnahme Bedienanleitung Bedienanleitung Benutzerschulung Benutzerschulung Entwurfsoptimierungen Entwurfsoptimierungen Endbenutzer- Endbenutzer- Rückmeldungen Rückmeldungen Systemverbesserungen Systemverbesserungen Release-Wechsel Release-Wechsel Benutzerbeteiligung Benutzerbeteiligung Sensibilisierung Sensibilisierung Usability Usability HW/SW- Randbedingungen HW/SW- Randbedingungen Umgebungsbedingungen Umgebungsbedingungen Generelle Generelle Entwurfsprinzipien Entwurfsprinzipien Elektronische Elektronische UI-Prototypen UI-Prototypen Iterative Iterative Usability-Tests Usability-Tests User-Interface User-Interface Styleguide Styleguide Benutzer(repräsentanten) Auftraggeber, AG (Management) Auftragnehmer, AN (Management) Usability Agent (auf Seiten AG) Usability Engineer (auf Seiten AN) UI-Designer (Interaktion und Ästhetik) UI-Developer Usability-Ziele Usability-Ziele Detailentwurf Detailentwurf UI = User Interface DaimlerChrysler AG, Usability Engineering in der industriellen Praxis 30.04.2004, Seite 13
Einblicke in die praktische Forschungsarbeit... DaimlerChrysler AG, Usability Engineering in der industriellen Praxis 30.04.2004, Seite 14
Praxisbericht Begleitung der User-Interface-Entwicklung im Projekt emb DaimlerChrysler AG, Usability Engineering in der industriellen Praxis 30.04.2004, Seite 15
emb Redesign des weltweiten Mercedes-Benz-Webauftritts Etablierung Usability Engineering (UE) im Projekt emb V UE als zentraler Prozess zur Entwicklung des neuen Mercedes-Web-Styleguides Entwicklung des neuen Bedienkonzepts in Zusammenarbeit mit Agentur V Hauptnutzer und Nutzerinteressen Usability-Ziele, Interaktionskonzept und Webstyleguide Fortlaufende Usability-Qualitätssicherung V iterative Expertenevaluationen Usability-Tests an Prototypen DaimlerChrysler AG, Usability Engineering in der industriellen Praxis 30.04.2004, Seite 16
Usability-Unterstützung neuer Webauftritt Mercedes-Benz... Usability Anforderungsanalyse: Engineering Ist-Stand, als Kern Wettbewerber, des emb-entwicklungsprozesses: Kunden-/Nutzerbedürfnisse Common Understanding Internal Benchmarking Research competitors Context analysis Briefing User-Profile analysis Rebriefing Usability-Ziele Task analysis Entwicklung und Dokumentation Informations Architektur Navigationskonzept Wireframe (Desingkonzept und Templates) Prototyping und Testing Usability-Test und Expertenevaluationen Masterdokument Zusammenfassende Dokumentation aller Projektergebnisse Webstyleguide und Editorial Styleguide Dokumentation des abgeleiteten Regelwerks auf Basis der Projektergebnisse Pilot Live am 1.9.2003 In Schweden Erfolgskontrolle am Livesystem DaimlerChrysler AG, Usability Engineering in der industriellen Praxis 30.04.2004, Seite 17
Unterstützung neuer Webauftritt Mercedes-Benz... Major Quality Assurance Supporting Activities of RIC/SP: Forschung und Technologie Step Activities within emb Analyze the state of the art Common Understanding Internal Benchmarking Research Competitors Analyze the users needs Context Analysis User Profile Analysis Task Analysis Define usability quality criteria ISO 9241-10 User-friendliness Usability Goals Evaluate and test against tasks and usability goals Heuristic Expert Evaluations Quicktests on wireframes, design studies, and limited click demos Detailed Usability Tests on detailed clickable prototypes DaimlerChrysler AG, Usability Engineering in der industriellen Praxis 30.04.2004, Seite 18
Kernziele (Auszug) Kunden- und Nutzerorientierung Integration Sparten, Märkte,... Usability / Gebrauchstauglichkeit Volle Komplexität der Mercedes-Benz Online-Welt Reduziere Komplexität und mache sie handhabbar für Nutzer! DaimlerChrysler AG, Usability Engineering in der industriellen Praxis 30.04.2004, Seite 19
Nutzer- und Kundenorientierung Laienbenutzer (Novice User) Expertenbenutzer (Expert User) wenig vertraut mit MB-Welt wenig Internet-Expertise eher sporadischer Zugriff stark vertraut mit MB-Welt hohe Internet-Expertise eher regelmäßiger Zugriff Beide Gruppen müssen unterstützt werden! Definiere Konzept für maximale Nutzer- und Kundenbreite! DaimlerChrysler AG, Usability Engineering in der industriellen Praxis 30.04.2004, Seite 20
Navigationskonzept: Laien und Experten Forschung und Technologie Orientierung Führung Entscheidung 1a. Hauptnavigation (Laie) 1b. Quick Access (Experte) 2. Subnavigation Information Transaktion 3. Explorative Navigation Wir beherrschen die Komplexität und Benutzerfreundlichkeit! DaimlerChrysler AG, Usability Engineering in der industriellen Praxis 30.04.2004, Seite 21
Die Seitengestaltung entspricht den Grundwerten der Marke Mercedes-Benz Brand Mark Header Bereich Brand Mark Header Bereich Brand Mark Header Bereich Panoramabildbereich Sub Navigation Panorama/ Multipicture bildbereich Sub Navigation Content Bereich Contentbereich Content Bereich Funktionale Navigation Funktionale Navigation Funktionale Navigation Splash-Screen Produktmodul: Einstieg Operational Page DaimlerChrysler AG, Usability Engineering in der industriellen Praxis 30.04.2004, Seite 22
Das Farbkonzept unterstützt die markenrelevante Silberanmutung Primary Brand Colours Secondary Brand Colours DaimlerChrysler AG, Usability Engineering in der industriellen Praxis 30.04.2004, Seite 23
Das Typografiekonzept setzt markenadäquate visuelle Akzente Bild einfügen Corporate S DaimlerChrysler AG, Usability Engineering in der industriellen Praxis 30.04.2004, Seite 24
Das Bildkonzept transportiert Vielfalt und Leidenschaft und ist modular aufgebaut. Panorama Bilder Multipictures Bilder auf Operationalen Seiten DaimlerChrysler AG, Usability Engineering in der industriellen Praxis 30.04.2004, Seite 25
Build Your Dream Car: Prozessorientierte Navigation 1 2 3 4 5 6 7 8 9 DaimlerChrysler AG, Usability Engineering in der industriellen Praxis 30.04.2004, Seite 26