Usability Engineering in der industriellen Praxis: Beobachtungen, Erfahrungen, Handlungsempfehlungen

Transkript

1 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 , Seite 1

2 Gliederung Grundlagen Usability-Forschung... Einblicke in die praktische Forschungsarbeit... Erfahrungen, Handlungsempfehlungen, Diskussion... DaimlerChrysler AG, Usability Engineering in der industriellen Praxis , Seite 2

3 Grundlagen der Usability-Forschung... DaimlerChrysler AG, Usability Engineering in der industriellen Praxis , Seite 3

4 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 , Seite 4

5 Kriterien der Benutzerfreundlichkeit (ISO ) 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 , Seite 5

6 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 , Seite 6

7 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 , Seite 7

8 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 , Seite 8

9 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 , Seite 9

10 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 , Seite 10

11 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 , Seite 11

12 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 , Seite 12

13 Das Referenzmodell Usability Engineering Die Phasen der Projektbegleitung Version: 02/ 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 , Seite 13

14 Einblicke in die praktische Forschungsarbeit... DaimlerChrysler AG, Usability Engineering in der industriellen Praxis , Seite 14

15 Praxisbericht Begleitung der User-Interface-Entwicklung im Projekt emb DaimlerChrysler AG, Usability Engineering in der industriellen Praxis , Seite 15

16 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 , Seite 16

17 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 In Schweden Erfolgskontrolle am Livesystem DaimlerChrysler AG, Usability Engineering in der industriellen Praxis , Seite 17

18 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 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 , Seite 18

19 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 , Seite 19

20 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 , Seite 20

21 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 , Seite 21

22 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 , Seite 22

23 Das Farbkonzept unterstützt die markenrelevante Silberanmutung Primary Brand Colours Secondary Brand Colours DaimlerChrysler AG, Usability Engineering in der industriellen Praxis , Seite 23

24 Das Typografiekonzept setzt markenadäquate visuelle Akzente Bild einfügen Corporate S DaimlerChrysler AG, Usability Engineering in der industriellen Praxis , Seite 24

25 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 , Seite 25

26 Build Your Dream Car: Prozessorientierte Navigation DaimlerChrysler AG, Usability Engineering in der industriellen Praxis , Seite 26