SlideShare ist ein Scribd-Unternehmen logo
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




Eine Idee mehr. Und Zühlke.                            4. März 2011   Folie 4   © Zühlke 2011
Ü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.




Eine Idee mehr. Und Zühlke.                       4. März 2011   Folie 5   © Zühlke 2011
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)
Client Technologien | Dr. Thomas Memmel et al.         26. April 2011   Folie 6   © Zühlke 2011
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!



Client Technologien | Dr. Thomas Memmel et al.   26. April 2011   Folie 7   © Zühlke 2011
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
User Interface Engineering bei Zühlke
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 Interface Engineering in der Praxis | Dr. Thomas Memmel                       1. Mai 2011           Folie 10               © Zühlke 2011
User Interface Engineering bei Zühlke
User Experience nach IS0 9241-210




User Interface Engineering in der Praxis | Dr. Thomas Memmel   1. Mai 2011   Folie 11   © Zühlke 2011
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/
User Interface Engineering in der Praxis | Dr. Thomas Memmel                1. Mai 2011         Folie 12            © Zühlke 2011
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

User Interface Engineering in der Praxis | Dr. Thomas Memmel   1. Mai 2011   Folie 13   © Zühlke 2011
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)


User Interface Engineering in der Praxis | Dr. Thomas Memmel   1. Mai 2011   Folie 15   © Zühlke 2011
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).


User Interface Engineering in der Praxis | Dr. Thomas Memmel   1. Mai 2011   Folie 16   © Zühlke 2011
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 in der Praxis | Dr. Thomas Memmel   1. Mai 2011   Folie 18   © Zühlke 2011
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
User Interface Engineering in der Praxis | Dr. Thomas Memmel                      1. Mai 2011   Folie 19   © Zühlke 2011
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


User Interface Engineering in der Praxis | Dr. Thomas Memmel                          1. Mai 2011     Folie 20   © Zühlke 2011
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
User Interface Engineering in der Praxis | Dr. Thomas Memmel      1. Mai 2011   Folie 21   © Zühlke 2011
Usability Testing & Prototyping
«User Centered Product Innovation»




User Interface Engineering in der Praxis | Dr. Thomas Memmel   1. Mai 2011   Folie 22   © Zühlke 2011
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




User Interface Engineering in der Praxis | Dr. Thomas Memmel   1. Mai 2011   Folie 24   © Zühlke 2011
Low-fidelity Prototyping
Usability Testing mit Papierprototypen




User Interface Engineering in der Praxis | Dr. Thomas Memmel   1. Mai 2011   Folie 25   © Zühlke 2011
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




User Interface Engineering in der Praxis | Dr. Thomas Memmel                                 1. Mai 2011              Folie 26             © Zühlke 2011
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

User Interface Engineering in der Praxis | Dr. Thomas Memmel   1. Mai 2011   Folie 27                 © Zühlke 2011
Zusammenarbeit mit Entwicklern
Werkzeugketten am Beispiel Mircosoft


Rollenbasierte Werkzeug-Kette

       Expression Design                           Expression Blend                           Visual Studio




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

Client Technologien | Dr. Thomas Memmel et al.                        26. April 2011     Folie 28        © Zühlke 2011
Evolutionäres Prototyping in der Praxis
Beispiel




User Interface Engineering in der Praxis | Dr. Thomas Memmel   1. Mai 2011   Folie 29   © Zühlke 2011
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

User Interface Engineering in der Praxis | Dr. Thomas Memmel                         1. Mai 2011   Folie 30   © Zühlke 2011
Team Setup
Agiles Umfeld mit On-Site-Customers




                                                                                                              Project Managers
                                                                   Developers



               Discussion
                 Room

                                                                 Team Room




                                                                                                           Users, Product
                                                                                                              Owner
          Coffee Corner                                              UX Expert
                                                               Interaction Designer



User Interface Engineering in der Praxis | Dr. Thomas Memmel                      1. Mai 2011   Folie 31           © Zühlke 2011
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.

User Interface Engineering in der Praxis | Dr. Thomas Memmel   1. Mai 2011   Folie 32                      © Zühlke 2011
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/

