15 Minuten
Blogs und Usability
re:publica’09
09-04-02, Berlin




 Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
Usability

Gebrauchstauglichkeit




 Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
Usability

Accessibility = Zugänglichkeit




 Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
Usability

Accessibility > Usability
Usability > Accessibility




 Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
Usability

DIN EN ISO 9241




Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
Die software-ergonomischen
Kriterien der ISO-Norm 9241-10

Aufgabenangemessenheit
Ein Dialog ist aufgabenangemessen, wenn er den Benutzer unterstützt, seine Arbeitsaufgabe effektiv und effizient zu erledigen.

Selbstbeschreibungsfähigkeit
Ein Dialog ist selbstbeschreibungsfähig, wenn jeder einzelne Dialogschritt durch Rückmeldung des Dialogsystems unmittelbar verständlich ist
oder dem Benutzer auf Anfrage erklärt wird.

Steuerbarkeit
Ein Dialog ist steuerbar, wenn der Benutzer in der Lage ist, den Dialogablauf zu starten sowie seine Richtung und Geschwindigkeit zu
beein ussen, bis das Ziel erreicht ist.

Erwartungskonformität
Ein Dialog ist erwartungskonform, wenn er konsistent ist und den Merkmalen des Benutzers entspricht, z.B. seinen Kenntnissen aus dem
Arbeitsgebiet, seiner Ausbildung und seiner Erfahrung sowie allgemein anerkannten Konventionen.

Fehlertoleranz
Ein Dialog ist fehlertolerant, wenn das beabsichtigte Arbeitsergebnis trotz erkennbar fehlerhafter Eingaben entweder mit keinem oder mit
minimalem Korrekturaufwand seitens des Benutzers erreicht werden kann.

Lernförderlichkeit
Ein Dialog ist lernförderlich, wenn er den Benutzer beim Erlernen des Dialogsystems unterstützt und anleitet.

Individualisierbarkeit
Ein Dialog ist individualisierbar, wenn das Dialogsystem Anpassungen an die Erfordernisse der Arbeitsaufgabe sowie an die individuellen
Fähigkeiten und Vorlieben des Benutzers zulässt.




   Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
Usability

Blogs sind auch Software
Vor Blogs sitzen Menschen




 Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
Usability

Aufgabenangemessenheit
Selbstbeschreibungsfähigkeit
Steuerbarkeit
Erwartungskonformität
Fehlertoleranz
Lernförderlichkeit
Individualisierbarkeit

 Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
Navigation

Häh?




Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
Navigation

Huh?




Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
Navigation

Hmpf




Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
Navigation

Pff




Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
Navigation

Aha




Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
Navigation

Soso




Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
Navigation
Prev/Next Problem




Chronologie




 Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
Navigation

Fremd/Fachsprache meiden:
Sitemap, Blogroll, Permalink, About




 Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
Artikelnavigation

Unklarheiten:
Ist die Überschrift ein Link?
Mehrere Links zum gleichen Ziel?
Links im Artikel unklar benannt.




 Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
Artikelnavigation




Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
Artikelnavigation




Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
Unklare Linkziele




Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
Besuchte Links




Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
a:link
a:visited
a:focus
a:hover
a:active

Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
a:link                        lord
a:visited                     vader’s
a:focus                       former
a:hover                       handle
a:active                      anakin

Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
LayerPop

Interaktionssicherheit.
Wann passiert was?




 Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
LayerPop




Automatisch beim Link-Hover?

 Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
LayerPop




Besser nur beim Icon.

 Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
LayerPop




Besser nur beim Klick.

 Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
Captcha




Problem: Verständnis. Zugänglichkeit.

 Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
Leserbindung
Greetbox, Rating, Similar Posts




 Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
Leserbindung




L10N?



Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
Mediengerecht




Volltextfeeds sind besser

 Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
Mediengerecht
print.css




http://bueltge.de/wp-druckversion/

 Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
Mediengerecht
iPhone, iPod, Android: wptouch plugin




 Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
Vielen Dank
Download:
http://slideshare.net/kosmar




Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com

Blogs und Usability