User Interface Engineering Praxis

User Interface Engineering
in der Praxis
Studiengang iCompetence, FHNW – Mai 2011

Folie 1
1. Mai 2011

Dr. Thomas Memmel

© Zühlke 2011

Zur Person:
Thomas Memmel

• BSc/MSc/Promotion Informatik & HCI (Uni Konstanz)
• Seit 2009 bei Zühlke
• Usability Engineering Berater
– Usability Engineering
– Requirements Engineering
– Businessprozessmodellierung

• Seit 2010 Business Unit Manager «Java Integration &
Channels»
• Leiter Competence Center Client Technologien

Client Technologien | Dr. Thomas Memmel et al. 26. April 2011 Folie 2 © Zühlke 2011

Über die Zühlke Gruppe:
Produktentwicklung und Softwarelösungen

• Mehr als 7000 Projekte in
Europa realisiert
• 70 Mio. CHF Umsatz (2010)
• 400 Mitarbeitende (Ende 2010)
• In Deutschland, Grossbritannien,
Österreich und in der Schweiz
• Gründung 1968,
Wir beraten, im Besitz von Partnern
entwickeln und
• ISO 9001 und 13485 zertifiziert
integrieren
aufgabengerecht –
mit überzeugender
Qualität und
Wirtschaftlichkeit.
Eine Idee mehr. Und Zühlke. 4. März 2011 Folie 3 © Zühlke 2011

Über die Zühlke Gruppe:
das Leistungsangebot

Management Consulting
Consulting •
• Technologieberatung & Methodik
• Team Training

Softwarelösungen
Development •
• Produktentwicklung

Enterprise Integration
Integration •
• Methodischer Baukasten
mit Best Practices


Über die Zühlke Gruppe

Zühlke ist eine unabhängige Dienstleisterin für Produkt- und
Software-Engineering, Managementberatung und Startup-
Finanzierung.
Der Mehrwert basiert auf über 7000 Projekten für Kunden sowie
auf der täglichen Auseinandersetzung mit dem wirtschaftlichen
und technischen Wandel.
1968 gegründet, ist die Zühlke Gruppe heute mit lokalen Teams in
Deutschland, Großbritannien, Österreich und der Schweiz präsent.
Sie erzielte 2010 mit 400 Mitarbeiterinnen und Mitarbeitern einen
Umsatz von 70 Millionen Schweizer Franken.


UI Engineering bei Zühlke
Software & Usability Engineering

Als unabhängiges Technologie- und Beratungsunternehmen
• Beraten wir unsere Kunden bei der Wahl der richtigen
Client Technologie
• Verfügen wir über Know-How in einer großen Bandbreite
an Client/Server Technologien
• Ist UI Engineering ein Teil unserer Engineering Methodik
(SWE/RE/UX)
Zühlke Competence Center Client Technologien
• Ständige Auseinandersetzung mit neuen Technologien
• Technologie-Scouting, neue Methoden
Wichtig: Neue Technologien kommen erst spät in der Praxis
der Kundenprojekte zum Einsatz (~3-4 Jahre später)

Richtige Client Technologie –
oder Pech gehabt?

• «…ist mit dieser Technologie nicht möglich»
• «…so ein Widget gibt es nicht»
• «…eine Animation kann man hier nur mit sehr viel Aufwand umsetzen»
• «…leider kann diese Art der Tabelle nur Text anzeigen»
• «…wenn wir das gewusst hätten, hätten wir von Anfang an eine andere
Technologie empfohlen»

Die Praxis zeigt:
Technisches Verständnis erlaubt Einflussnahme des Usability Experten!


Usability Beratung & Client Technologien
Auswirkung auf Funktionalität, Umsetzung, Usability

User Interface Engineering in der Praxis | Dr. Thomas Memmel 1. Mai 2011 Folie 8 © Zühlke 2011

User Interface Engineering bei Zühlke
Rollen

Romano Roth 25.04.2010 Folie 9 © Zühlke 2011

Orientierung an ISO 9241-210

Quelle: ISO 9241-210: Ergonomics of human system interaction — Part 210: Human-
centred design for interactive systems. ISO, Genf, 2010.


User Experience nach IS0 9241-210


User Interface Engineering bei Zühlke:
Contextual Design / Contextual Inquiry

Contextual Inquiry ist eine Methode, um
Daten über Benutzer und seine Daten zu
sammeln, zu dokumentieren und zu
konsolidieren
5 Sichten der Arbeit
• Informationsfluss und Kommunikation
• Arbeitsschritte und Tätigkeiten
• Artefakte
• Kultur
• Physisches Umfeld
Quelle: http://incontextdesign.com/contextual-design/

