Produktion und Gestaltung Interaktiver Medien

was muss man beachten:

Navigation

Es muss jederzeit klar sein, wo man sich befindet, um was für eine Seite es sich handelt und wie ich auf die Startseite zurück komme. Das erreiche ich durch Hervorhebung aktiver Menü und Kategorie-Punkte zur besseren Orientierung. Bei größeren Projekten bieten sich Navigationspfade oder Sitemaps für die Übersichtlichkeit an. Zuviel Kreativität bei der Gestaltung der Navigation kann zu eingeschränkter Benutzerfreundlichkeit führe. Menüpunkte (Navigation) sollten dem Besucher zeigen, wo er sich gerade befindet.

Schrift und Hintergrund

Wähle eine angemessene Schriftgröße die nicht zu klein ist.
Dunkle Hintergründe bei viel Text vermeiden.

Schwaches Kontrastverhältnis von Schrift zu Hintergrund vermeiden.
Unterschiedliche Textfarbe und Schriftstile können die Benutzerfreundlichkeit erheblich beeinträchtigen. Die Seite wirken dadurch unübersichtlich und verwirrend. Man sollte sich auf wenige Farben beschränken (ca 2-3) und gängige Schriftarten wählen. Verzichten sie auf  exotische, schwer leserliche Schriftarten.

Vermeiden Sie grauer Text auf grauen Hintergrund zu plazieren.

Die Lesegewohnheit kommt bei vielen aus den Printmedien (Spaltensatz), daher vermeiden sie zu lange Lauftexte, der Leser verrutscht dadurch schneller in der Zeile.(Unterstrichene Texte die keine Links sind, Links die nicht als solches zu erkennen sind.)

Startseite

nur Logo oder Intro Animation auf der Startseite ist zu wenig. Wenn möglich Intros vermeiden, sie kosten den Betrachter nur Zeit und Geduld. Außerdem können sich Intros negativ auf das Google Ranking  auswirken, da die Inhalte möglicherweise nicht sauber indizieren werden können.

Achten sie darauf, dass der Besucher auf der Startseite bereits weiß, um was es geht! Vermeiden sie nichtssagende Startseiten.

browserspezifisches Web-Design

Die Webseite sollte auf allen Browsern und Plattformen annähernd gleich dargestellt werden. Browserspezifisches Webdesign bedeutet eine technologisches Aussperrung von Besuchern. Verfallen Sie nicht dem Irrglaube das Barrierefreiheit nur Blinde betrifft.
Ignorieren Sie nicht die Webstandards!!

Suchmaschienenoptimierung

Geben Sie mindestens Title, description und Keywords an.
Keywords sollen nicht über 20 Zeilen lang sein.
Vermeiden Sie es versteckte Seitenelemente für Suchmaschinen zu integrieren (versteckte DIVs), dies kann sich negativ auf das Ranking auswirken.
Vergessen Sie nicht die Seite bei Suchmaschinen erst anzumelden wenn sie fertig ist

keine Popup-Fenster einbauen

Hintergrund Musik

Besucher soll selbst wählen können ob Sie Hintergrundmusik zu Ihrer Webseite hören wollen oder nicht. Außerdem kann automatische Hintergrundmusik zu einer langen Ladezeit führen.

Flash & Animationen

Die Benutzerfreundlichkeit bleibt hier oft auf der Strecke, sie stellt eine Barriere für viele (Sehbehinderte, motorisch Eingeschränkte, Benutzer von Textbrowsern, PDA Nutzer, Apple usw. Suchmaschinenrobots) dar. Vorallem Flash wird nicht von jedem Browser, Server oder mobilen Endgerät unterstützt!!

Zuviele Animationen können auf einer Webseite auch verwirrend sein. Nehmen Sie Überschriften, Aufzählungen oder Fettschrift um Schwerpunkte und wichtiges Hervorzuheben.

horizontaler Scrollbalken

früher waren 620px oder 780px bzw 960px Standards. Heute liegt die Standartauflösung im Schnitt bei 1024 px bis 1200px. Ein horizontaler Scrollbalken verringert Benutzerfreundlichkeit!

Optimierung bei Streaming Media

Internetverbindungen sind nicht bei jedem schnell, DSL zwar Standard aber noch nicht überall, viele greifen noch auf UMTS zurück, deshalb bieten sie verschiedene Auflösungen an und vermeiden sie lange Ladezeit - der Benutzer klicken schnell weiter

veralteter Content

Es reicht nicht die Homepage einmal online zu stellen, professioneller Betreiber achtet auf Aktualität!!

(Grundlagen der Typographieregeln beachten)