Online besser = Nutzerfreundlich

          Arno Karrasch
               @
Zur Person

Arno Karrasch
• Selbstständiger Berater und Konzepter, spezialisiert
  auf Konzeption/Text, Informationsarchitekturen und
  Usability
• gelernter Reprofotograf, DTP-Operator
• Studium Photoingeneurwesen, Köln
• Seit 1993 mit der Gestaltung und Planung von
  interaktiven Medien als Freelancer unterwegs
• Mitglied BVDW und gcUPA
Zum Thema

• Usability nähergebracht
    Begrifflichkeiten


• Usability eingesetzt.
    Funktionen und Methoden
    Was und Wer
Zum Thema … Nutzerfreundlich
                                     Information
 Usability          GUI              Archtecture
                           User centered Design
              Usefulness
Software                               Utility
Ergonomie
                     Bildschirmarbeitsverordnung
    Joy-of-Use
                     Likeability
             HCI                   Personas

User Experience             Information Design
Benutzer




                         Usability


Usefulness                           (Profi
   Aufgabe                           Werkzeuge
             Utility                  für alle)
Kann Alles!!


                                                      aber:
                                                                     Usability




                                                           Utility
http://en.wikipedia.org/wiki/Command_line_interface
Kognitionspsychologie
                                              Sozialforschung
                                                Kommunikationswissenschaften




        Prozesse                              Informatik
eXXXX


                   Informationsarchitektur      Informationswissenschaften
Beispiele Benutzeroberflächen
Beispiele Benutzeroberflächen
Beispiele Benutzeroberflächen
was bisher geschah …
was bisher geschah …
Sichtweisen
„Usability rules the Web.
Simply stated, if the customer can‘t
find a product, then he or she will not
buy it.“(Jakob Nielsen)

 Markterfordernis Qualität

 • Benutzer verstärkt im Mittelpunkt der Technologie
 • Systemdesign muss sich an die Bedürfnisse der
   Benutzer anpassen, nicht umgekehrt
 • Bedienerfreundlichkeit als wichtiges
   Qualitätskriterium im eCommerce
 • Bedienerfreundliche Produkte werden schwer
   erlernbaren vorgezogen
Usability eingesetzt


Einsatz und Erkenntnisse
Komplexität vs. Kompliziert
Fehlleistungen …

• Unklare Aussagen über Produkte, Dienste, Sinn &
  Zweck
• Verwirrende Navigation
• Lange Ladezeiten (kurze auch!)
• Komplizierte Registrier oder Bestellprozesse
• Unklare Darstellungen von Produkten, Diensten,
  Sinn & Zweck
• Fehlende Hilfefunktionen
• Schmerzhafte Fehler
• Inkonstistenzen
                                      …ein Beispiel
Nutzungskontext

           Status                   Nutzen
     Kontextbezug                    Angemessenheit
         Joy-of-Use                  Relevanz



                                          Medienkompetenz

Sozialisation                 Ökonomische Situation

              Aktuelle Umgebung

 Analyse bietet die Grundlage für nutzungs-zentriertes Design
Usability eingesetzt


Usability Engineering
… kein reiner Eigennutz

• Usability-Einsatz verbessert nachweisbar die
  Qualität der interaktiven Anwendung
• Ist damit auch wirtschaftlich relevant und
  meßbar
• Ist als Instrument zur Qualitätssteigerung
  und Qualitätssicherung nutzbar
Wie …

• Richtlinien und Normen
   Iso-Normen
   Styleguides
   Standards
• Methoden
   Evaluierung von Websites
   Userorientierte Konzeption
Normen

• ISO 9241: Ergonomische Anforderungen an die Büroarbeit
  mit Bildschirmgeräten
     10 Dialogprinzipien, 11 Usability-Kriterien, 12-17 UI-Design


• ISO 13407: User-centered-Design
     Einbindung der Nutzer in des Produktionsprozess


