SlideShare ist ein Scribd-Unternehmen logo
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
Typo3 Barcamp Usability Gesetze
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.
Typo3 Barcamp Usability Gesetze
Typo3 Barcamp Usability Gesetze
Typo3 Barcamp Usability Gesetze
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

Weitere ähnliche Inhalte

Andere mochten auch

eBusiness Lösung - Erklärvideo Mittels kurzer Videos komplexe Themen leicht v...
eBusiness Lösung - Erklärvideo Mittels kurzer Videos komplexe Themen leicht v...eBusiness Lösung - Erklärvideo Mittels kurzer Videos komplexe Themen leicht v...
eBusiness Lösung - Erklärvideo Mittels kurzer Videos komplexe Themen leicht v...
eBusiness-Lotse Darmstadt-Dieburg
 
Erstellen sie eine unverbindliche offerte
Erstellen sie eine unverbindliche offerteErstellen sie eine unverbindliche offerte
Erstellen sie eine unverbindliche offerte
jolie111
 
C1.2 Goethe Institut Rio Vortrag - Stockhausen: Musik und Erfindung
C1.2 Goethe Institut Rio Vortrag - Stockhausen: Musik und ErfindungC1.2 Goethe Institut Rio Vortrag - Stockhausen: Musik und Erfindung
C1.2 Goethe Institut Rio Vortrag - Stockhausen: Musik und Erfindung
Jorge L. Santos
 
BUREASE - The Social Bureau.
BUREASE - The Social Bureau.BUREASE - The Social Bureau.
BUREASE - The Social Bureau.
Hermann del Campo
 
SokaHH: Testen von Rich-Web-UI (German)
SokaHH: Testen von Rich-Web-UI (German)SokaHH: Testen von Rich-Web-UI (German)
SokaHH: Testen von Rich-Web-UI (German)
Mark Michaelis
 
Daniel boone
Daniel booneDaniel boone
Daniel boone
hcveronica405
 