User Interface Engineering in der Praxis | Dr. Thomas Memmel                                                   1. Mai 2011                 Folie 33         © Zühlke 2011
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.



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


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
User Interface Engineering in der Praxis | Dr. Thomas Memmel   1. Mai 2011   Folie 35   © Zühlke 2011
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
User Interface Engineering in der Praxis | Dr. Thomas Memmel          1. Mai 2011   Folie 36     © Zühlke 2011
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

User Interface Engineering in der Praxis | Dr. Thomas Memmel   1. Mai 2011   Folie 37   © Zühlke 2011
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

Weitere ähnliche Inhalte

Ähnlich wie User Interface Engineering Praxis

Client Technologien - Ein Überblick für Usability Professionals
Client Technologien - Ein Überblick für Usability ProfessionalsClient Technologien - Ein Überblick für Usability Professionals
Client Technologien - Ein Überblick für Usability Professionals
Thomas Memmel
 
Software entwickeln mit Verstand
Software entwickeln mit VerstandSoftware entwickeln mit Verstand
Software entwickeln mit VerstandJörg Dirbach
 
Das Social Intranet der Detecon International GmbH
Das Social Intranet der Detecon International GmbHDas Social Intranet der Detecon International GmbH
Das Social Intranet der Detecon International GmbH
netmedianer GmbH
 
DNUG 36 2012_Konferenzbroschuere
DNUG 36 2012_KonferenzbroschuereDNUG 36 2012_Konferenzbroschuere
DNUG 36 2012_Konferenzbroschuere
Friedel Jonker
 
One konferenz2012 usability-intranet-soultank_ag
One konferenz2012 usability-intranet-soultank_agOne konferenz2012 usability-intranet-soultank_ag
One konferenz2012 usability-intranet-soultank_agONE Schweiz
 
Icom Intranet Workshops V2 Web
Icom Intranet Workshops V2 WebIcom Intranet Workshops V2 Web
Icom Intranet Workshops V2 Web
Jürgen Mirbach
 
Über die Wertschöpfung hinaus ... Future EduTech im Dialog von Wirtschaft und...
Über die Wertschöpfung hinaus ... Future EduTech im Dialog von Wirtschaft und...Über die Wertschöpfung hinaus ... Future EduTech im Dialog von Wirtschaft und...
Über die Wertschöpfung hinaus ... Future EduTech im Dialog von Wirtschaft und...
e-teaching.org
 
Agile UCD (UP09 Tutorial)
Agile UCD (UP09 Tutorial)Agile UCD (UP09 Tutorial)
Agile UCD (UP09 Tutorial)
dirkzimmermann
 
Bring Your Own (mobile) Device
Bring Your Own (mobile) DeviceBring Your Own (mobile) Device
Bring Your Own (mobile) DeviceWalter Brenner
 
Usability Institutionalisierung
Usability InstitutionalisierungUsability Institutionalisierung
Usability Institutionalisierung
abublitz
 
IBM Connections im Business Einsatz - Webinar 2 der IBM Connections Webinarreihe
IBM Connections im Business Einsatz - Webinar 2 der IBM Connections WebinarreiheIBM Connections im Business Einsatz - Webinar 2 der IBM Connections Webinarreihe
IBM Connections im Business Einsatz - Webinar 2 der IBM Connections Webinarreihe
Beck et al. GmbH
 
Das "LerNetz Lern-Haus": Austrian eLearning Conference 2013 (AeLC) / Dr. Dani...
Das "LerNetz Lern-Haus": Austrian eLearning Conference 2013 (AeLC) / Dr. Dani...Das "LerNetz Lern-Haus": Austrian eLearning Conference 2013 (AeLC) / Dr. Dani...
Das "LerNetz Lern-Haus": Austrian eLearning Conference 2013 (AeLC) / Dr. Dani...
Dr. Daniel Stoller-Schai
 
Innovation: die Zukunft in Gegenwart_bringen!
Innovation: die Zukunft in Gegenwart_bringen!Innovation: die Zukunft in Gegenwart_bringen!
Innovation: die Zukunft in Gegenwart_bringen!
Michael Wyrsch
 
eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...
eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...
eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...
eparo GmbH
 
Agile Softwareentwicklung / User Stories
Agile Softwareentwicklung / User StoriesAgile Softwareentwicklung / User Stories
Agile Softwareentwicklung / User Stories
Stefan von Niederhäusern
 
itSMF-Akademie - Seminar 'Service Grundlagen' 2011-11-24 V02.02.10
itSMF-Akademie - Seminar 'Service Grundlagen' 2011-11-24 V02.02.10itSMF-Akademie - Seminar 'Service Grundlagen' 2011-11-24 V02.02.10
itSMF-Akademie - Seminar 'Service Grundlagen' 2011-11-24 V02.02.10
servicEvolution
 
Fruehling fuers iPhone
Fruehling fuers iPhoneFruehling fuers iPhone
Fruehling fuers iPhone
Stefan Scheidt
 
Sharepoint, Liferay & Co.: Social Business Integration in der Praxis
Sharepoint, Liferay & Co.: Social Business Integration in der PraxisSharepoint, Liferay & Co.: Social Business Integration in der Praxis
Sharepoint, Liferay & Co.: Social Business Integration in der Praxis
inovex GmbH
 
T4 S1 Objektorienierte Entwicklung
T4 S1 Objektorienierte EntwicklungT4 S1 Objektorienierte Entwicklung
T4 S1 Objektorienierte Entwicklungdominion
 

Ähnlich wie User Interface Engineering Praxis (20)

Client Technologien - Ein Überblick für Usability Professionals
Client Technologien - Ein Überblick für Usability ProfessionalsClient Technologien - Ein Überblick für Usability Professionals
Client Technologien - Ein Überblick für Usability Professionals
 
Software entwickeln mit Verstand
Software entwickeln mit VerstandSoftware entwickeln mit Verstand
Software entwickeln mit Verstand
 
Das Social Intranet der Detecon International GmbH
Das Social Intranet der Detecon International GmbHDas Social Intranet der Detecon International GmbH
Das Social Intranet der Detecon International GmbH
 
DNUG 36 2012_Konferenzbroschuere
DNUG 36 2012_KonferenzbroschuereDNUG 36 2012_Konferenzbroschuere
DNUG 36 2012_Konferenzbroschuere
 
One konferenz2012 usability-intranet-soultank_ag
One konferenz2012 usability-intranet-soultank_agOne konferenz2012 usability-intranet-soultank_ag
One konferenz2012 usability-intranet-soultank_ag
 
Icom Intranet Workshops V2 Web
Icom Intranet Workshops V2 WebIcom Intranet Workshops V2 Web
Icom Intranet Workshops V2 Web
 
Über die Wertschöpfung hinaus ... Future EduTech im Dialog von Wirtschaft und...
Über die Wertschöpfung hinaus ... Future EduTech im Dialog von Wirtschaft und...Über die Wertschöpfung hinaus ... Future EduTech im Dialog von Wirtschaft und...
Über die Wertschöpfung hinaus ... Future EduTech im Dialog von Wirtschaft und...
 
Agile UCD (UP09 Tutorial)
Agile UCD (UP09 Tutorial)Agile UCD (UP09 Tutorial)
Agile UCD (UP09 Tutorial)
 
Bring Your Own (mobile) Device
Bring Your Own (mobile) DeviceBring Your Own (mobile) Device
Bring Your Own (mobile) Device
 
Usability Institutionalisierung
Usability InstitutionalisierungUsability Institutionalisierung
Usability Institutionalisierung
 
IBM Connections im Business Einsatz - Webinar 2 der IBM Connections Webinarreihe
IBM Connections im Business Einsatz - Webinar 2 der IBM Connections WebinarreiheIBM Connections im Business Einsatz - Webinar 2 der IBM Connections Webinarreihe
IBM Connections im Business Einsatz - Webinar 2 der IBM Connections Webinarreihe
 