• ISO 14915: Softwareergonomie für Multimedia-Interfaces
     Erläuterung von Designprinzipien und Medienauswahl, -
     steuerung und Navigation
     Beschreibung Content-, Interaktions- und Mediendesign
ISO 9241

Teil 10                          Teil 11
• Aufgabenangemessenheit         • Effektivität
• Lernförderlichkeit             • Effizienz
• Erwartungskonformität
                                 • Zufriedenheit
• Selbstbeschreibungsfähigkeit
                                 • Nutzungskontext
• Steuerbarkeit
• Individualisierbarkeit
• Fehlartoleranz
Methoden in der Produktion

Recherche                    Konzeption                                           Prototyp



     Feldbeobachtungen    Benutzerprofile
                                                 Use Cases        Usability Lab
          Interviews         Personas

       Fokusgruppen      Paper-Prototyping         Experten Evaluation

                                            Usability Lab
                                                                                             Produktion



     Betrieb und Pflege                        Test und Launch             Beta

                                                                                         User-centered-Design
Experten Evaluation


• Heuristische Evaluation: Expertengutachten eines oder
  mehrerer Experten nach vorgegebenen Usability-Heuristiken.

• Cognitive Walkthrough: Experte „simuliert“ Nutzer

• Evaluation durch Benutzerbefragung. Auch: psychologisches
  Tiefeninterview
Personas
• Konkretes Nutzerportrait mit ausdefiniertem Nutzerprofil,
  anstelle allgemeiner demoskopischer Daten

• Klara                           • Schlüsselpersonen
• 35 Jahre alt, verheiratet mit     auswählen
  Hans, 1 Sohn                    • Daten ermitteln und
• Hat Sozialpädagogik               auswerten
  studiert                        • Prorisierung der einzelnen
• Nutzt Yahoo als Startseite        Personas
• Kauft häufig Bücher bei         • Im Designprozess werden
  Amazon                            Personas in Userszenarios
• Hat zuletzt einen                 eingesetzt
  Lokalpolitiker im Internet        (Ideenentwicklung)
  gesucht                         • Einsatz in der Evaluation
Rapid Prototyping

• Paper-Prototyping in der Konzeptionsphase
     Navigation und Interaktion werden als Papiermodell
     simuliert, um Nutzungskontexte zu veranschaulichen und
     zu testen.



• Interaktives Modell
     In fortgeschritteneren Phasen, kann ggf.schon das
     endgültige GUI darstellen oder Varianten testen
Usability Lab

• In Usability-Laboren wird getestet, wie
  Nutzer tatsächlich mit der Anwendung
  umgehen. Die Nutzeraktionen werden
  hierbei aufgezeichnet und
  ausgewertet.
     Audio/Video
     Tastatureingaben / Bildschirmaktivitäten
     Blickverlauf (Eyetracking)
     (Fixationen/Sakkaden)
     Navigationsprotokoll
Scoreberlin – Techsmith Morae www.scoreberlin.de
Beispielvideo
                Scoreberlin – Techsmith Morae www.scoreberlin.de
Erkenntnisse




  Wichita State University Dept of Psychology Software Usability Research Lab
Synergien und Grenzen
Branche




          gcUPA 2002
German Chapter der UPA e.V.

• Berufsverband der deutschen Usability-
  Professionals
• Internationaler Verband
• Netzwerken in Regionalgruppen
• Informationsveranstaltungen
• Arbeitskreise
• Infobroschüre
Vielen Dank für Ihre
  Aufmerksamkeit.
• arno.karrasch@visualconcept.de (Falls es Fragen gibt)
• Berufsverband der Usability-Professionals: gcUPA
     www.gc-upa.de
• Steve Krug „Don´t make me think“
     www.sensible.com/ (mit Probekapitel, auch in Deutsch verfügbar)
• Scoreberlin – Usability Lab
     www.scoreberlin.de
