Chris Cloverman, profile picture
Hochgeladen vonChris Cloverman
2,010 aufrufe

Typo3 Barcamp Usability Gesetze

Das Dokument thematisiert die Bedeutung von Usability in der Softwareentwicklung und erklärt anhand von Beispielen, wie eine benutzerfreundliche Gestaltung die Effizienz steigern und Kosten reduzieren kann. Es wird auf verschiedene Aspekte wie motorischen Aufwand, Lernaufwand, sowie die Wichtigkeit von Konsistenz und visueller Hierarchie eingegangen. Abschließend wird betont, dass gute Usability durch empathisches Design und exploratives Ausprobieren erreicht wird.

Präsentation einbetten

Downloaden Sie, um offline zu lesen
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

Weitere ähnliche Inhalte

PDF
Steuerliche Substanzerfordernisse - Treaty Shopping Luxemburg
vonIAS Fiduciaire S.à r.l.
 
PDF
Usability im eCommerce
vonChris Cloverman
 
PPTX
Pilzinfektion bei Kindern
vonLisa187
 
PDF
eBusiness Leitfaden Groupware software
voneBusiness-Lotse Darmstadt-Dieburg
 
PDF
Penguin 2 0
vonAktiv-Online
 
PDF
S17 - 6
vonCarlos Flores
 
PDF
Unique_Arts_Katalog_2015
vonThomas Ramseier
 
PDF
Fashion Class of 2015 - D_s
vonStylight
 
Steuerliche Substanzerfordernisse - Treaty Shopping Luxemburg
vonIAS Fiduciaire S.à r.l.
 
Usability im eCommerce
vonChris Cloverman
 
Pilzinfektion bei Kindern
vonLisa187
 
eBusiness Leitfaden Groupware software
voneBusiness-Lotse Darmstadt-Dieburg
 
Penguin 2 0
vonAktiv-Online
 
S17 - 6
vonCarlos Flores
 
Unique_Arts_Katalog_2015
vonThomas Ramseier
 
Fashion Class of 2015 - D_s
vonStylight
 

Andere mochten auch

PPT
C1.2 Goethe Institut Rio Vortrag - Stockhausen: Musik und Erfindung
vonJorge L. Santos
 
PDF
Der ölwechsel
vonMister-Auto.de
 
PDF
eBusiness Lösung - Erklärvideo Mittels kurzer Videos komplexe Themen leicht v...
voneBusiness-Lotse Darmstadt-Dieburg
 
PDF
Organisations-Coaching statt mit Einzel-Coachings scheitern (DBVC Coaching Ko...
vonChristoph Schlachte
 
PPTX
BUREASE - The Social Bureau.
vonHermann del Campo
 
PDF
S17 5
vonCarlos Flores
 
PPTX
SokaHH: Testen von Rich-Web-UI (German)
vonMark Michaelis
 
PDF
Vision 250 leben
vonkmu-laufental
 
PPTX
E businesslotse meinungsmacher_im_web_april_2013
voneBusiness-Lotse Darmstadt-Dieburg
 
PDF
Tiger in-shanghai-d-04 b
vonMaya Albrecht
 
PDF
Daniel boone
vonhcveronica405
 
PDF
Fashion Class of 2015 - CH
vonStylight
 
PDF
Erstellen sie eine unverbindliche offerte
vonjolie111
 
C1.2 Goethe Institut Rio Vortrag - Stockhausen: Musik und Erfindung
vonJorge L. Santos
 
Der ölwechsel
vonMister-Auto.de
 
eBusiness Lösung - Erklärvideo Mittels kurzer Videos komplexe Themen leicht v...
voneBusiness-Lotse Darmstadt-Dieburg
 
Organisations-Coaching statt mit Einzel-Coachings scheitern (DBVC Coaching Ko...
vonChristoph Schlachte
 
BUREASE - The Social Bureau.
vonHermann del Campo
 
S17 5
vonCarlos Flores
 
SokaHH: Testen von Rich-Web-UI (German)
vonMark Michaelis
 
Vision 250 leben
vonkmu-laufental
 
E businesslotse meinungsmacher_im_web_april_2013
voneBusiness-Lotse Darmstadt-Dieburg
 
Tiger in-shanghai-d-04 b
vonMaya Albrecht
 
Daniel boone
vonhcveronica405
 
Fashion Class of 2015 - CH
vonStylight
 
Erstellen sie eine unverbindliche offerte
vonjolie111
 

Typo3 Barcamp Usability Gesetze