Das "LerNetz Lern-Haus": Austrian eLearning Conference 2013 (AeLC) / Dr. Dani...
Das "LerNetz Lern-Haus": Austrian eLearning Conference 2013 (AeLC) / Dr. Dani...Das "LerNetz Lern-Haus": Austrian eLearning Conference 2013 (AeLC) / Dr. Dani...
Das "LerNetz Lern-Haus": Austrian eLearning Conference 2013 (AeLC) / Dr. Dani...
 
Ausbildungskonzept mit Digicomp
Ausbildungskonzept mit DigicompAusbildungskonzept mit Digicomp
Ausbildungskonzept mit Digicomp
 
Innovation: die Zukunft in Gegenwart_bringen!
Innovation: die Zukunft in Gegenwart_bringen!Innovation: die Zukunft in Gegenwart_bringen!
Innovation: die Zukunft in Gegenwart_bringen!
 
eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...
eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...
eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...
 
Agile Softwareentwicklung / User Stories
Agile Softwareentwicklung / User StoriesAgile Softwareentwicklung / User Stories
Agile Softwareentwicklung / User Stories
 
itSMF-Akademie - Seminar 'Service Grundlagen' 2011-11-24 V02.02.10
itSMF-Akademie - Seminar 'Service Grundlagen' 2011-11-24 V02.02.10itSMF-Akademie - Seminar 'Service Grundlagen' 2011-11-24 V02.02.10
itSMF-Akademie - Seminar 'Service Grundlagen' 2011-11-24 V02.02.10
 
Fruehling fuers iPhone
Fruehling fuers iPhoneFruehling fuers iPhone
Fruehling fuers iPhone
 
Sharepoint, Liferay & Co.: Social Business Integration in der Praxis
Sharepoint, Liferay & Co.: Social Business Integration in der PraxisSharepoint, Liferay & Co.: Social Business Integration in der Praxis
Sharepoint, Liferay & Co.: Social Business Integration in der Praxis
 
T4 S1 Objektorienierte Entwicklung
T4 S1 Objektorienierte EntwicklungT4 S1 Objektorienierte Entwicklung
T4 S1 Objektorienierte Entwicklung
 

Mehr von Thomas Memmel

Zühlke on Enterprise Apps @ Apple Developer Stage Zürich
Zühlke on Enterprise Apps @ Apple Developer Stage ZürichZühlke on Enterprise Apps @ Apple Developer Stage Zürich
Zühlke on Enterprise Apps @ Apple Developer Stage Zürich
Thomas Memmel
 
New User Interfaces & Channels for the Enterprise
New User Interfaces & Channels for the EnterpriseNew User Interfaces & Channels for the Enterprise
New User Interfaces & Channels for the Enterprise
Thomas Memmel
 
Innovation Leadership
Innovation LeadershipInnovation Leadership
Innovation Leadership
Thomas Memmel
 
Mobile User Experience
Mobile User ExperienceMobile User Experience
Mobile User Experience
Thomas Memmel
 
Project Management with Usability Engineering Methods
Project Management with Usability Engineering MethodsProject Management with Usability Engineering Methods
Project Management with Usability Engineering Methods
Thomas Memmel
 
Agile Human-Centered Software Engineering
Agile Human-Centered Software EngineeringAgile Human-Centered Software Engineering
Agile Human-Centered Software Engineering
Thomas Memmel
 
Model-driven prototyping for corporate software specification
Model-driven prototyping for corporate software specification Model-driven prototyping for corporate software specification
Model-driven prototyping for corporate software specification
Thomas Memmel
 
Tool-Support for Interdisciplinary and Collaborative User Interface Specifica...
Tool-Support for Interdisciplinary and Collaborative User Interface Specifica...Tool-Support for Interdisciplinary and Collaborative User Interface Specifica...
Tool-Support for Interdisciplinary and Collaborative User Interface Specifica...
Thomas Memmel
 
Model-Based Visual Software Specification
Model-Based Visual Software SpecificationModel-Based Visual Software Specification
Model-Based Visual Software Specification
Thomas Memmel
 
User Interface Prototyping - Low- and High-Fidelity Prototyping Today
User Interface Prototyping - Low- and High-Fidelity Prototyping TodayUser Interface Prototyping - Low- and High-Fidelity Prototyping Today
User Interface Prototyping - Low- and High-Fidelity Prototyping Today
Thomas Memmel
 
