Heute stelle ich die wichtigsten Präsentationskriterien von Informationselementen einer Website dar:
1) Lesbarkeit Informationselemente
- Größe: Alle Elemente müssen groß genug sein, damit der Besucher diese leicht entdecken und lesen bzw. entziffern kann.
- Kontrast: Ist der Kontrast zwischen den Elementen und ihrem Hintergrund ausreichend?
Informationsstruktur: Ein gutes Webdesign definiert sich dadurch, dass es dem Besucher die Struktur der Informationspräsentation aufzeigt - sowohl die der ganzen Website als auch der einzelnen Seite. Zeigen die visuellen Muster die logischen und funktionalen Beziehungen zwischen den Informationselementen auf? Sind Anteile und Größe der Informationselemente in einem ausgewogenen Verhältnis zueinander?
Gruppierung: Werden verwandte Elemente bspw. durch grafische Begrenzungen, gleiche Helligkeit, Farbe oder Textur gruppiert? Werden nicht-verwandte Elemente optisch voneinander unterschieden oder auf unterschiedlichen Seiten dargestellt?
- Abstufung von Bedeutung: Wird eine "Abstufung der Bedeutung" einzelner Elemente im Verhältnis zu anderen Elementen durch verschiedene Grafikelemente unterstützt? Aufmerksamkeit für wichtige Informationselemente auf den Seiten kann durch Farbgebung, Platzierung, Größe, Isolierung, Komplexität und Kontrast erreicht werden.
Reihenfolge: Unterstützt das Design die Reihenfolge, in der der Besucher die Informationselemente wahrnehmen soll?
3) Lesbarkeit Text
Schrifttyp: Wird eine serifenlose Schrift wie z. B. Verdana oder Arial für den Text eingesetzt?
Schriftgröße: Wird für Text, der am Bildschirm gelesen werden soll, eine 12- oder 16-Punkt-Schrift eingesetzt?
- Textausrichtung: Ist der Text für die Lektüre am Bildschirm linksbündig gesetzt?
Zeichenlänge: Besteht eine Zeile aus 40 bis 60 Zeichen?
Zeichenabstand: Beträgt der Zeilenabstand zwischen 50% und 100% der Schriftgröße?
- Absätze: Werden Absätze durch Leerzeilen voneinander getrennt und nicht durch Einrückung?
Überschriften: Definieren Überschriften und Unterüberschriften die Beziehungen zwischen den Textteilen, die sie ankündigen? Texte lassen sich mit Überschriften sehr gut strukturieren.
Vermeidung von: Wörter in Großbuchstaben; Fett- und vor allem Kursivdruck; nicht mehr als zwei unterschiedliche Schriftfarben;
4) Verwendung von Bildern und Illustrationen
Wird bei der Verwendung von eigenen Illustrationen, Bildern oder Grafiken auf ein stimmige Bildsprache und einheitliches Aussehen geachtet?
Erläuternder Text: Sind alle Grafiken beschriftet, so dass sie so interpretiert werden, wie beabsichtigt?
Aussehen und Wahrnehmung: Grafiken (Bilder, Illustrationen) sind sinnvoll, wenn sie zeigen sollen, wie etwas aussieht. Sie sind sinnvoll, wenn sie Wahrnehmungsqualitäten beschreiben: Farbe, Textur, Muster, Form, relative Größe, Standort, Orientierung, Anordnung oder Aussehen.
-
Ladezeit: Sind die Grafik-Dateien minimiert? Werden alle Grafiken angezeigt?
Beschriftung: Verfügen alle Icons über eine Beschriftung und einen Text im Alt-Tag?
- Vertrautheit: Ist die Bedeutung der Icons allgemein bekannt und wird ohne Erklärung zweifelsfrei verstanden werden? Es gibt nur wenige Symbole bzw. Icons, die von Besuchern zweifelsfrei erkannt werden. Dazu gehören die Schere, das Druckersymbol, die aufklappende Aktenmappe und das Diskettensymbol.
6) Die Verwendung von Icons
Animationen nur einsetzen wenn:
- Eine zeitlich bedingte Veränderung gezeigt oder ein Ablauf simuliert werden soll.
Bis zum nächsten Eintrag in der Kategorie "Prinzipien Website-Usability"...
Alex