Zum Buch * Praxislinks * Kapitel 5 *

Kapitel 5

Usability Tips

Jens Meiert fasst 58 Tips zur Benutzbarkeit von Websites und der Benutzerfreundlichkeit zusammen: »100 Usability-Tips (Revision)«.

Die Zielgruppe(n) einer Website

Personas sind dabei behilflich, die Zielgruppe(n) zu definieren und vor allem dabei, sie zu verstehen.

Unter einer Persona versteht man ein imaginäres Modell einer Person mit aber denn noch sehr konkreten Eigenschaften, Charakter oder Aussehen.Wikipedia

Das Box-Modell

Zum Box-Modell gibt es einige sehr interessante und gute Artikel im Netz. Diese sind u.a.:

Typetester

Typetester ist eine anschauliche Hilfe bei der Vorauswahl von Schriftarten. Die Übersicht erlaubt die Vorschau eines beliebig einzugebenden Textes in wählbaren Schriftarten, - größen und -stilen.

XHTML Character Entity Reference

Die XHTML Character Entity Reference ist eine sehr schöne anschauliche Übersicht zur Definition von Sonderzeichen.

HTML-Zeichenreferenz

Die HTML-Zeichenreferenz von SELFHTML bietet eine hilfreiche Übersicht zur korrekten Kodierung von Zeichen.

Ein (Sonder-)Zeichen setzen

Gerrit van Aaken beschreibt in Ein (Sonder-)Zeichen setzen den korrekten Umgang mit Sonderzeichen für Texte im Web.

Darstellung von Schriftgrößen in verschiedenen Konfigurationen

Eine Übersicht über die Darstellung verschiedener Schriftgrößen in verschiedenen Browsern und Betriebssystemen hat Owen Briggs für seine Webseite erstellt. 264 Screenshots können miteinander verglichen werden.

How to size text using ems

In How to size text using ems beschreibt Richard Rutter die Hintergründe und Vorteile der Nutzung von em zur Formatierung von Text mittels CSS.

Maßeinheiten, Farbangaben und Wertzuweisung

SELFHTML bietet eine tabellarische Übersicht über Maßeinheiten, Farbangaben und Wertzuweisung bei der Formatierung mittels CSS.

Accessible Text on the Web

Accessible Text on the Web bietet eine kleine Accessibilty Checklist zum Thema Typografie im Web.

  • Is your text resizable in all browsers?
  • If links are not underlined is there another way of identifying links, not including color?
  • Is your body text set to your users default text size? (we will be leniant with this one for the reasons discussed in Sizing Fonts)
  • Do all images have alt text?
  • Does image/flash replacement allow for users with non graphical or non css browsers?

Effective Color Contrast

Effective Color Contrast gibt einen Einblick in die Problematik des Designs für Sehbehinderte.

This web page contains three basic guidelines for making effective color choices that work for nearly everyone. Following the guidelines are explanations of the three perceptual attributes of color -- hue, lightness and saturation -- as they are used by vision scientists.Effective Color Contrast

Vischeck

Vischeck bietet die Möglichkeit, einzelne Bilder oder ganze Webseiten auf potentielle Probleme für Farbenblinde zu testen. Das Programm kann auch auf den eigenen Rechner geladen werden.

Vischeck is a way of showing you what things look like to someone who is color blind. You can try Vischeck online- either run Vischeck on your own image files or run Vischeck on a web page. You can also download programs to let you run it on your own computer. Vischeck

Usability News - Farbenblind durch's Web

Usability News - Farbenblind durch's Web gibt einen Einblick in das Thema Farbenblindheit und bietet weiterführende Links.

Farbschemata

Wer Farbschemata nicht selbst erstellen will, kann auf vorgefertigte zurückgreifen. Colorschemer und The Return of Design sind gute Adressen.

Color Wheel Pro

Color Wheel Pro ist eine Software zur Produktion von Farbschemata.

Die Links zum Buch

Kapitelweise gelistet finden Sie hier die Links zum Buch und andere Informationen.