Post on 07-Aug-2015
Warum Usability?Einfache Nutzerführung an Praxisbeispielen
Kurz zu mir - „Hi ich bin Chris!“
Christian Kleemann BBA Marketing / Winfo in Jena Berlin Userlutions / RapidUsertests Usability-Consultant Blogging Beatboxing & Gaming
Folgen schlechter Usability
250 Mitarbeiter
27 Masken
220 Tage
18€ Stunde
Was passiert bei 10 Sekunden
Zeitersparnis pro Maske?
74.000 €
Erhöhte Kosten bei nachträglicher Behebung von Usability-Problemen
516.000
!!!!
Motorischen Aufwand verringern
!!!
!!!!
Lernaufwand verringern
!!!
!!!!
Wichtiges hervorheben
!!!
!!!!
Komplexität reduzieren
!!!
!!!!
Motorischen Aufwand verringern
!!!
!!!!
Lernaufwand verringern
!!!
!!!!
Wichtiges hervorheben
!!!
!!!!
Komplexität reduzieren
!!!
„Make it simple, but significant.“Don Draper
MAV
Die Dauer ein Ziel zu treffen, hängt von der Distanz und der Objektgröße ab.
MAV Fitt’s Law
Fitt’s LawMAV
Wenn Elemente oft kurz nacheinander bedient werden, sollten diese dicht nebeneinander platziert werden.
Hohe Nutzungsqualität zeigt sich wenig
an der Oberfläche einer Software?
Hohe Nutzungsqualität zeigt sich wenig an der Oberfläche einer Software!
Default-EinstellungenMAV
!!!!
Motorischen Aufwand verringern
!!!
!!!!
Lernaufwand verringern
!!!
!!!!
Wichtiges hervorheben
!!!
!!!!
Komplexität reduzieren
!!!
„Make it work!“Tim Gunn
LAV
LAV Metaphern schaffen
LAV Metaphern schaffen
LAV Metaphern schaffen
Kill the Hamburger Icon?
Die wichtigste Konsistenz ist Konsistenz mit Nutzererwartungen.
Konsistenz erzeugenLAV
Was erwartet Ihr?
Konsistenz erzeugenLAV
Die wichtigste Konsistenz ist Konsistenz mit Nutzererwartungen!
Konsistenz erzeugenLAV
Die wichtigste Konsistenz ist Konsistenz mit Nutzererwartungen.
Konsistenz erzeugenLAV
Existierende Methodensets/Konventionen nutzen.
Konsistenz erzeugenLAV
Konventionen berücksichtigen
Quelle: eResult Imagery III Erwartungskonforme Webseitengestaltung
LAV
Konventionen leben
Quelle: eResult Imagery VI Erwartungskonforme Webseitengestaltung
LAV
!!!!
Motorischen Aufwand verringern
!!!
!!!!
Lernaufwand verringern
!!!
!!!!
Wichtiges hervorheben
!!!
!!!!
Komplexität reduzieren
!!!
WH
„Don't just tell, show them.“Jesse Marlow
WH Visuelle Hierarchie
Zentrale Informationen hervorheben
Zentrale Informationen so hervorheben, dass sie automatisch wahrgenommen werden.
WH Salienz
Aufmerksamkeitsverteilung am Bildschirm
WH
40%
25%
20%
15%
Salienz
Zentrale Informationen so hervorheben, dass sie automatisch wahrgenommen werden.
WH Salienz
Objekte so gestalten, dass dem Nutzer klar ist, wie er sie zu bedienen hat.
WH Affordance
Objekte so gestalten, dass dem Nutzer klar ist, wie er sie zu bedienen hat.
WH Affordance
!!!!
Motorischen Aufwand verringern
!!!
!!!!
Lernaufwand verringern
!!!
!!!!
Wichtiges hervorheben
!!!
!!!!
Komplexität reduzieren
!!!
KR
KR Layout-Komplexität verringern
70
KR Layout-Komplexität verringern
KR Layout-Komplexität verringern
Wahrgenommene Komplexität ist abhängig von den Zeilen und Spalten des Layouts.
KR Layout-Komplexität verringern
KR Layout-Komplexität verringern
KR Gruppierungen verwenden
KR Gruppierungen verwenden
KR Gruppierungen verwenden
KR Gruppierungen verwenden
KR Schrittweises enthüllen
KR Schrittweises enthüllen
5Schritte
KR Schrittweises enthüllenSchrittweises enthüllen
Quelle: Infografik Checkout Report l konversationskraft
KR Schrittweises enthüllen
KR Schrittweises enthüllen
KR Feedback geben
15%Quelle: Infografik Checkout Report l konversationskraft
KR Feedback geben - Passworteingabe
KR Feedback geben - Passworteingabe
KR
Usabilityguy
!
Feedback geben - Passworteingabe
KR
Usabilityguy
Fehlermeldung: „Das Passwort muss mindestens 1 Zahl enthalten“
Feedback geben - Passworteingabe
KR
Usabilityguy1
!
Feedback geben - Passworteingabe
KR
Usabilityguy1
Fehlermeldung: „Das Passwort muss mindestens 1 Sonderzeichen enthalten.“
Feedback geben - Passworteingabe
KR
Usabilityguy1%!
!
Feedback geben - Passworteingabe
KR
Usabilityguy1%!
Fehlermeldung: „Keine Leerzeichen oder % oder ~ < >;“
Feedback geben - Passworteingabe
KR
Usabilityguy123!!!
!
Feedback geben - Passworteingabe
KR
!Usabilityguy123!!!
Fehlermeldung: „Das Passwort darf keine
aufsteigende oder absteigende Buchstaben- bzw. Zahlenfolge enthalten.“
Feedback geben - Passworteingabe
Quelle: Usability in Germany l www.mint.com
KR Feedback geben - Passworteingabe
Regeln anzeigen Eingaben anzeigen
Stärkemesser anzeigen
Konzentrieren auf wesentliche Use-Cases
KR Minimalismus
!!!!
Motorischen Aufwand verringern
!!!
!!!!
Lernaufwand verringern
!!!
!!!!
Wichtiges hervorheben
!!!
!!!!
Komplexität reduzieren
!!!
Fazit
„Gute Usability entsteht durch die richtigen Fragen, Einfühlungsvermögen und explorativem Ausprobieren.“
Christopher Möhle - Votum