• Jakob Nielsens Alertbox
     www.useit.com/alertbox/ (original)
     www.usability.ch/Alertbox/main.htm (deutsche Übersetzung)
• ISO 9241
     de.wikipedia.org/wiki/ISO_9241 (mit vielen hilfreichen Links)
• Fit-für–Usability
     http://www.fit-fuer-usability.de/ (Infoseite Fraunhoder FIT)

Online besser-nutzerfreundlich

  • 1.
    Online besser =Nutzerfreundlich Arno Karrasch @
  • 2.
    Zur Person Arno Karrasch •Selbstständiger Berater und Konzepter, spezialisiert auf Konzeption/Text, Informationsarchitekturen und Usability • gelernter Reprofotograf, DTP-Operator • Studium Photoingeneurwesen, Köln • Seit 1993 mit der Gestaltung und Planung von interaktiven Medien als Freelancer unterwegs • Mitglied BVDW und gcUPA
  • 3.
    Zum Thema • Usabilitynähergebracht Begrifflichkeiten • Usability eingesetzt. Funktionen und Methoden Was und Wer
  • 4.
    Zum Thema …Nutzerfreundlich Information Usability GUI Archtecture User centered Design Usefulness Software Utility Ergonomie Bildschirmarbeitsverordnung Joy-of-Use Likeability HCI Personas User Experience Information Design
  • 5.
    Benutzer Usability Usefulness (Profi Aufgabe Werkzeuge Utility für alle)
  • 6.
    Kann Alles!! aber: Usability Utility http://en.wikipedia.org/wiki/Command_line_interface
  • 7.
    Kognitionspsychologie Sozialforschung Kommunikationswissenschaften Prozesse Informatik eXXXX Informationsarchitektur Informationswissenschaften
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
    „Usability rules theWeb. Simply stated, if the customer can‘t find a product, then he or she will not buy it.“(Jakob Nielsen) Markterfordernis Qualität • Benutzer verstärkt im Mittelpunkt der Technologie • Systemdesign muss sich an die Bedürfnisse der Benutzer anpassen, nicht umgekehrt • Bedienerfreundlichkeit als wichtiges Qualitätskriterium im eCommerce • Bedienerfreundliche Produkte werden schwer erlernbaren vorgezogen
  • 15.
  • 16.
  • 17.
    Fehlleistungen … • UnklareAussagen über Produkte, Dienste, Sinn & Zweck • Verwirrende Navigation • Lange Ladezeiten (kurze auch!) • Komplizierte Registrier oder Bestellprozesse • Unklare Darstellungen von Produkten, Diensten, Sinn & Zweck • Fehlende Hilfefunktionen • Schmerzhafte Fehler • Inkonstistenzen …ein Beispiel
  • 18.
    Nutzungskontext Status Nutzen Kontextbezug Angemessenheit Joy-of-Use Relevanz Medienkompetenz Sozialisation Ökonomische Situation Aktuelle Umgebung Analyse bietet die Grundlage für nutzungs-zentriertes Design
  • 19.
  • 20.
    … kein reinerEigennutz • Usability-Einsatz verbessert nachweisbar die Qualität der interaktiven Anwendung • Ist damit auch wirtschaftlich relevant und meßbar • Ist als Instrument zur Qualitätssteigerung und Qualitätssicherung nutzbar
  • 21.
    Wie … • Richtlinienund Normen Iso-Normen Styleguides Standards • Methoden Evaluierung von Websites Userorientierte Konzeption
  • 22.
    Normen • ISO 9241:Ergonomische Anforderungen an die Büroarbeit mit Bildschirmgeräten 10 Dialogprinzipien, 11 Usability-Kriterien, 12-17 UI-Design • ISO 13407: User-centered-Design Einbindung der Nutzer in des Produktionsprozess • ISO 14915: Softwareergonomie für Multimedia-Interfaces Erläuterung von Designprinzipien und Medienauswahl, - steuerung und Navigation Beschreibung Content-, Interaktions- und Mediendesign
  • 23.
    ISO 9241 Teil 10 Teil 11 • Aufgabenangemessenheit • Effektivität • Lernförderlichkeit • Effizienz • Erwartungskonformität • Zufriedenheit • Selbstbeschreibungsfähigkeit • Nutzungskontext • Steuerbarkeit • Individualisierbarkeit • Fehlartoleranz
  • 24.
    Methoden in derProduktion Recherche Konzeption Prototyp Feldbeobachtungen Benutzerprofile Use Cases Usability Lab Interviews Personas Fokusgruppen Paper-Prototyping Experten Evaluation Usability Lab Produktion Betrieb und Pflege Test und Launch Beta User-centered-Design
  • 25.
    Experten Evaluation • HeuristischeEvaluation: Expertengutachten eines oder mehrerer Experten nach vorgegebenen Usability-Heuristiken. • Cognitive Walkthrough: Experte „simuliert“ Nutzer • Evaluation durch Benutzerbefragung. Auch: psychologisches Tiefeninterview
  • 26.
    Personas • Konkretes Nutzerportraitmit ausdefiniertem Nutzerprofil, anstelle allgemeiner demoskopischer Daten • Klara • Schlüsselpersonen • 35 Jahre alt, verheiratet mit auswählen Hans, 1 Sohn • Daten ermitteln und • Hat Sozialpädagogik auswerten studiert • Prorisierung der einzelnen • Nutzt Yahoo als Startseite Personas • Kauft häufig Bücher bei • Im Designprozess werden Amazon Personas in Userszenarios • Hat zuletzt einen eingesetzt Lokalpolitiker im Internet (Ideenentwicklung) gesucht • Einsatz in der Evaluation
  • 27.
    Rapid Prototyping • Paper-Prototypingin der Konzeptionsphase Navigation und Interaktion werden als Papiermodell simuliert, um Nutzungskontexte zu veranschaulichen und zu testen. • Interaktives Modell In fortgeschritteneren Phasen, kann ggf.schon das endgültige GUI darstellen oder Varianten testen
  • 28.
    Usability Lab • InUsability-Laboren wird getestet, wie Nutzer tatsächlich mit der Anwendung umgehen. Die Nutzeraktionen werden hierbei aufgezeichnet und ausgewertet. Audio/Video Tastatureingaben / Bildschirmaktivitäten Blickverlauf (Eyetracking) (Fixationen/Sakkaden) Navigationsprotokoll
  • 29.
    Scoreberlin – TechsmithMorae www.scoreberlin.de
  • 30.
    Beispielvideo Scoreberlin – Techsmith Morae www.scoreberlin.de
  • 32.
    Erkenntnisse WichitaState University Dept of Psychology Software Usability Research Lab
  • 33.
  • 34.
    Branche gcUPA 2002
  • 35.
    German Chapter derUPA e.V. • Berufsverband der deutschen Usability- Professionals • Internationaler Verband • Netzwerken in Regionalgruppen • Informationsveranstaltungen • Arbeitskreise • Infobroschüre
  • 36.
    Vielen Dank fürIhre Aufmerksamkeit.
  • 37.
    • arno.karrasch@visualconcept.de (Fallses Fragen gibt) • Berufsverband der Usability-Professionals: gcUPA www.gc-upa.de • Steve Krug „Don´t make me think“ www.sensible.com/ (mit Probekapitel, auch in Deutsch verfügbar) • Scoreberlin – Usability Lab www.scoreberlin.de • Jakob Nielsens Alertbox www.useit.com/alertbox/ (original) www.usability.ch/Alertbox/main.htm (deutsche Übersetzung) • ISO 9241 de.wikipedia.org/wiki/ISO_9241 (mit vielen hilfreichen Links) • Fit-für–Usability http://www.fit-fuer-usability.de/ (Infoseite Fraunhoder FIT)