Ziel

Dem Benutzer soll möglichst viel Information angeboten werden – bei gleichzeitiger Minimierung des Suchaufwandes.

Übersichtliche Navigation

Dies sollte einerseits durch ein klares Navigationsschema, andererseits durch kurze Ladezeiten erreicht werden.
Das Navigationssystem ermöglicht es, eine Drei-Ebenen-Hierarchie auf einen Blick darzustellen. In der Kopfleiste sind die vier Hauptkapiteln anzuwählen, im linken Menüstreifen die betreffenden Seiten. Wo es nötig war, wurde eine vierte Ebene angelegt, z.B. bei detaillierten Beschreibungen von Zubehörprodukten

Die HP verwendet eine Mixed-Hierarchy-Strukturierung, das bedeutet, daß zwischen den Ebenen und auch zwischen Hauptkapiteln gesprungen wird, wo es sinnvoll ist. Der Benutzer hat so Zugang zu themenverwandten Seiten, ohne das ausgewählte Kapitel zu verlassen.

Es wird darauf geachtet, keine redundanten Informationen zu speichern. Daraus ergibt sich, daß statt der einer Telefonnummer oder Kontaktadresse ein Link zur Seite angegeben ist, wo die betreffende Information gespeichert ist.

Weniger Grafik – kürzere Ladezeiten

Auf Grafiken wurde weitgehend verzichtet, um Ladezeiten kurz zu halten. Außerhalb des Kopfes finden Bilddateien nur dort Verwendung, wo sie wesentliche Erklärungsfunktion haben. Damit sollen auch mit Modemverbindungen kurze Reaktionszeiten erreicht werden. Die Seite ist selbst dann navigier- und lesbar, wenn der Benutzer die Bilddarstellung seines Browsers deaktiviert hat.

Bildschirmgröße

Die Frame-Struktur ist so konzipiert, daß die Seite mit allen Bildschirmgrößen (ab 600 x 800) problemlos benutzt werden kann. (Dazu war es wichtig, das Layout des Text-Frames flexibel zu gestalten, was zur Folge haben kann, daß bei großen Bildschirmen die Textzeilen lang und schwerer lesbar werden.) In diesem Fall kann der Textfluß einfach durch Veränderung der Fensterbreite den individuellen Lesegewohnheiten angepaßt werden.
Ihre Kritik ist wichtig

Bitte teilen Sie uns auf der Feedback-Seite Ihre Kritik und Anregungen mit, damit wir unser Angebot weiter optimieren können.

Tabellen

Tabellen finden in unterschiedlichen Größen und Variationen Verwendung. Die Breite wird stets als Fixgröße und nicht prozentuell vorgesehen, sie sollte einen Wert von 600 Pixel nicht überschreiten. (Cell Padding und Cell Spacing = default, Border = 0)

Die Kopfzeile wird als "Header" makiert und erhält so ihre Grundfarbe, sowie die weiße, fett gesetzte Schrift. Hier steht ein eindeutiger, kurzer Titel, der keine Klammerausdrücke enthält. Die zweite Zeile hat weißen Grund und enthält in Fetter Schrift die Spaltenbeschreibung, die ausschließlich einzeilig ist. Die eigentlichen Inhaltszellen haben grauen Grund (#CCCCCC), die Zellen können nach Bedarf zusammengelegt werden.

Die Zellen enthalten keine fett gesetzten Zeichen und keine sichtbaren Links, um die klare Struktur nicht durch Unterstreichungen zu stören. Wird ein Link gesetzt, so wird er mit dem Style "hiddenlink" belegt.

Zelleninhalte können bei Bedarf grün hervorgehoben werden (Emphasis), um Änderungen zu kennzeichnen.