Peter Rozek

Dieser Artikel stellt die wichtigsten Eigenschaften des Screendesigns heraus und möchte deutlich machen, dass die theoretischen Grundlagen Parallelen zur semantischen Struktur eines HTML-Dokuments zeigen.

Screen-Design

Das Design ist die Domäne, in der die Interaktion zwischen Benutzer und Produkt strukturiert wird, um effektive Handlungen zu ermöglichen (Gui Bonsiepe 1996)

Nutzerfreundliches Screendesign und die Benutzbarkeit von Webseiten ist für den Nutzer erst gegeben wenn, funktionale, strukturierte, semantische, ästhetische und harmonische Zusammenhänge wahrnehmbar, verständlich und bedienbar sind. Im Wesentlichen setzt sich das Screendesign aus fünf Elementen zusammen:

• Dem Orientierungselement, womit im Wesentlichen die Erkennbarkeit gemeint ist, d.h., wo sich der Nutzer im Webauftritt befindet.
• Navigationselemente helfen dem Nutzer sich in dem Dokument zu orientieren und bestimmte Bereiche anzusteuern.
• Interaktionselemente dienen dazu bestimmte Aufgaben schneller zu erledigen werden. (z. B. Suchfunktionen oder Formulare)
• Emotionale Elemente sprechen im weitesten Sinne die Gefühle des Nutzers an und sollen ihn neugierig machen und seine Neugierde fördern.
• In dem Inhaltselement werden die eigentlichen Inhalte dargestellt.

Ontologische Design-Diagramm

Gui Bonsiepe hat modernes Design, zum dem auch das Interface als zentrale Kategorie des Designs gehört, durch sein ontologisches Designdiagramm beschrieben. Sein Modell setzt sich aus drei Elementen zusammen:

• den Benutzer,
• die Aufgabe, die vom Benutzer bewältigt werden will,
• und das Werkzeug, dass der Nutzer zum Lösen der Aufgabe benötigt.

Abbildung: Das ontologische Design-Diagramm nach Bonsiepe

Alle drei Bereiche werden durch das Interface verbunden, damit kommt dem Interface eine zentrale Rolle zu. Erst durch das Design und die semantische Struktur wird der Informationsgehalt wahrnehmbar, verständlich und bedienbar. Nur wenn die angebotenen Informationen auch vom Nutzer effektiv genutzt werden können, bekommen diese einen Wert für ihn. Informationen ohne ein effektives Screen-Design oder einer semantischen Struktur haben keinen erkennbaren Wert. Textlich und bildhaft dargestellte Informationen müssen strukturell und semantisch aufbereitet sein, damit der Nutzer Sie auch wahrnehmen, verstehen und gegebenenfalls auch bedienen kann.

Damit der Nutzer die Informationen auch für sich nutzen kann, ist ein gewisses Vorwissen erforderlich. Der Benutzer muss die Relevanz der Informationen erkennen und den Wert für sich einschätzen können. Aufgrund seiner Erfahrung und seines Vorwissen ist es im möglich die Daten in Beziehung zu setzen.

Selektive Wahrnehmung

Die Aufnahmenfähigkeit eines Nutzers ist in gewissen Maße begrenzt und er versucht die Eindrücke unbewusst und permanent zu ordnen. Für die Gestaltung einer Website und noch mehr für eine barrierefreie Website bedeutet dies, Inhalte und Elemente übersichtlich anzuordnen. Webseiten, die nicht erkennbar geordnet sind oder mit Inhalten überfrachtet werden, erfordern eine hohe kognitive Anstrengung, die Inhalte zu strukturieren. Barrierefreie Webseiten sollen es dem Nutzer so einfach wie möglich machen, Inhalte aufzunehmen. Um die Wahrnehmungsfähigkeit des Nutzers zu unterstützen, ist es wichtig einige grundlegende Prinzipien der Kommunikation zu berücksichtigen. Diese Prinzipien wurden von Aaron Marcus wie folgt zusammengefasst:

• Organisationsprinzip: „Gib dem Nutzer eine einfache und konsistente konzeptionelle Struktur.“
• Ökonomieprinzip: „Maximiere die Effektivität eines Sets von Hilfsmitteln.“
• Kommunikationsprinzip: „Passe Deine Präsentation ans die Aufnahmekapazität des Nutzers an.“

Versuchen wir eine Quintessenz aus den Grundprinzipien der Gestaltung, des Kommunikationsprinzip und der Semantik zu ziehen und übertragen diese auf die Gestaltung einer barrierefreien Webseite – kommen ich zu folgendem Ergebnis:

• Screen Design und HTML-Dokument sind als Einheit zu sehen. Für den Frontend Designer bedeutet dies, dass die grafische Benutzeroberfläche eine semantische Entsprechung im HTML-Dokument finden muss.
• Bildschirminformationen brauchen inhaltliche Struktur und Ordnung sowie Semantik
• Screendesign und Dokumenten Struktur sollten kongruent und konsistent sein, damit die Informationen für unterschiedliche Nutzergruppen gleiche Bedeutungen haben.
• Benutzeroberflächen, ob grafisch oder semantisch sollten den Nutzer nicht mit Inhalten zu überfordern. In Bezug auf HTML-Dokumente denke ich hier an den übermäßigen Gebrauch von Sprungmarken.

Je mehr Struktur und Semantik eine Webseite hat, umso einfacher kann der Nutzer die Inhalte wahrnehmen und verstehen. Je mehr Struktur und Semantik vorhanden ist, umso einfacher hat es das menschliche Gehirn bei der Aufnahme der Informationen. Die Strukturierung erfolgt beim Screendesign im Wesentlichen über angewandte Gestaltungsgesetze und beim HTML über den semantisch korrekten Gebrauch des Markup.

Zusammenfassung

Gestaltungstechniken und HTML setzen Elemente in einer Beziehung zueinander und lassen daraus ein Gesamtbild entstehen. Beim Screendesign kommen Gestaltungsgesetze zur Wirkung und der bewusste Gebrauch der Typografie. HTML setzt ebenso Elemente zueinander und schafft eine Einheit, allerdings mehr auf der semantischen Ebene. Erst wenn das Markup entsprechend seiner semantischen und ordnenden Bedeutung eingesetzt wird, entsteht ein HTML-Dokument mit einer universellen Gültigkeit. Durch das Zusammenwirken von Screendesign und HTML wird eine Website für ein breites Publikum wahrnehmbar und bedienbar.

Links

• Thissen, Frank: Kompendium Screen-Design, Effektiv informieren und kommunizieren mit Multimedia, Springer Verlag 2003
• Wikipedia: Interface
• Arndt, Hendrik: Integrierte Informationsarchitektur. Die erfolgreiche Konzeption proffessioneller Websites, Springer Verlag 2006

nach oben