Gestaltung der Webnavigation
Eine gut strukturierte und gestaltete Navigation ist die wichtigste Vorraussetzung für die Usability einer Website. Sie führt den Nutzer zu den relevanten Bereichen und zeigt an, wo dieser sich befindet.
Hauptmenü
Ein Hauptmenü verdeutlicht, welche Inhalte eine Website anbietet und macht sie auf strukturierte Art und Weise zugänglich. Gleichzeitig wird den Nutzern ihre aktuelle Position in der Seitenstruktur vermittelt. Das Hauptmenü ist im Normalfall das wichtigste Navigations-Element. Der erste Schritt bei der Konzeption oder Überarbeitung einer Website ist die Auswahl wichtiger Inhalte und ihrer Strukturierung.
Card Sorting
...bezeichnet die Gruppierung und Benennung von Inhalten einer Website. Die Ergebnisse werden in einer Informationsstruktur zusammengefasst.
Wann: Card Sorting wird in der Konzeptions- und Analysephase angewendet. Es kann schnell und günstig ausgeführt werden.
Wer: Wenn möglich Meinungen von bereits vorhandenen Nutzern einholen. Auswertung von Umfragen durch erfahrene Experten.
Wo: Usability-Labor, beim Kunden, Online...
Tools: Analog oder mit desktop- / software-basierten, bzw. Online-Werkzeugen
Menü - Darstellungsformen
Vertikales Menü: Enthält die Hauptmenüpunkte und ggf. Untermenüpunkte untereinander aufgelistet. Untermenüpunkte können auch erst eingeblendet werden, wenn der jeweilige Bereich aktiv ist (vertikales Dropdown). Ein vertikales Menü wird von den Nutzern meist links des eigentlichen Inhalts erwartet.

Vorteil: Anzeige von mehr Menüpunkten und Ebenen als im horizontalem Menü
Nachteil: Weniger auffällig platziert
Horizontales Menü: Hauptmenü und ggf. zweite Navigationsebene befinden sich oben. Zur Darstellung dieser Form werden häufig Tabs verwendet.

Vorteil: Mehr Platz für Inhalte auf Website
Nachteil: Anzahl der Menüpunkte ist durch Breite der Seite begrenzt.
Kombiniertes Menü: Die ersten Menü-Ebenen befinden sich oben auf der Seite, weitere Menüebenen werden ggf. in einem vertikalen Menü angezeigt.
Dynamische Menüs: Sowohl bei vertikalen als auch horizontalen Menüs einsetzbar. Sie öffnet weitere Navigationsebenen bei Mouse-Over oder einem Klick.

Vorteil: Es wird weniger Platz benötigt
Nachteil: Nicht alle Ebenen sind sofort sichtbar
Globale Navigation
zusätzlich zu den Hauptinhalten werden oft wichtige Links und Funktionen, die nicht in die allgemeine Struktur der Seite passen, im Hauptmenü oder darüber angezeigt, damit sie überall auf der Seite zugänglich sind (Links zum Impressum oder Sitemap, Suchfunktion oder Sprachmenü). Ein etablierter Standart ist dabei ein Logo oben links, das den Nutzer immer zur Startseite zurückführt.

Ein Online-Formular kann auf zwei Arten verschickt werden:

Einmal mit der „GET“ Methode dort werden die Daten in Form von Parametern an die URL angehängt und mit dieser sichtbar verschickt. Auf dem Server bzw. auch später im Browser kann auf diese Parameter zurückgegriffen werden. Nachteil: Die Daten sind im Browser sichtbar und es kann keinerlei Sicherheit gewährt werden, zudem können auch maximal nur 1000 Zeichen verschickt werde.

Zweite Methode wäre die „POST“ -Variante, dort werden die Daten mit Hilfe des http-Protokolls im Header der Daten übertragen. Dadurch sind diese für den User unsichtbar. Daten, die mit dem Post verschickt werden, können auch verschlüsselt werden. Neben Textdaten können auch binäre Informationen (z.B. Bilder) verschickt werden. Die Datenmenge ist nicht begrenzt.

Aufgaben eines Formulars

Mit Hilfe von Formularen können Informationen des Benutzers zum Webserver
übertragen und dort ausgewertet werden. Dieses zentrale Element interaktiver Webseiten ermöglicht beispielsweise:
• Suchmaschinen
• Übertragen von Benutzerdaten z. B. Anschrift, Bankverbindung,
• Auswählen und Bestellen von Waren im Webshop,
• Kommunizieren über Gästebücher, Foren, Chats.

Während die Elemente eines Formulars in HTML geschrieben werden, ist
zur Verarbeitung der eingegebenen Formulardaten eine Skriptsprache wie JavaScript bzw. PHP erforderlich.

Für ein Online-Formular gibt es unterschiedliche Formular-Felder / Boxen:

Versteckte Felder sind für den Nutzer unsichtbar und dienen der Übertragung
von Informationen, ohne dass der Benutzer etwas eingeben muss.
Dies könnte beispielsweise die Bestellnummer oder der Preis eines bestellten
Artikels sein.

Gestaltung von Formularen

Pflichtfelder

Durchgesetzt hat sich die Methode, Pflichtfelder mit einem Stern (*) zu markieren.

Der Hinweis, dass es sich hierbei um ein Pflichtfeld handelt (Legende), sollte über den Textfeldern stehen. Sollte also vor der Eingabe seiner Daten zu lesen sein, da es sich bei dem Stern auch um optionale Eingabefelder handeln könnte.

Weniger ist mehr. Mit Pflichtfeldern ist natürlich gewissenhaft umzugehen. Datenpreisgabe ist für die Meisten nachwievor ein sensibles Thema.

Fehlermeldung

Das wichtigste: Gut sichbar unterbringen!

Der User muss sofort sehen, dass etwas nicht geklappt hat. Eine verständlicher Einzeiler sollte den User auf das Problem hinweisen.

Optimalerweise wird das fehlerhafte Eingabefeld markiert um den User schnell zum korrekten Abschicken des Formulares zu führen.