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




 Markus Angermeier | kosmar.de | nerdwideweb.com | weare...
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 | wear...
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 ...
Usability

Blogs sind auch Software
Vor Blogs sitzen Menschen




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

Aufgabenangemessenheit
Selbstbeschreibungsfähigkeit
Steuerbarkeit
Erwartungskonformität
Fehlertoleranz
Lernförd...
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...
Artikelnavigation

Unklarheiten:
Ist die Überschrift ein Link?
Mehrere Links zum gleichen Ziel?
Links im Artikel unklar be...
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     ...
LayerPop

Interaktionssicherheit.
Wann passiert was?




 Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabe...
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 | wearewh...
Mediengerecht
iPhone, iPod, Android: wptouch plugin




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




Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.c...
Upcoming SlideShare
Loading in...5
×

Blogs und Usability

898

Published on

15 minutes lightning talk at re:publica 09

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
898
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Blogs und Usability

  1. 1. 15 Minuten Blogs und Usability re:publica’09 09-04-02, Berlin Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
  2. 2. Usability Gebrauchstauglichkeit Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
  3. 3. Usability Accessibility = Zugänglichkeit Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
  4. 4. Usability Accessibility > Usability Usability > Accessibility Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
  5. 5. Usability DIN EN ISO 9241 Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
  6. 6. 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
  7. 7. Usability Blogs sind auch Software Vor Blogs sitzen Menschen Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
  8. 8. Usability Aufgabenangemessenheit Selbstbeschreibungsfähigkeit Steuerbarkeit Erwartungskonformität Fehlertoleranz Lernförderlichkeit Individualisierbarkeit Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
  9. 9. Navigation Häh? Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
  10. 10. Navigation Huh? Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
  11. 11. Navigation Hmpf Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
  12. 12. Navigation Pff Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
  13. 13. Navigation Aha Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
  14. 14. Navigation Soso Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
  15. 15. Navigation Prev/Next Problem Chronologie Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
  16. 16. Navigation Fremd/Fachsprache meiden: Sitemap, Blogroll, Permalink, About Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
  17. 17. 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
  18. 18. Artikelnavigation Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
  19. 19. Artikelnavigation Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
  20. 20. Unklare Linkziele Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
  21. 21. Besuchte Links Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
  22. 22. a:link a:visited a:focus a:hover a:active Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
  23. 23. a:link lord a:visited vader’s a:focus former a:hover handle a:active anakin Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
  24. 24. LayerPop Interaktionssicherheit. Wann passiert was? Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
  25. 25. LayerPop Automatisch beim Link-Hover? Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
  26. 26. LayerPop Besser nur beim Icon. Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
  27. 27. LayerPop Besser nur beim Klick. Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
  28. 28. Captcha Problem: Verständnis. Zugänglichkeit. Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
  29. 29. Leserbindung Greetbox, Rating, Similar Posts Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
  30. 30. Leserbindung L10N? Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
  31. 31. Mediengerecht Volltextfeeds sind besser Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
  32. 32. Mediengerecht print.css http://bueltge.de/wp-druckversion/ Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
  33. 33. Mediengerecht iPhone, iPod, Android: wptouch plugin Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com
  34. 34. Vielen Dank Download: http://slideshare.net/kosmar Markus Angermeier | kosmar.de | nerdwideweb.com | wearewhitelabel.com

×