Prinzipien des Webdesigns

Sie gestalten für alle Menschen

Das Web ist die Lösung einer konkreten Problemstellung: Wie kann ich Information in einem Computernetzwerk so darbieten, dass möglichst viele Menschen an verschiedenen Computern (mit verschiedenen Betriebssystemen), an verschiedenen Ausgabemedien diese Information lesen und weiterverarbeiten können.

Als GestalterInnen haben Sie noch zusätzlich einen ästhetischen Anspruch an die Darstellung der Information, dieser ästhetische Anspruch kann aber nie im Widerspruch zur Funktion stehen. Form follows function, nicht form is more important than function.

Alle Webseiten die Sie produzieren sind für möglichst viele Menschen lesbar und navigierbar, unabhängig von individueller Beeinträchtigung (Fehlsichtigkeit, Blindheit, eingeschränkte Fingerfertigkeit) oder verwendetem Ausgabegerät (Größe des Monitors, alter oder neuer Computer, Windows- oder Apple- oder Linux-Computer, Handy oder Handheld, Braille Ausgabeziele oder Vorlese-Programm).

firefox_css_deaktivieren — Deaktivieren von CSS im Firefox

Konkreter Test:

Betrachten Sie Ihre Webseite mit einem text-only Browser wie lynx, oder mit einem entsprechenden Webservice.
Deaktivieren Sie im Firefox das Stylesheet: Ansicht > Webseiten-Stil > Kein Stil
Verändern Sie die Größe des Browserfensters. Bleibt der wichtige Teil der Seite (ohne horizontal zu scrollen) sichtbar?
Schalten Sie Javascript aus und testen Sie die Webseite.
Testen Sie die Webseite mit Internet Explorer und Firefox auf Windows, und mit Safari und Firefox auf Apple.

Konkrete Tipps:

Texte immer als HTML-Text, nie als Bild-Datei.
Nicht vom eigenen Bildschirm, von der eigenen Scharfsichtigkeit ausgehen!
Schriftgrößen unter 12px sind praktische nicht mehr lesbar – bitte nicht mehr verwenden…

Nebenwirkungen:

Wenn Ihre Seite für Blinde mit einem Text-Only Browser zugänglich sind, dann sind sie das auch für Suchmaschinen. Der Bot von Google ist blind, er kann Schrift auf Bildern nicht lesen. Dieses erste Prinzip verbessert also den Rang Ihrer Seite bei Suchmaschinen

Die gestalterische Herausforderung des Mediums

Alle Webseiten die Sie produzieren sind für die Zielgruppe passend übersichtlich und verständliche und schön gestaltet. „Schönheit“ ist also kein absoluter Begriff, sondern relativ zum Zielpublikum, zur intendierten Botschaft und zu den Eigenschaften des Mediums Web zu sehen.

Eine Eins-zu-Eins Umsetzung eines Print-Designs ist nicht akzeptabel!

Sie können ja auch nicht in der Video-Lehrveranstaltung Ihren Song mit einem Standbild kombinieren und das dann als Musikvideo abgeben. Das Web ist ein anderes Medium als Print, Sie müssen dieses Medium kennen und nutzen lernen!

Konkreter Test:

Vergrößern Sie das Browserfenster auf die maximale Größe auf dem Monitor mit der höchsten Auflösung zu dem sie Zugang haben: Gibt es noch etwas interessantes zu sehen, oder bleibt nur eine Briefmarke auf weißem Grund?
Verändern Sie die Schriftgröße (mit STRG + und STRG - // ⌘ + und ⌘ -). Bleibt das Layout Ihrer Webseite bei 2 Vergrößerungs/Verkleinerungs-Schritten erhalten?
Testen Sie die Webseite mit Internet Explorer und Firefox auf Windows, und mit Safari und Firefox auf Apple. Sie muss nicht überall perfekt gleich aussehen, aber alle Inhalte müssen auf jeden Fall sichtbar, lesbar, navigierbar sein!

Konkrete Tipps:

Nutzen Sie alle CSS-Eigenschaften, nutzen Sie alle Gestaltungsmöglichkeiten
Nutzen Sie gezielt flexible und fixen Layouts in CSS.

Prinzipien des Webdesigns

Form follows function!

Sie gestalten für alle Menschen

Konkreter Test:

Konkrete Tipps:

Nebenwirkungen:

Die gestalterische Herausforderung des Mediums

Konkreter Test:

Konkrete Tipps:

Bitte bewerten Sie den Artikel!

Wie interessant ist der Artikel?

Was würde Sie noch interessieren?

Bitte erzählen Sie uns etwas über sich

Möchten Sie uns noch etwas mitteilen?