Web-Design

Tödliche Fehler auf Ihrer Internetseite

 

Allgemeines
Fonts
Grafik
Tabellen
Navigation
Feedback

 

Allgemeines

  • Maximal 50 KB pro Seite, Betrachter klicken nach 2 bis 10 Sekunden weg, wenn sich nichts tut
  • keine Seite länger als zwei Bildschirme
  • Seite maximal 800 Pixel breit
  • ruhiger Hintergrund, Schrift gut lesbar
  • Textzeilen evtl. mit Spalten/Tabellen begrenzen, Ergebnis auf 15 bis 21-Zöllern überprüfen
    evtl. auch auf verschiedenen Browsern (IE, Navigator, Opera - auch ältere Versionen)
  • Seiteninhalt immer aktuell, d. h. ein zuständiger Pfleger muss vorhanden sein

WB00827_.GIF (132 Byte)

Fonts

Exotische Fonts

Viele Anfänger wollen durch die Auswahl der Schrift auf ihrer Web-Site außergewöhnlich erscheinen, vergessen dabei aber, dass der Betrachter nur dann die ausgewählte Schrift (Comic Sans, Viner Hand, Staccato o. Ä.) sehen kann, wenn diese auf dem PC des Betrachters installiert ist.

Mit hoher Wahrscheinlichkeit sind eigentlich nur folgende Schriften universell:

                 Courier, Times New Roman, Arial, Helvetica

Also sollte zumindest eine dieser Schriften als Ersatzschriftart definiert werden.WB00827_.GIF (132 Byte)

Fontsvielfalt/-größe

Zu viele verschiedene Schriftformatierungen und -größen lassen eine Seite/eine Homepage unruhig und unprofessionell erscheinen. Legen Sie sich auf ein bis max. drei Schriftarten und eine Textschriftgröße für alle Ihre Seiten fest, am besten Schriftgrad 3 = 12 Punkt.

Unterlassen Sie Hauptüberschriften in 36 Punkt (der größtmöglichen Überschrift) - zu aufdringlich, 24 Punkt tun es auch. Für weitere Unterüberschriften bleiben dann 18 und 14 Punkt oder nur 14 Punkt, davon eine kursiv.

Gehen Sie sparsam mit kursiv, fett und Unterstreichung um, heben Sie nur das dadurch hervor, was wirklich wichtig ist.

Gimmicks

Setzen Sie Bewegtes sparsam ein. Maximal 2 bewegte Teile pro Seite, d. h. blinkend, Laufschrift, animiertes Gif etc., am besten sanfte Bewegungen.

WB00827_.GIF (132 Byte)

Grafiken

Zu hohe Auflösung

Ein Bildschirm stellt maximal 96 dots pro Zoll dar, jede höhere Auflösung ist also Unsinn. Als reduzieren Sie jedes Bild, das im Internet genutzt werden soll auf 72 dpi und speichern Sie diese Web-Grafiken separat ab.

Außerdem sollten Grafiken nie in HTML vergrößert/verkleinert werden, die Qualität leidet erheblich.

Platzhalter

Jede Grafik sollte mit Höhe und Breite in Pixel und einem Alternativtext versehen sein, der Browser kann dann beim Laden den entsprechenden Platz freihalten und Text anzeigen. Während der Betrachter den Text liest, werden die Grafiken geladen.WB00827_.GIF (132 Byte)

Format

JPG/JEPG für Grafiken (gut komprimierbar, schöne Farben)
GIF für Text/Schriftzüge (klar und transparent)

Grafik statt Text

Große künstlerische Grafiken senken die Performance, außerdem können Suchroboter wichtige Überschriften, die als Grafiken dargestellt sind, nicht lesen, denn sie ignorieren alle Inhalte von Grafiken.

Wenn nur Teile einer Grafik geändert werden müssen, z. B. bei einer Navigationsgrafik, muss die Grafik zerlegt werden, so dass nicht immer die komplette Datei geladen werden muss, sondern nur das jeweils neue Segment, der Rest kommt schneller aus dem Cache.
WB00827_.GIF (132 Byte)

Out

  • Under Construction
  • animierte Briefkästen/E-Mail
  • animierte Trennlinien
  • animierte "New"-Symbole
  • flatternde (Länder-)Flaggen
  • sichtbare Counter

WB00827_.GIF (132 Byte)

Tabellen

  • Vermeiden Sie verschachtelte Tabellen, da der Aufbau von innen nach außen passiert, dauert er wesentlich länger
  • Teilen Sie lange Tabellen in mehrere Teile, der Betrachter kann den ersten Teil lesen, während der zweite aufgebaut wird
  • Navigation und Überschriften/Header am besten in Tabellen einbetten
  • Für leere Tabellensegmente ein "LeerGif" bereithalten bzw. 2 bis 3 "harte" Leerzeichen eingeben

WB00827_.GIF (132 Byte)

Navigation

  • Der Betrachter muss immer auf einen Blick sehen, wo er sich befindet (z. B. andersfarbige Navigationselemente - Baumstruktur - MouseOver - aber bitte keine Ratespielchen, oder kennen Sie z. B. Verkehrsschilder, die Ihren Inhalt erst mit MouseOver preisgeben?)
  • Textlinks müssen aussagekräftig sein
  • Der Betrachter muss immer einen "Home-Rettungsanker" und ein Kontaktsymbol sehen
  • Bei längeren Seiten müssen Textmarken als Sprungmarken den Betrachter schnell nach oben, an die gewünschte Stelle bringen.
  • Links müssen getestet werden und funktionieren! Sie sollten sich an den Standard (dunkelblau/violett) halten (es soll täglich neue Internetnutzer geben) oder einen wirklich guten Grund für eine Änderung haben - evtl. erklären? - da Besucher sich schlechter zurecht finden - ungewohnt - und evtl. die Seite früher verlassen
  • Evtl. eine Volltextsuche integrieren

WB00827_.GIF (132 Byte)

Schnelle Antwort

Briefkästen müssen täglich gecheckt werden und Antworten sollten innerhalb von maximal 24 Stunden erfolgen - besser schneller

 

WB00827_.GIF (132 Byte)

Vincent Flanders, Amerikas größter Web-Site-Kritiker sagt:
Springen Sie mit dem Fallschirm aus einem Flugzeug und drücken Sie im selben Moment die Enter-Taste Ihres Notebooks, um Ihre Homepage zu laden. Ziehen Sie erst die Reißleine, wenn Ihre Seite vollständig geladen ist ... und sorgen Sie dafür, dass Ihre Nachfahren die Seite überarbeiten.

einige Anregungen und Details aus: internet world januar 2000                    Bernd Wittmann, B12