Zühlke Whitepaper Client Technologien
Zühlke Whitepaper Client TechnologienZühlke Whitepaper Client Technologien
Zühlke Whitepaper Client Technologien
Thomas Memmel
 

Mehr von Thomas Memmel (11)

Zühlke on Enterprise Apps @ Apple Developer Stage Zürich
Zühlke on Enterprise Apps @ Apple Developer Stage ZürichZühlke on Enterprise Apps @ Apple Developer Stage Zürich
Zühlke on Enterprise Apps @ Apple Developer Stage Zürich
 
New User Interfaces & Channels for the Enterprise
New User Interfaces & Channels for the EnterpriseNew User Interfaces & Channels for the Enterprise
New User Interfaces & Channels for the Enterprise
 
Innovation Leadership
Innovation LeadershipInnovation Leadership
Innovation Leadership
 
Mobile User Experience
Mobile User ExperienceMobile User Experience
Mobile User Experience
 
Project Management with Usability Engineering Methods
Project Management with Usability Engineering MethodsProject Management with Usability Engineering Methods
Project Management with Usability Engineering Methods
 
Agile Human-Centered Software Engineering
Agile Human-Centered Software EngineeringAgile Human-Centered Software Engineering
Agile Human-Centered Software Engineering
 
Model-driven prototyping for corporate software specification
Model-driven prototyping for corporate software specification Model-driven prototyping for corporate software specification
Model-driven prototyping for corporate software specification
 
Tool-Support for Interdisciplinary and Collaborative User Interface Specifica...
Tool-Support for Interdisciplinary and Collaborative User Interface Specifica...Tool-Support for Interdisciplinary and Collaborative User Interface Specifica...
Tool-Support for Interdisciplinary and Collaborative User Interface Specifica...
 
Model-Based Visual Software Specification
Model-Based Visual Software SpecificationModel-Based Visual Software Specification
Model-Based Visual Software Specification
 
User Interface Prototyping - Low- and High-Fidelity Prototyping Today
User Interface Prototyping - Low- and High-Fidelity Prototyping TodayUser Interface Prototyping - Low- and High-Fidelity Prototyping Today
User Interface Prototyping - Low- and High-Fidelity Prototyping Today
 
Zühlke Whitepaper Client Technologien
Zühlke Whitepaper Client TechnologienZühlke Whitepaper Client Technologien
Zühlke Whitepaper Client Technologien
 

