Webdesign
Inhaltsverzeichnis
Einführung Webdesign
Das World Wide Web als Massenmedium
Das WWW ist eine riesige Informationsdatenbank, in der es Millionen von Seiten gibt, die theoretisch für alle Menschen zugänglich sind. Es gibt hier kein Fachpublikum wie bei Printmedien, wodurch klar wird, dass im Netz klar strukturierte, knappe Informationen zählen, die nicht auf eine bestimmte Zielgruppe zugeschnitten sind. Alle Bildungsschichten, alle Altersgruppen, Menschen jeder Herkunft können eine Präsentation im Internet aufrufen und anschauen.
Einheitsdesign?
Es stellt sich die Frage, ob alle Seiten im WWW unterschiedlich geschrieben werden, oder es auch hier ähnlich den Printmedien Standards gibt, die eingehalten werden sollten oder gar müssen, um jedem, der dies will, den uneingeschränkten Zugang zu den Online-Informationen zu gewähren.
Wenn es dabei Richtlinien, also Style Guides gibt, worin liegen die Vorteile, diese zu befolgen?
Style Guides:
Mit den so genannten Style Guides, ist es möglich:
- Die ergonomische Qualität und Konsistenz zu sichern
- Ein fundiertes Know-how für die Entwicklung zukünftiger Applikationen zu bieten
- Die Entwicklungszeiten zu reduzieren
- Eine hohe Konsistenz zwischen den verschiedenen Applikationen zu bewahren
und
- Eine hohe Bediensicherheit und Zufriedenheit beim Anwender zu gewährleisten.
(vgl. Heidmann, Frank. Web Design. Guidelines und Standards. 2002.)
Um diese Maxime erfüllen zu können, müssen informative Seiten klar und simpel, funktionell, übersichtlich und strukturiert konzipiert werden.
Die Handhabbarkeit von Webseiten soll mit Hilfe von Webdesign sichergestellt werden (vgl. Interface Design. TerminosaurusRex. 2002.)
Webdesign vs. Design von Printmedien
Wieso ist Design im Netz anders als bei Printmedien?
Bei gedruckten Medien gibt es im Gegensatz zu elektronischen Medien nur eine Ausgabe ohne Abweichungen, nämlich das Druckbild, welches vom Designer entworfen wurde.
Im Internet hingegen ist es nicht möglich, eine einheitliche Ausgabe zu gewährleisten, da es verschiedene Betriebssysteme, Browser, Schriftarten (Fonts), Monitore mit unterschiedlichen Auflösungen, Verbindungsgeschwindigkeiten, unterschiedliche Nutzereinstellungen, Ausgabegeräte (PC, Laptop, TV, Handhelds, Mobiltelefone) etc. gibt, die die designte Seite völlig unterschiedlich aussehen lassen.
| Schon früh zog es die Grafiker aus dem Print ins Web. Sie versuchten, dem Internet die Charakteristika des Papiers aufzuzwängen, oder experimentierten mit den unendlichen Möglichkeiten des neuen Mediums.
Aber Internet ist kein Papier hinter Glas. Wer aus dem Printdesign kommt, wird sich von traditionellen "fixen" Ideen verabschieden müssen. [...] Wir können über die Technik des Displays beim Besucher höchstens Vermutungen anstellen. (Häßler, Ulrike. Cascading Style Sheets. Stil mit <Stil>. 2003. S.27.) |
Der entscheidende Schritt nach vorn
Als Designer hat man keine andere Wahl, als die unterschiedliche Darstellung der erstellten Internetpräsenz zu akzeptieren, und das Ziel des Webdesigns darin zu sehen, die Seite unter allen Umständen benutzbar (usable) und zugänglich (accessible) für den Besucher zu entwerfen.
Die graphische Benutzerschnittstelle (Graphical User Interface)
Kommunikation von Mensch zu Maschine
Der Nutzer muss fähig sein, die Seite mit allen Features wie Formularen, Suchmasken, Downloadmöglichkeiten u.ä. auf Anhieb bedienen zu können.
Ein Besucher soll auf die folgenden Fragen zu jedem Zeitpunkt der Nutzung der Webpräsenz Antwort erhalten:
- Ort (site): Wo befinde ich mich?
- Modus (mode): Was kann ich hier tun?
- Weg (trail): Wie bin ich hierher gekommen? Wohin kann ich noch? Wie?
Vorsicht ist beim Neugestalten vertrauter Bedienelemente geboten, denn der User kann leicht den Überblick und die Orientierung verlieren.
| DIN-Norm: Kriterien für das Design ergonomischer Benutzerschnittstellen :
Grundsätze der Dialoggestaltung
(DIN 66 234 Teil 8) |
Accessibility - Zugänglichkeit
Wann gilt eine Seite als zugänglich?
Eine Seite gilt als zugänglich, wenn der Zugang zum Inhalt der Seite unabhängig vom Nutzer und der von ihm genutzten technischen Austattung (sowohl Hardware wie das Ausgabegerät als auch Software wie der Internetbrowser) gewährleistet ist.
Verschiedene unbekannte technologische Bedingungen:
Beim Webdesign gilt zu beachten, dass man auf die Gegebenheiten beim Nutzer keinen Einfluss hat. Dazu gehören:
- Unbekannte Browser (Internet Explorer, Netscape, Firefox, Mozilla, Opera... in verschiedenen Versionen)
- Unbekanntes Betriebssystem (Windows, Unix, Macintosh...)
- Unbekannte Display-Auflösung (von Handy-Display bis hochauflösender TFT)
- Unbekannte Benutzereinstellungen (Schriftgröße, Farbeinstellungen, JavaScript support...)
- Unbekannte Fenstergröße
- Unbekannte Verbindungsgeschwindigkeit (von Modem bis High-Speed DSL)
- Unbekannte Farben (Ausgabe auf Monitor, Interpretation des Browsers)
- Unbekannte Schriftarten (Nutzereinstellungen, Einstellungen im Browser oder Betriebssytem)
| On the web, we have to give up WYSIWYG [What You See Is What You Get] because pages will look noticeably different on various devices: A big monitor has about one hundred times as many pixels as a handheld device, and a fast T3 line transports data a thousand times faster than a modem. Indeed, looking different is a feature, not a bug, because an optimal user experience requires adjustments to the characteristics of each device. The more specialized or low-end the device, the stricter the requirement for web content to morph into something suited for the platform. The only way to make this happen is for designers to give up full control and let the presentation of their pages be determined by an interplay of page specifications and the preference settings and other characteristics of the client device: cascading style sheets.
(Nielsen, Jakob. Designing Web Usability. 2000. S. 82.) |
Unterschiedliche Bedürfnisse der Nutzer
Zu unterschiedlichen Bedürfnissen zählt selbstverständlich auch das Eingehen auf besondere Gegebenheiten bei Behinderten.
Bei Sehbehinderten zum Beispiel sollte darauf geachtet werden, dass die Schriftgröße im Dokument verändert werden können muss, um Fonts auch ohne Verwendung Bildschirmlupe sehr groß anzeigen zu lassen. Es gilt außerdem, Farbkonflikte bei Farbenblinden zu beachten. Rot und Grün sollten so verwendet werden, dass niemals mit Rot auf grünem Untergrund oder umgekehrt gearbeitet wird. Diese Farben werden beide als grau erkannt, und können somit nur schlecht oder gar nicht auseinandergehalten werden.
Bei Hörgeschädigten hingegen sollte man bei Multimedia-Elementen darauf achten, immer Erläuterungen zum Gezeigten zu geben. (Es könnte u.U. auch sein, dass diese Inhalte vom Browser unterdrückt werden, wenn entsprechende Einstellungen vorgenommen wurden.)
Im Webdesign gilt ohnehin, dass eine Seite auch ohne Bilder und Movies aussagekräftig sein muss, und man sowohl Graphiken als auch andere multimediale Inhalte niemals ohne Erläuterungen einstellen sollte.
Usability - Benutzbarkeit
Was macht eine Seite benutzbar?
Um als benutzbar zu gelten, sollte eine Seite folgende Eigenschaften aufweisen: Unmittelbare Verständlichkeit, Effizienz und Einprägsamkeit. Fehler von der Seite des Benutzers sollten die Seite nicht unbenutzbar machen (z.Bsp. durch Abbruch, Fehlermeldungen ohne Möglichkeiten der Berichtigung), sie müssen also korrigierbar sein.
Als Fazit sollte der Nutzer in erster Linie zufrieden sein mit dem, was ihm geboten wird.
(nach Nielsen, Jakob. Gelesen bei Wiesemann, Joachim. Seiten über gutes Webdesign, Usability (Benutzbarkeit) und Accessibility (Zugänglichkeit) mit HTML und CSS. 2002.)
| Usability ist die Effektivität, Effizienz und das Ausmaß der Zufriedenheit, mit dem bestimmte Benutzer spezifizierte Ziele in vorgegebener Umgebung erreichen.
ISO 9241-11|}
Die Usability einer Seite begründet sich auch auf den Gewohnheiten der User, wie z. Bsp. das Aussehen von Links (unterstrichen, blau), die Annahme dass Knöpfe generell klickbar sind, die erwartete Anordnung der Navigation (meist links oder oben), dass Inhalte scrollbar sind, etc. PagedesignWas macht eine gut gestaltete Seite aus? Eine gut designte Seite zeichnet sich durch folgende Eigenschaften aus: Funktionalität, Kontinuität, Einfachheit, Verständlichkeit und klare Strukturen. Die richtige Verwendung von Farben, der richtige Einsatz von Schriftarten und -typen, Bildern und Graphiken sowie das Layout der Seite sollen dabei helfen, gut auszusehen.
Um die gewünschten Effekte zu erzielen, gilt es, auf folgende Aspekte des Pagedesign besonders zu achten:
Content (Inhalt) einer SeiteGuter Inhalt? Was ein 'guter Inhalt' eines Informationssystems ist, ist schwer zu definieren, denn Informationen sind subjektiv und können nicht eindeutig festgelegt werden. Trotzdem kann objektiv zwischen nötigem und unnötigem Inhalt entschieden werden, weshalb sich Webdesigner folgender Regel bewusst sein sollten: Selbst gut designter schlechter Inhalt nützt niemandem.
Da Nutzer am Bildschirm weniger Bereitschaft zeigen, lange Fließexte zu lesen als in Printmedien, sollte auf diese gänzlich verzichtet werden. Relevante, interessante und vor allem themenbezogene Inhalte sollten ohne Umschweife preisgegeben werden. Außerdem ist der Text gut und gut ersichtlich zu strukturieren, und im Sinne des Hypertext in kleinere Einheiten aufzuspalten. Der Designer muss ebenso darauf achten, die richtige Sprache zu verwenden, das heisst die Texte erstens zielgruppenorientiert darzustellen, zweitens auf Fachbegriffe weitestgehend zu verzichten (sollten Fachbegriffe verwendet werden, brauchen sie unbedingt eine Erklärung). Drittens sollte beachtet werden, kurze Sätze ohne Floskeln anzuwenden, sowie Modesprache dringend zu unterbinden (Formulierungen wie 'trendy', 'phat', etc.). Es muss dem Designer ständig bewusst sein, dass seine Site von Nutzern der unterschiedlichsten Zielgruppen besucht werden kann - Jugendliche, Kinder, Erwachsene, ungebildete und gebildete Personen bishin zu Akademikern können zum Beispiel durch den Link in einer Suchmaschine auf die Site gelangen. Sie alle, ohne Ausnahme, müssen die Seite benutzen können und nach Möglichkeit auch die Informationen finden, nach denen sie gesucht haben.
TechnologienWas soll? Es stellt sich die Frage, was das Ziel des Webdesign ist.
Es sollte auf folgende Faktoren geachtet werden, um die vorher definierten Ziele zu erfüllen: Die Site muss eine "strukturierte Flexibilität" aufweisen, das bedeutet durch ein gutes Layout die Site strukturieren, und flexibel genug sein, so dass der User in der Lage ist, eigene Einstellungen beizubehalten und die Site nach seinen Vorstellungen anzupassen.
Natürlich kann man die Page auch mit Zusatzmerkmalen ausstatten, solange diese optischen "Bonbons" die Technik nicht behindern.
Es muss unbedingt alles beim Design vermieden werden, was den Zugriff und die Benutzbarkeit der Site behindert. Sie dürfen nicht von bestimmten technischen Gegebenheiten abhängen. Es sollte keine starre Vorgaben wie fixe Schriftgrößen geben, und es dürfen keine unaufgeforderten Aktionen passieren.
Im folgenden werden Vor- und Nachteile verschiedener Technologien des Webpublishing erläutert, die für Publikationen im Internet genutzt werden können.
Strukturierte FlexibilitätDer Wunschtraum Als 'eierlegende Wollmilchsau' der Webdesigner könnte man wohl "Einheitsuser" bezeichnen, die alle dasselbe Surfverhalten haben, die alle dieselben Anforderungen und Bedürfnisse an das Webdesign haben. Ausserdem wünschenswert wären einheitliche Standards, die von allen Browsern unterstützt werden sowie eine flexible Auszeichnungssprache, mit der alles möglich ist.
Natürlich haben die unter 'Der Wunschtraum' angegebenen Forderungen nichts mit der Realität zu tun. Vielmehr verucht man sich mit den Gegebenheiten der verschiedenen unbekannten technologischen Bedingungen auf guten Fuß zu stellen, und das bestmögliche zu erreichen, obwohl man sicher sein kann, dass es WYSIWYG im Webpublishing nicht oder jedenfalls nicht in naher Zukunft geben kann und wird. Der sicherste Ansatz auch Hinsicht der Akzeptanz des W3-Konsortiums besteht darin, Webseiten in HTML (Hypertext Markup Language) in Kombination mit CSS (Cascading Style Sheets) zu beschreiben. Dies bietet einen guten Ansatz zur Konformität, Einfachheit und Funktionalität im Web. Allerdings gibt es für diese Veröffentlichungstechnologie noch keine einheitliche Unterstützung, verschiedenste Probleme entstehen durch die gravierenden Unterschiede der Hard- und Software, sowie der persönlichen Einstellungen der Nutzer. Dies wird durch die Ausbreitung des Internets auf den verchiedensten Plattformen auch so bleiben. Webdesigner werden sich also weiterhin auf die Suche nach Konformität begeben müssen.
Als Webdesigner bleibt es unausweichlich, up-to-date zu bleiben und neue Techniken und Technologien anwenden, sobald sie Standard geworden sind. Es ist und war immer wichtig, sich an bestehende Standards halten, um die Usability und die Accessibilty von Websites garantieren zu können.
Abschließend bleibt zu sagen, dass gutes Webdesign ist eine große Herausforderung ist und bleibt, deren Belohnung der Erfolg ist, wenn Accessibilty und Usability soweit wie möglich gewährleistet werden, und man es schafft, Stil mit Praktikabilität, Struktur mit Flexibilität zu vereinen.
ReferenzenOnline
Printmedien
|