Organisations-Coaching statt mit Einzel-Coachings scheitern (DBVC Coaching Ko...
Organisations-Coaching statt mit Einzel-Coachings scheitern (DBVC Coaching Ko...Organisations-Coaching statt mit Einzel-Coachings scheitern (DBVC Coaching Ko...
Organisations-Coaching statt mit Einzel-Coachings scheitern (DBVC Coaching Ko...
Christoph Schlachte
 
S17 5
S17 5S17 5
Fashion Class of 2015 - CH
Fashion Class of 2015 - CHFashion Class of 2015 - CH
Fashion Class of 2015 - CH
Stylight
 
Vision 250 leben
Vision 250 lebenVision 250 leben
Vision 250 leben
kmu-laufental
 
Tiger in-shanghai-d-04 b
Tiger in-shanghai-d-04 bTiger in-shanghai-d-04 b
Tiger in-shanghai-d-04 b
Maya Albrecht
 

Andere mochten auch (13)

eBusiness Lösung - Erklärvideo Mittels kurzer Videos komplexe Themen leicht v...
eBusiness Lösung - Erklärvideo Mittels kurzer Videos komplexe Themen leicht v...eBusiness Lösung - Erklärvideo Mittels kurzer Videos komplexe Themen leicht v...
eBusiness Lösung - Erklärvideo Mittels kurzer Videos komplexe Themen leicht v...
 
Erstellen sie eine unverbindliche offerte
Erstellen sie eine unverbindliche offerteErstellen sie eine unverbindliche offerte
Erstellen sie eine unverbindliche offerte
 
E businesslotse meinungsmacher_im_web_april_2013
E businesslotse meinungsmacher_im_web_april_2013E businesslotse meinungsmacher_im_web_april_2013
E businesslotse meinungsmacher_im_web_april_2013
 
C1.2 Goethe Institut Rio Vortrag - Stockhausen: Musik und Erfindung
C1.2 Goethe Institut Rio Vortrag - Stockhausen: Musik und ErfindungC1.2 Goethe Institut Rio Vortrag - Stockhausen: Musik und Erfindung
C1.2 Goethe Institut Rio Vortrag - Stockhausen: Musik und Erfindung
 
BUREASE - The Social Bureau.
BUREASE - The Social Bureau.BUREASE - The Social Bureau.
BUREASE - The Social Bureau.
 
SokaHH: Testen von Rich-Web-UI (German)
SokaHH: Testen von Rich-Web-UI (German)SokaHH: Testen von Rich-Web-UI (German)
SokaHH: Testen von Rich-Web-UI (German)
 
Daniel boone
Daniel booneDaniel boone
Daniel boone
 
Organisations-Coaching statt mit Einzel-Coachings scheitern (DBVC Coaching Ko...
Organisations-Coaching statt mit Einzel-Coachings scheitern (DBVC Coaching Ko...Organisations-Coaching statt mit Einzel-Coachings scheitern (DBVC Coaching Ko...
Organisations-Coaching statt mit Einzel-Coachings scheitern (DBVC Coaching Ko...
 
S17 5
S17 5S17 5
S17 5
 
Der ölwechsel
Der ölwechselDer ölwechsel
Der ölwechsel
 
Fashion Class of 2015 - CH
Fashion Class of 2015 - CHFashion Class of 2015 - CH
Fashion Class of 2015 - CH
 
Vision 250 leben
Vision 250 lebenVision 250 leben
Vision 250 leben
 
Tiger in-shanghai-d-04 b
Tiger in-shanghai-d-04 bTiger in-shanghai-d-04 b
Tiger in-shanghai-d-04 b
 

Ähnlich wie Typo3 Barcamp Usability Gesetze

CQRS, der etwas andere Architekturansatz
CQRS, der etwas andere ArchitekturansatzCQRS, der etwas andere Architekturansatz
CQRS, der etwas andere Architekturansatz
OPEN KNOWLEDGE GmbH
 
Day CQ 5.3 WCM - Was ist neu
Day CQ 5.3 WCM - Was ist neuDay CQ 5.3 WCM - Was ist neu
Day CQ 5.3 WCM - Was ist neu
Cédric Hüsler
 
Der perfekte Microservice
Der perfekte MicroserviceDer perfekte Microservice
Der perfekte Microservice
OPEN KNOWLEDGE GmbH
 
E-Commerce User Experience & Usability
E-Commerce User Experience & UsabilityE-Commerce User Experience & Usability
E-Commerce User Experience & Usability
INM AG
 
Design OOA OOD
Design OOA OODDesign OOA OOD
Design OOA OOD
Jeffrey Groneberg
 
SEO Produktspezifikation für RWD
SEO Produktspezifikation für RWDSEO Produktspezifikation für RWD
SEO Produktspezifikation für RWD
Conny Stier
 
Business-Mehrwert durch KI
Business-Mehrwert durch KIBusiness-Mehrwert durch KI
Business-Mehrwert durch KI
OPEN KNOWLEDGE GmbH
 
eparo – Online-Konzeption (Vortrag ADC Young Masters 2012 – Rolf Schulte Stra...
eparo – Online-Konzeption (Vortrag ADC Young Masters 2012 – Rolf Schulte Stra...eparo – Online-Konzeption (Vortrag ADC Young Masters 2012 – Rolf Schulte Stra...
eparo – Online-Konzeption (Vortrag ADC Young Masters 2012 – Rolf Schulte Stra...
eparo GmbH
 
RoofTop Brains & BBQ: Ein Gästbuch für China
RoofTop Brains & BBQ: Ein Gästbuch für ChinaRoofTop Brains & BBQ: Ein Gästbuch für China
RoofTop Brains & BBQ: Ein Gästbuch für China
Johann-Peter Hartmann
 
Rails goes SOA
Rails goes SOARails goes SOA
Rails goes SOA
Dirk Breuer
 
Java EE meets Microservices
Java EE meets MicroservicesJava EE meets Microservices
Java EE meets Microservices
OPEN KNOWLEDGE GmbH
 
Mojo, Twitter und Konsorten
Mojo, Twitter und KonsortenMojo, Twitter und Konsorten
Mojo, Twitter und Konsorten
Philipp Naderer
 
UX & AGILE vom SCRUM Stammtisch Graz
UX & AGILE vom SCRUM Stammtisch GrazUX & AGILE vom SCRUM Stammtisch Graz
UX & AGILE vom SCRUM Stammtisch Graz
HAnnes Robier
 
Hilfe, ich will meinen Monolithen zurück!
Hilfe, ich will meinen Monolithen zurück!Hilfe, ich will meinen Monolithen zurück!
Hilfe, ich will meinen Monolithen zurück!
OPEN KNOWLEDGE GmbH
 
Webinar: Vom Schrauber in die Cloud – Wie geht die Anbindung an das SAP Cloud...
Webinar: Vom Schrauber in die Cloud – Wie geht die Anbindung an das SAP Cloud...Webinar: Vom Schrauber in die Cloud – Wie geht die Anbindung an das SAP Cloud...
Webinar: Vom Schrauber in die Cloud – Wie geht die Anbindung an das SAP Cloud...
Trebing & Himstedt Prozeßautomation GmbH & Co. KG
 
E-Commerce vs Architektur CodeTalks.Commerce_2018
E-Commerce vs Architektur CodeTalks.Commerce_2018E-Commerce vs Architektur CodeTalks.Commerce_2018
E-Commerce vs Architektur CodeTalks.Commerce_2018
Johann-Peter Hartmann
 
Stefan Matt - Wieviel Anforderungsmanagement brauchen wir (noch)?
Stefan Matt - Wieviel Anforderungsmanagement brauchen wir (noch)?Stefan Matt - Wieviel Anforderungsmanagement brauchen wir (noch)?
Stefan Matt - Wieviel Anforderungsmanagement brauchen wir (noch)?
Patrick Fritz
 
From Zero to still Zero: Die schönsten Fehler auf dem Weg in die Cloud
From Zero to still Zero: Die schönsten Fehler auf dem Weg in die CloudFrom Zero to still Zero: Die schönsten Fehler auf dem Weg in die Cloud
From Zero to still Zero: Die schönsten Fehler auf dem Weg in die Cloud
OPEN KNOWLEDGE GmbH
 
Geschnitten oder am Stück - Von der Produktvision zu guten Anforderungen
Geschnitten oder am Stück - Von der Produktvision zu guten AnforderungenGeschnitten oder am Stück - Von der Produktvision zu guten Anforderungen
Geschnitten oder am Stück - Von der Produktvision zu guten Anforderungen
Ramon Anger
 

Ähnlich wie Typo3 Barcamp Usability Gesetze (20)

CQRS, der etwas andere Architekturansatz
CQRS, der etwas andere ArchitekturansatzCQRS, der etwas andere Architekturansatz
CQRS, der etwas andere Architekturansatz
 
Day CQ 5.3 WCM - Was ist neu
Day CQ 5.3 WCM - Was ist neuDay CQ 5.3 WCM - Was ist neu
Day CQ 5.3 WCM - Was ist neu
 
Der perfekte Microservice
Der perfekte MicroserviceDer perfekte Microservice
Der perfekte Microservice
 
E-Commerce User Experience & Usability
E-Commerce User Experience & UsabilityE-Commerce User Experience & Usability
E-Commerce User Experience & Usability
 
Design OOA OOD
Design OOA OODDesign OOA OOD
Design OOA OOD
 
SEO Produktspezifikation für RWD
SEO Produktspezifikation für RWDSEO Produktspezifikation für RWD
SEO Produktspezifikation für RWD
 
Business-Mehrwert durch KI
Business-Mehrwert durch KIBusiness-Mehrwert durch KI
Business-Mehrwert durch KI
 
eparo – Online-Konzeption (Vortrag ADC Young Masters 2012 – Rolf Schulte Stra...
eparo – Online-Konzeption (Vortrag ADC Young Masters 2012 – Rolf Schulte Stra...eparo – Online-Konzeption (Vortrag ADC Young Masters 2012 – Rolf Schulte Stra...
eparo – Online-Konzeption (Vortrag ADC Young Masters 2012 – Rolf Schulte Stra...
 
RoofTop Brains & BBQ: Ein Gästbuch für China
RoofTop Brains & BBQ: Ein Gästbuch für ChinaRoofTop Brains & BBQ: Ein Gästbuch für China
RoofTop Brains & BBQ: Ein Gästbuch für China
 
Rails goes SOA
Rails goes SOARails goes SOA
Rails goes SOA
 
Java EE meets Microservices
Java EE meets MicroservicesJava EE meets Microservices
Java EE meets Microservices
 
Mojo, Twitter und Konsorten
Mojo, Twitter und KonsortenMojo, Twitter und Konsorten
Mojo, Twitter und Konsorten
 
UX & AGILE vom SCRUM Stammtisch Graz
UX & AGILE vom SCRUM Stammtisch GrazUX & AGILE vom SCRUM Stammtisch Graz
UX & AGILE vom SCRUM Stammtisch Graz
 
Hilfe, ich will meinen Monolithen zurück!
Hilfe, ich will meinen Monolithen zurück!Hilfe, ich will meinen Monolithen zurück!
Hilfe, ich will meinen Monolithen zurück!
 
Webinar: Vom Schrauber in die Cloud – Wie geht die Anbindung an das SAP Cloud...
Webinar: Vom Schrauber in die Cloud – Wie geht die Anbindung an das SAP Cloud...Webinar: Vom Schrauber in die Cloud – Wie geht die Anbindung an das SAP Cloud...
Webinar: Vom Schrauber in die Cloud – Wie geht die Anbindung an das SAP Cloud...
 
E-Commerce vs Architektur CodeTalks.Commerce_2018
E-Commerce vs Architektur CodeTalks.Commerce_2018E-Commerce vs Architektur CodeTalks.Commerce_2018
E-Commerce vs Architektur CodeTalks.Commerce_2018
 
Agiles bpm
Agiles bpmAgiles bpm
Agiles bpm
 
Stefan Matt - Wieviel Anforderungsmanagement brauchen wir (noch)?
Stefan Matt - Wieviel Anforderungsmanagement brauchen wir (noch)?Stefan Matt - Wieviel Anforderungsmanagement brauchen wir (noch)?
Stefan Matt - Wieviel Anforderungsmanagement brauchen wir (noch)?
 
From Zero to still Zero: Die schönsten Fehler auf dem Weg in die Cloud
From Zero to still Zero: Die schönsten Fehler auf dem Weg in die CloudFrom Zero to still Zero: Die schönsten Fehler auf dem Weg in die Cloud
From Zero to still Zero: Die schönsten Fehler auf dem Weg in die Cloud
 
Geschnitten oder am Stück - Von der Produktvision zu guten Anforderungen
Geschnitten oder am Stück - Von der Produktvision zu guten AnforderungenGeschnitten oder am Stück - Von der Produktvision zu guten Anforderungen
Geschnitten oder am Stück - Von der Produktvision zu guten Anforderungen
 

Typo3 Barcamp Usability Gesetze