Webdesign-Tutorial, Hilfe zur Gestaltung der eigenen Homepage

Usability und Struktur

Einer der wichtigsten Faktoren beim Webseiten-Bau ist die Usability einer Seite. Denn es heißt, je besser ein Nutzer eine Seite bedienen kann und sie für ihn logisch aufgebaut ist, desto mehr Besucher werden die Seite anschauen.

Ich liste nun alle wichtigen Dinge in Bezug auf Usability auf:

• Kompatiblität

  Als Webdesigner sollte man browserunabhängig und betriebssystemunabhängig entwickeln. Das heißt, eine Webseite muss mit jedem Browser in jedem gewöhnlichen Betriebssystem benutzbar sein. Das schließt jedoch nicht mit ein, dass das Layout / Design beim Anzeigen perfekt bleibt. Es kann ruhig ein wenig verzerrt (gilt eigentlich nur für den Netscpae 4.x) sein, solange man sich noch auf der Seite leicht zurechtfinden kann.

• Auflösung

  Der Streit um eine Standardauflösung für das Webdesign hat sich mittlerweile gelegt und ich würde behaupten inoffiziell wird von allen Webmastern 800 x 600 Pixel als Standard angesehen. Wie man bei Webhits sehen kann surfen noch ca. 5 % der User mit einer Auflösung von 800 x 600 Pixeln. Unter diesen 5 % könnten einige potenzielle Kunden lauern, deshalb ist es wichtig auch für diese User die Page für eine Auflösung von 800 x 600 Pixeln zu optimieren.

• Schriftenlesbarkeit

  Es ist schon schwer genug Texte auf dem Bildschirm zu lesen und trotzdem gibt es einige Leute, die meinen, alles von ihren Usern abverlangen zu können. Lange Texte werden grundsätzlich nicht gerne von Leuten auf dem Bildschirm gelesen, es sei denn sie suchen gezielt bestimmte Informationen und wollen sie nicht ausdrucken. Trotzdem sollte in jedem Fall die Schrift klar zu lesen sein. Am traditionellsten und besten ist schwarz auf weiß.

  Gelber Text ist hier zum Beispiel fast nicht zu erkennen

  Blauer Text lässt sich auf Rot eigentlich gar nicht lesen

  Schwarze / dunkle Schriftfarben lassen sich auf hellen Pastellfarben gut lesen

  Auch sehr helle Schrift auf sehr dunklem Hintergrund lässt sich relativ gut lesen

• Ladezeiten

  Wenn es eine Sache gibt die User am meisten erfreut, dann sind es bestimmt gute Ladezeiten. Besonders für Modem und ISDN User sind kurze Zeiten beim Laden einer Internetseite von großem Vorteil, sie sparen einfach Geld. schnelle Ladezeiten erreicht man durch eine gute Bildkompression und einen geschickten Aufbau mit Tabellen, Frames oder CSS, der möglichst wenig Code in Anspruch nimmt. Auch Datenlastige Elemente (z.B. Javaapplets, Flashanimationen, riesige Textpassagen, große Hintergrundgrafiken, etc.) kann man bestimmt in ihrer Datenmenge optimiern oder, sofern möglich, komplett entfernen.

• Animationen

  Abgesehen von der psychologischen Wirkung von blinkenden Elementen auf einer Seite begegnet man dem Thema auch aus der Sicht der Usability, in der Animationen große Datenmengen bedeuten und folglich schlechte Auswirkungen auf die Ladezeit haben, mit Vorsicht. Ein Besucher ist von blinkenden oder sich bewegenden Dingen eher genervt, als an ihnen interessiert. Animationen sollten wirklich, wenn überhaupt, nur benutzt werden um eine ganz bestimmte Wirkung zu erzeugen, um z.B. Interesse für einen wichtigen Teil der Website zu wecken.

Ist euch schon mal aufgefallen, dass das Grundgerüst von Webseiten während man surft meistens gleich bleibt und sich oft nur etwas am Inhalt ändert?

Es ist wichtig, dass ein Aufbau während des Surfens für einen User gleich bleibt, damit er nicht verwirrt wird und die Seite für ihn zu einem Rätsel wird. Deshalb muss die Navigation von Anfang an am gleichen Platz sein. Das gleiche gilt für ein Logo und den Inhaltsbereich. Natürlich kann es auch Bereiche geben, in denen sich der Inhalt ändert (zwangsläufig der Inhaltsbereich), aber das ganze darf nicht zu sehr aus dem Rahmen springen.

Dasselbe gilt für die Hintergrundfarbe des Inhaltsbereiches. Diese sollte auf jeder (!) Seite die gleiche sein. Auch andere Bereiche sollten ihre Hintergrundfarbe, wenn es geht, nicht zu häufig ändern.

Weiter mit "Scribble / Entwurf erstellen"