User Interface Engineering Praxis

  • 1. User Interface Engineering in der Praxis Studiengang iCompetence, FHNW – Mai 2011 Folie 1 1. Mai 2011 Dr. Thomas Memmel © Zühlke 2011
  • 2. 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
  • 3. Ü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
  • 4. Ü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 Eine Idee mehr. Und Zühlke. 4. März 2011 Folie 4 © Zühlke 2011
  • 5. Ü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. Eine Idee mehr. Und Zühlke. 4. März 2011 Folie 5 © Zühlke 2011
  • 6. 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) Client Technologien | Dr. Thomas Memmel et al. 26. April 2011 Folie 6 © Zühlke 2011
  • 7. 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! Client Technologien | Dr. Thomas Memmel et al. 26. April 2011 Folie 7 © Zühlke 2011
  • 8. 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
  • 9. User Interface Engineering bei Zühlke Rollen Romano Roth 25.04.2010 Folie 9 © Zühlke 2011
  • 10. User Interface Engineering bei Zühlke 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 Interface Engineering in der Praxis | Dr. Thomas Memmel 1. Mai 2011 Folie 10 © Zühlke 2011
  • 11. User Interface Engineering bei Zühlke User Experience nach IS0 9241-210 User Interface Engineering in der Praxis | Dr. Thomas Memmel 1. Mai 2011 Folie 11 © Zühlke 2011
  • 12. 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/ User Interface Engineering in der Praxis | Dr. Thomas Memmel 1. Mai 2011 Folie 12 © Zühlke 2011
  • 13. 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 User Interface Engineering in der Praxis | Dr. Thomas Memmel 1. Mai 2011 Folie 13 © Zühlke 2011
  • 14. 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
  • 15. 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) User Interface Engineering in der Praxis | Dr. Thomas Memmel 1. Mai 2011 Folie 15 © Zühlke 2011
  • 16. 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). User Interface Engineering in der Praxis | Dr. Thomas Memmel 1. Mai 2011 Folie 16 © Zühlke 2011
  • 17. 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
  • 18. Anforderungsanalyse, Brainstorming, Kreativitätsförderung Workshops User Interface Engineering in der Praxis | Dr. Thomas Memmel 1. Mai 2011 Folie 18 © Zühlke 2011
  • 19. 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 User Interface Engineering in der Praxis | Dr. Thomas Memmel 1. Mai 2011 Folie 19 © Zühlke 2011
  • 20. 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 User Interface Engineering in der Praxis | Dr. Thomas Memmel 1. Mai 2011 Folie 20 © Zühlke 2011
  • 21. 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 User Interface Engineering in der Praxis | Dr. Thomas Memmel 1. Mai 2011 Folie 21 © Zühlke 2011
  • 22. Usability Testing & Prototyping «User Centered Product Innovation» User Interface Engineering in der Praxis | Dr. Thomas Memmel 1. Mai 2011 Folie 22 © Zühlke 2011
  • 23. 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
  • 24. Low-fidelity Prototyping Werkzeugkette User Interface Engineering in der Praxis | Dr. Thomas Memmel 1. Mai 2011 Folie 24 © Zühlke 2011
  • 25. Low-fidelity Prototyping Usability Testing mit Papierprototypen User Interface Engineering in der Praxis | Dr. Thomas Memmel 1. Mai 2011 Folie 25 © Zühlke 2011
  • 26. 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 User Interface Engineering in der Praxis | Dr. Thomas Memmel 1. Mai 2011 Folie 26 © Zühlke 2011
  • 27. 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 User Interface Engineering in der Praxis | Dr. Thomas Memmel 1. Mai 2011 Folie 27 © Zühlke 2011
  • 28. Zusammenarbeit mit Entwicklern Werkzeugketten am Beispiel Mircosoft Rollenbasierte Werkzeug-Kette Expression Design Expression Blend Visual Studio Zielgruppe: Zielgruppe: Zielgruppe: • Gestalter • Interaction • Entwickler Designer • Gestalter Client Technologien | Dr. Thomas Memmel et al. 26. April 2011 Folie 28 © Zühlke 2011
  • 29. Evolutionäres Prototyping in der Praxis Beispiel User Interface Engineering in der Praxis | Dr. Thomas Memmel 1. Mai 2011 Folie 29 © Zühlke 2011
  • 30. 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 User Interface Engineering in der Praxis | Dr. Thomas Memmel 1. Mai 2011 Folie 30 © Zühlke 2011
  • 31. Team Setup Agiles Umfeld mit On-Site-Customers Project Managers Developers Discussion Room Team Room Users, Product Owner Coffee Corner UX Expert Interaction Designer User Interface Engineering in der Praxis | Dr. Thomas Memmel 1. Mai 2011 Folie 31 © Zühlke 2011
  • 32. 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. User Interface Engineering in der Praxis | Dr. Thomas Memmel 1. Mai 2011 Folie 32 © Zühlke 2011
  • 33. 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/ User Interface Engineering in der Praxis | Dr. Thomas Memmel 1. Mai 2011 Folie 33 © Zühlke 2011
  • 34. 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. User Interface Engineering in der Praxis | Dr. Thomas Memmel 1. Mai 2011 Folie 34 © Zühlke 2011
  • 35. User Interface Engineering bei Zühlke 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 User Interface Engineering in der Praxis | Dr. Thomas Memmel 1. Mai 2011 Folie 35 © Zühlke 2011
  • 36. 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 User Interface Engineering in der Praxis | Dr. Thomas Memmel 1. Mai 2011 Folie 36 © Zühlke 2011
  • 37. 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 User Interface Engineering in der Praxis | Dr. Thomas Memmel 1. Mai 2011 Folie 37 © Zühlke 2011
  • 38. 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