Anforderung- & Nutzungskontextanalyse
mit Interviews & Observationen

Grobe Struktur eines Interviews
• Einleitung
• Überblick erhalten (Gesprächspatner, Untermehmen,
Rollen, Organisation)
• Übergang (Fokus Fakten, Erlebnisse, Beobachtung)
• Beobachten und spezifische Fragen
• Demografische Daten erheben und zusammenfassen

• Observationen
• Videoaufnahmen und spätere Auswertung


Anforderungsanalyse: Interviews
Fallstricke, Beispiele

Etwas als gegeben betrachten
• Weniger gut: „Welchen Teil mögen Sie am wenigsten?
• Besser: “Wie beurteilen Sie diese Applikation?”
Den Befragten führen
• Weniger gut: „Sind Sie dafür dass dieser Fragebogen aufs Internet soll?“
• Besser“Wie würden Sie den Fragebogen (weiter-)verwenden?”
Etwas Fragen, was der Befragte nicht weiss
• „Wenn Sie ein Mikrophon und einen Knopf zur Aufnahme hätten, würden
Sie das nützlich finden?„
Ausdrücke verwenden, die der Befragte nicht kennt
• „Suchen Sie eher proaktiv oder eher passiv?“
Slide 14 © Zühlke 2011

Szenarien
Abläufe verstehen und beschreiben

„Vorbereitung Erstgespräch“

P.H. tritt an der Messe auf Versicherungsagentin Martha und
erkundigt sich nach einer Lebensversicherung inklusiv Sparanteil für
die Altersvorsorge. Martha und P.H. vereinbaren einen Termin. Aus
dem Gespräch schliesst Martha, dass die Produkte der Mustermann
AG sowie der Müller GmbH am besten passen würden.
Bei der Vorbereitung im Büro
- eröffnet Martha den Kunden P.H. mit den wichtigsten Daten
(Adresse, Telefon, sowie Alter) im CRM
- sammelt die Unterlagen zu den verschiedenen
Versicherungsprodukten
- Erstellt Quotes, die eingermassen passen könnten. Drei mit
der Software der Mustermann AG und eine auf der Webseite
der Müller GmbH (der Müller GmbH Server war gerade stark
belastet)


Szenarien
Abläufe verstehen und beschreiben

„Erstgespräch“

Martha ist bei P.H. eingetroffen. Laptop und mobiler Drucker sind
bereit. Martha bespricht die vier Quotes mit P.H. Dieser wird durch
die Materie stark gefordert und hat Mühe die Zusammenhänge zu
verstehen: „Wie spare ich jetzt bei den Steuern? Und wie komme
ich jetzt wieder an das Geld ran?“
Martha nimmt eine Excel Datei hervor und zusammen berechnen
Sie die Rendite für P.H. bei verschiedenen Szenarien, dabei
kommen unterschiedliche Laufzeiten, Jahresprämien und die
Steuerersparnis in Betracht, sowohl für ihn wie auch für seine
Partnerin. Schliesslich findet P.H. drei Varianten interessant und
möchte diese sich in Ruhe überlegen. Martha erstellt mit der
Software von Mustermann AG zwei Varianten und druckt diese
gleich aus. Die Müller GmbH-Variante wird sie im Büro berechnen
und P.H. zuschicken (es gibt bei P.H. kein Internetanschluss).


Personas
Unterstützung entlang des ganzen Entwicklungsprozess

Zielgruppe festlegen und beschreiben
Charakterisieren durch
• Ziele, Werte, Ängste und Sehnsüchte

• Funktion, Verantwortlichkeiten und Aufgaben
• Verhaltensmuster und Vorgehensweise
• Technisches Wissen: Ausbildung, Wissen
und Fähigkeiten
• Fachliches Wissen: Ausbildung, Wissen und
Fähigkeiten
• Bedürfnisse für das Produkt
Benutzer «zum Leben erwecken» mit
Alan Cooper, Robert
• Alter, Name, Zitate, Bild und ausgewählten Reimann: About Face
Charakterzügen 2.0: The Essentials of
Interac-tion Design,
Wiley, 2003
© Zühlke 2011

Anforderungsanalyse, Brainstorming,
Kreativitätsförderung
Workshops


User Interface Engineering bei Zühlke:
4 Ansätze zur Evaluation

System
simuliert real
Formal-analytisch Produktzentriert
Expertenreview Expertenreview,
simuliert

GOMS und ähnliche Heuristische Evaluation
Benutzer

