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?
2) Anordnung Informationselemente 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.
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?
Ü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?
5) Die Verwendung von Icons 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
Technorati Tags:
Usability
Tipps
