Rheinwerk Computing < openbook >

 
Inhaltsverzeichnis
Vorwort
1 Prinzipien des modernen Webdesigns
2 Projektmanagement
3 Konzeption und Strategie
4 Responsive Webdesign
5 Informationsarchitektur
6 Gestaltungsgrundlagen
7 Screendesign
8 Layout und Raster
9 Farbe im Webdesign
10 Typografie
11 Bilder und Grafiken
12 Navigations- und Interaktionsdesign
13 Webdesign-Stile und -Trends
14 Animationen
15 Website-Typen
16 Tipps, Tricks und Tools
Stichwortverzeichnis

Download:
- Beispieldateien, ca. 3.64 MB

Buch bestellen
Ihre Meinung?

Spacer
<< zurück
Webdesign von Martin Hahn
Das Handbuch zur Webgestaltung
Buch: Webdesign

Webdesign
Pfeil 12 Navigations- und Interaktionsdesign
Pfeil 12.1 Die Gestaltung der Hauptnavigation
Pfeil 12.1.1 Position
Pfeil 12.1.2 Umsetzung
Pfeil 12.1.3 Gestaltung
Pfeil 12.1.4 Dropdown-Menü
Pfeil 12.1.5 Mega-Dropdown-Menü
Pfeil 12.1.6 Kreative Navigationen
Pfeil 12.1.7 Feste Navigation
Pfeil 12.2 Die Gestaltung der Subnavigation
Pfeil 12.3 Die Gestaltung der Metanavigation
Pfeil 12.4 Die Gestaltung der Footer-Navigation
Pfeil 12.5 Navigation auf mobilen Endgeräten – responsive Navigation
Pfeil 12.5.1 Top-Nav – alles so lassen
Pfeil 12.5.2 Footer-Navigation – ganz ans Ende
Pfeil 12.5.3 Einfaches Toggle-Menü – Ein- und Ausblenden
Pfeil 12.5.4 Multi-Toggle
Pfeil 12.5.5 Off-Canvas-Menü – Rein- und Rausfahren
Pfeil 12.5.6 Weitere allgemeine Gestaltungstipps für eine mobile Navigation
Pfeil 12.6 Weitere Navigationsmittel
Pfeil 12.6.1 Links
Pfeil 12.6.2 Individuelle Linkunterstriche
Pfeil 12.6.3 Buttons
Pfeil 12.6.4 Die Suchfeld-Navigation
Pfeil 12.6.5 Weitere Navigationselemente
Pfeil 12.7 Formulare
Pfeil 12.7.1 Die Komponenten eines Formulars
Pfeil 12.7.2 Eingabefelder
Pfeil 12.7.3 Rückmeldungen
Pfeil 12.7.4 Validierung
Pfeil 12.7.5 Die User Experience bei Formularen
Pfeil 12.7.6 Formulare mit HTML5
 
Zum Seitenanfang

12.3    Die Gestaltung der Metanavigation Zur vorigen ÜberschriftZur nächsten Überschrift

Die Metanavigation ist in den letzten Jahren zu einem wichtigen Navigationselement geworden. Inhalte, die wichtig für die Seite sind, aber für die in der Hauptnavigation kein Platz ist bzw. die nicht zwingend gefunden werden müssen, werden in die Metanavigation »ausgelagert«. Der Begriff Serviceinhalte wird gerne dafür verwendet.

Der Klassiker: Bei vivacis.de steht die Metanavigation rechts oben in der Ecke.

Abbildung 12.38    Der Klassiker: Bei vivacis.de steht die Metanavigation rechts oben in der Ecke.

Bei einigen Webseiten taucht die Metanavigation im Footer auf, bei anderen im Kopfbereich. Während die linke Seite des Headers für das Logo vorgesehen ist, steht sie fast immer in der oberen rechten Ecke. Bestimmte Inhalte wie »Kontakt«, »Impressum« oder die Suche werden hier vom Anwender schon automatisch vermutet.

Da die Metanavigation etwas weniger bedeutend ist als die Hauptnavigation, was nicht heißt, dass ihre Inhalte unbedeutend sind, ist sie eigentlich immer dezenter gestaltet als diese. Häufig ist sie in kleiner dunkler (schwarzer oder dunkelgrauer) Schrift gesetzt.

Die Metanavigation wird selten durch visuelle Effekte wie Farbflächen, Trennlinien oder Ähnliches abgesetzt. Die dezente Textgestaltung reicht in den meisten Fällen aus, um zu signalisieren, dass es sich um eine Metanavigation handelt.

 


Ihre Meinung?

Wie hat Ihnen das Openbook gefallen? Wir freuen uns immer über Ihre Rückmeldung. Schreiben Sie uns gerne Ihr Feedback als E-Mail an kommunikation@rheinwerk-verlag.de

<< zurück
 Zum Rheinwerk-Shop
Zum Rheinwerk-Shop: Webdesign Webdesign
Jetzt Buch bestellen

 Buchempfehlungen
Zum Rheinwerk-Shop: HTML5 und CSS3
HTML5 und CSS3


Zum Rheinwerk-Shop: Praxisbuch Usability und UX
Praxisbuch Usability und UX


Zum Rheinwerk-Shop: Responsive Webdesign
Responsive Webdesign


Zum Rheinwerk-Shop: Website-Konzeption und Relaunch
Website-Konzeption und Relaunch


Zum Rheinwerk-Shop: UX Writing und Microcopy
UX Writing und Microcopy


Zum Rheinwerk-Shop: WordPress 5
WordPress 5


Zum Rheinwerk-Shop: Stile & Looks
Stile & Looks


Zum Rheinwerk-Shop: Digitale Illustration
Digitale Illustration


 Lieferung
Versandkostenfrei bestellen in Deutschland, Österreich und in die Schweiz
InfoInfo

 
 


Copyright © Rheinwerk Verlag GmbH 2020
Für Ihren privaten Gebrauch dürfen Sie die Online-Version natürlich ausdrucken. Ansonsten unterliegt das <openbook> denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt.
Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

 
[Rheinwerk Computing]

Rheinwerk Verlag GmbH, Rheinwerkallee 4, 53227 Bonn, Tel.: 0228.42150.0, Fax 0228.42150.77, service@rheinwerk-verlag.de

Cookie-Einstellungen ändern