Benutzerzentriert Interaktionszentriert
Usability Walkthrough Usability Walkthrough
GOMS und ähnliche Usability Test
real

Benutzerbefragungen Feldtest

Nach Rauterberg

Beispiel: Heuristische Evaluation
Verschiedene Heuristiken

1. Usability Kriterien nach Jakob Nielsen „Ten Usability Heuristics“

2. Usability Prinzipien nach Donald Norman „The Design of Everyday Things“

3. Eight Golden Rules of Interface Design von Ben Shneiderman

4. DIN EN ISO 9241-110 Grundsätze der Dialoggestaltung

5. DIN EN ISO 9241-12 Informationsdarstellung

6. DIN EN ISO 9241-13 Benutzerführung

7. DIN EN ISO 9241-16 Dialogführung mittels direkter Manipulation

8. EG Richtlinie (89/391/EWG)

9. VDI 5005 Richtlinie Gestaltungsvorgaben Softwareergonomie

10. Usability Prinzipien nach ISO 14915-1 Software-Ergonomie Multimedia-Benutzungsschnittstellen

11. DIN EN ISO 14915-2 Software-Ergonomie Multimedia-Benutzungsschnittstellen

12. DIN ISO/CD 23973 Software-Ergonomie für WWW User Interfaces

13. Gestalt Prinzipien

14. Spezielle Heuristische Faustregeln nach Pearrow


Usability Testing
Praxis: in erster Linie qualitative Tests

1. Genau Fragestellung klären Qualitative Tests
2. Test vorbereiten Welche Usability Probleme gibt es?
Was ist die Ursache?
• Aufgaben, Prototyp, Fragebogen,
Testlauf Quantitative Tests
3. Personen rekrutieren Welche Messwerte gibt es?
Wie wird gemessen?
4. Tests durchführen
Wie wird ausgewertet?
5. Tests auswerten
• Problemliste und/oder Video
zusammenstellen,
• Lösungsvorschläge im Team
erarbeiten

Usability Testing & Prototyping
«User Centered Product Innovation»


Low-Fidelity Prototyping

Typische Ziele in Projekten
• Anforderungen früh im Projekt erheben Sketch the
UI

• Kommunikation mit Stakeholdern
Fokus auf Benutzern, Nutzungskontext und Discuss,
Analyze
Ablauforganisation
Unterstützung durch Workshops, Interviews
Sketch Wireframe Storyboard
Logo Intranet Welcome <User name> Help

Alle Seiten Suche go
Logo Unternehmen
Erweiterte Suche

Home | News | Land 1 | Land 2 | Land 3 | Globale Services | Projekte | Wissen | Teams | Community | Suche | Hilfe

Home Status Intranet
News

Land 1
Stadt 1
Stadt 2
Stadt n
Image Mission Statement
Services

Land 2
Stadt 1
Stadt 2
Stadt n
Services

Land 3 Image Image News Teaser – Link auf News
Stadt 1
Stadt 2
Stadt n Populärste Seiten
Services
Unternehmens Group Prozess Developer
Globale Serv, News RUP Software Keys
Sub1 WebDir PEP Icon
Subn Phonelist Software Development Process Library
Joiners
Projekte Events
Sub1 Education center
Subn Event pictures
Homepage
Wissen Helpdesk
Sub1
Subn
Unternehmensnachrichten
Teams
Sub1
Subn Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
Community fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Dr. Thomas Memmel 2. Juli 2009 Folie 23 von 44 © Zühlke 2011

Low-fidelity Prototyping
Werkzeugkette


Low-fidelity Prototyping
Usability Testing mit Papierprototypen


High-Fidelity Prototyping

Typische Ziele in Projekten (Re-)Design
Prototype

Analyze

• Visualisierung von Anforderungen Results

und deren Auswirkungen Evaluate
Prototype

• Interaktion mit einem Teil der Software
• Entwicklung einer UI Spezifikation

Prototyping Tool Prototyping mit GUI Builder
Prototyping Tool


High-Fidelity / Evolutionäres Prototyping
Wichtige Werkzeuge

MS Expression Blend
Microsoft Visio, PowerPoint
MS Expression Blend
Adobe Flash, Dreamweaver,
Photoshop
Axure Pro
Axure Pro

MS Visio


Zusammenarbeit mit Entwicklern
Werkzeugketten am Beispiel Mircosoft

Rollenbasierte Werkzeug-Kette

Expression Design Expression Blend Visual Studio

Zielgruppe: Zielgruppe: Zielgruppe:
• Gestalter • Interaction • Entwickler
Designer
• Gestalter


Evolutionäres Prototyping in der Praxis
Beispiel


Praxisbeispiel Alarm & Ereignis Assistent
Störungsmanagement im Griff dank Usability Engineering

Die Auswirkungen einer Störung im
Schienenverkehr sollen minimiert werden.
picture size Die Kombination von Usability Methoden
6.74cm x 6.74cm und Requirements Engineering hilft dem
Informatik-Projektteam, dieses Ziel zu
erreichen.

Projekt ALEA (Alarm- und Ereignis Assistent)

© SBB 2010


Team Setup
Agiles Umfeld mit On-Site-Customers

Project Managers
Developers

Discussion
Room

Team Room

Users, Product
Owner
Coffee Corner UX Expert
Interaction Designer


ALEA - Alarm- und Ereignis Assistent
Papierprotoyping
Enge Zusammenarbeit IxD/Team

© SBB 2010

Siehe auch: Thomas Memmel, Markus Flückiger,
Médard Fischer (2011): «User Experience & Agile
Development». In: UX Best Practices How to Achieve
More Impact with User Experience, Kapitel 7.
Englisch McGraw-Hill Professional.


Agiles Vorgehen: «Agile UX»
Integration Usability in den Scrum-Prozess

Iteration Iteration Iteration
n n+1 n+2

EXPLORATION ENTWICKLUNG

Start Entwicklung
Entwicklung Aktuelle komplett
Iteration

Parallele Tracks
UI Aktuelle Entwicklung
Business (Iteration n)
Domäne
Persistenz UX-Experten:
Benutzerstudien für
UI Konzept System Metapher
• UI Storyboards • Architektur Spikes
Iteration n+2
• Usage Scenarios • Prototypen Prototyping für Iteration
n+1
Usability Tests der bereits
entwickelten Module (z.B.
Quelle: Jocham, R.; Memmel, T. (2009): Agile User Experience. In: Computerworld – die Schweizer IT- aus der Iteration n-1)
Plattform für IT-Professionals, Ausgabe Fokus Software-Entwicklung. IDG Verlag, erschienen 21.11.2009,
24-25; online http://www.computerworld.ch/aktuell/businesssoftware/49822/


ALEA - Alarm- und Ereignis Assistent

© SBB 2010

Siehe auch: Thomas
Memmel, Markus
Flückiger, Médard
Fischer (2011): «User
Experience & Agile
Development». In: UX
Best Practices How to
Achieve More Impact
with User Experience,
Kapitel 7.
Englisch McGraw-Hill
Professional.



Usability Engineering
• http://www.zuehlke.com/de/software-product-
engineering/softwareloesungen/consulting/usability.html
Client Technologien
• http://www.zuehlke.com/de/software-product-
engineering/kompetenzen/know-how/client-technologien.html

Vakante Positionen (Stand Mai 2011), z.B.
• User Interface Entwickler/-in
• Usability Berater/-in
• Grafik- & Interaction Designer/-in

Literaturhinweise

Thomas Memmel, Markus Flückiger, Médard Fischer (2011): «User
Experience & Agile Development». In: UX Best Practices How to Achieve
More Impact with User Experience, Kapitel 7. 464 Seiten, Taschenbuch,
Englisch McGraw-Hill Professional ISBN-10: 007175251X, ISBN-13:
9780071752510.
Erscheint im Herbst/Winter 2011. Siehe Amazon:
http://www.amazon.com/Best-Practices-Achieve-Impact-
Experience/dp/007175251X

Jan Jursa et al. (2010): «UX Storytellers -
Connecting the Dots». eBook Download unter:
http://uxstorytellers.blogspot.com/2009/01/ux-storytellers-
connecting-dots.html

Kontakt

Dr. Thomas Memmel
Business Unit Manager
Wiesenstrasse 10
8952 Schlieren
Email: thomas.memmel@zuehlke.com
XING: https://www.xing.com/profile/Thomas_Memmel
Blog: http://www.usability-architect.com/

Zühlke Group
XING: https://www.xing.com/companies/zühlkeengineeringag
Facebook: http://www.facebook.com/zuehlke.group
Twitter: http://twitter.com/zuehlke_group


Vielen Dank

Weiterhin viel Erfolg für Ihr Studium
und für Ihre berufliche Zukunft!

User Interface Engineering in
der Praxis
Folie 38
1. Mai 2011

Dr. Thomas Memmel

© Zühlke 2011

User Interface Engineering Praxis

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Ähnlich wie User Interface Engineering Praxis

Ähnlich wie User Interface Engineering Praxis (20)

Mehr von Thomas Memmel

Mehr von Thomas Memmel (11)

User Interface Engineering Praxis