1. Juni 2009 von Dieter | 2 Kommentare | drucken
Basisnavigation: Reihenfolge der Links
Inhaltsverzeichnis
1. Vorbemerkung
Die Navigation ist ein sehr wichtiger Bestandteil der Gestaltung einer Website (siehe hierzu den Abschnitt 4. “Die Navigation” des Artikels “Was macht eine gute Webpräsenz aus?“).
In dem Blogbeitrag “Linkanzahl: Weniger ist mehr!” hatte ich bereits folgende Tipps für eine gute Navigation gegeben:
- Beschränke Dich bei der Navigation auf maximal sieben Links je Navigations-Ebene
- Achte auf trennscharfe, eindeutige und verständliche Begriffe
- Gruppiere die Navigationslinks funktional (Basisnavigation, Hauptnavigation, lokale Navigation / Unternavigation)
Hier stelle ich nun vor, welche Überlegungen ich bisher bei der Frage der Reihenfolge der Links für die Basisnavigation angestellt habe.
2. Die Basisnavigation
Ursprünglich hatte ich die einzelnen Links der Basisnavigation – im WordPress-Theme YAML Green Login-Navigation genannt, weil dort ein Login-Link untergebracht war – alphabetisch sortiert.
Nachdem der Grund dafür, die Accesskeys, entfallen ist (siehe hierzu meinen Blogbeitrag “Zugänglichkeit ohne Accesskeys“), machte ich mir Gedanken über eine benutzerfreundlichere Sortierung der Links in der Basisnavigation.
3. Die Links und ihre Reihenfolge
Angeregt durch die Diskussion im XHTML-Forum mit Thomas Scholz alias toscho bin ich zu dem Ergebnis gekommen, dass der Link zur Seite mit dem Kontaktformular nach vorne gehört. Andernfalls wäre ein Skiplink zum Kontaktformular angezeigt, denn die Kommunikation möchte ich dem Benutzer möglichst einfach ermöglichen. Deshalb ist der Link zum Kontaktformular der erste sichtbare Link in der Basisnavigation.
Die zeitweise davor sichtbaren Skiplinks, mit denen Du zum Inhalt und zur Hauptnavigation springen kannst (siehe hierzu meinen Blogbeitrag “Skiplinks und Anker einsetzen“), habe ich übrigens wieder unsichtbar gemacht. Zwar passten diese Links noch optisch in die Basisnavigation, allerdings
- wirkte diese mit acht statt sechs Links überladen und
- würde sie nicht meiner eigenen, bereits in der Vorbemerkung erwähnten Beschränkung auf maximal sieben Links je Navigations-Ebene gerecht werden.
Die Sitemap (das Inhaltsverzeichnis mit der Übersicht über alle statischen Seiten und Blogbeiträge) ermöglicht es Nutzern einen Überblick über alle verfügbaren Seiten auf der Webpräsenz Webseiten-Infos.de zu bekommen. Sie stellt also eine wichtige Orientierungshilfe für Besucher dar und manche verwenden wohl Sitemaps sogar als Navigation(shilfe). Meine Einschätzung: Die Sitemap ist ebenfalls wichtig, aber sie sollte nach dem Kontaktformular erscheinen.
Wie wichtig Vertrauen ist, zeigen die Diskussionen um die Datenkrake Google sowie die Frage der Zulässigkeit von Google Analytics auf deutschen Webseiten (siehe hierzu beispielsweise den Artikel “Ist die Nutzung von Google Analytics rechtswidrig?” bei pcpraxis.de). Eine vertrauensbildende Maßnahme für eine Website ist eine Datenschutzerklärung, die Transparenz bezüglich der Erhebung und Verarbeitung der Nutzerdaten schafft. Den Link zur Datenschutzerklärung habe ich in der Basisnavigation zwar hinter den Seiten mit dem Kontaktformular und der Sitemap platziert, aber dafür gibt es ihn auch noch einmal in der Überschrift der Kommentarfunktion und für die Funktion “Nur E-Mail-Abo”. Auf diese Art und Weise habe ich seine Wichtigkeit anderweitig unterstrichen.
Die Seite Hilfe soll dagegen möglichst von den Besuchern der Webpräsenz Webseiten-Infos.de gar nicht in Anspruch genommen werden müssen. Idealerweise sollte eine Webseite und ihre Elemente selbsterklärend sein. Da aber der Empfängerhorizont der Besucher sehr stark divergieren kann, halte ich eine Hilfeseite als Rettungsanker für besser als darauf einfach zu verzichten.
Als letzter Link zu einer Seite gibt es dann noch die Seite Impressum. Dieses ist eine Pflichtangabe und als solche kommt es als letzte Seite in die Basisnavigation.
Zum Abschluss enthält die Basisnavigation noch einen “nach unten”-Link. Damit kann der Besucher mit einem Mausklick direkt zum Ende der Seite gelangen ohne scrollen zu müssen.
4. Fazit
Meine Sicht im Hinblick auf eine benutzerfreundliche Basisnavigation:
- Sortiere die Links der Basisnavigation möglichst nach zu erwartender Wichtigkeit für die Besucher Deiner Seite.
- Oder anders formuliert: Was für den Benutzer wichtiger sein dürfte, gehört nach vorne.
Teilst Du meine Auffassung oder welche Gründe sprechen Deiner Meinung nach für eine andere Reihenfolge oder würdest Du sogar Links entfernen oder hinzufügen?
Infos
Webseite veröffentlicht am Montag, den 1. Juni 2009, um 21:37 Uhr, zuletzt geändert am Samstag, den 21. November 2009, um 18:51 Uhr.
Kategorie: Webdesign
Schlagworte: Basisnavigation, Benutzerfreundlichkeit, Links, Navigation, Reihenfolge
Statistik: 259 Blogbeiträge, 682 Schlagworte, 1.557 Kommentare, 112 Feedleser
1. Thomas Scholz
Kommentar vom 2. Juni 2009 um 08:04
Wichtiger als die Reihenfolge finde ich die generelle Übersicht. Du hast hier im Moment vier Navigationen: Zwei oben, eine rechts und eine unten. Das finde ich sehr unübersichtlich, weil ich ja nicht weiß, wo du was untergebracht hast.
Die gesamte Seite hat 120 Links. Das bremst diejenigen aus, die sich per Linktabbing durch die Seite bewegen oder entlang einer Linkliste. Die Reihenfolge spielt dann kaum noch eine Rolle.
Wenn dir der Kontakt so wichtig ist, dann packe die wesentlichen Informationen – E-Mail und Telefonnummer – doch auf jede Seite in den Footer. Damit habe ich sehr gute Erfahrungen gemacht; sinnvoller das das nackte Duplizieren einer Navigation ist es allemal.
Der Richtwert »sieben Links« soll eigentlich nur den Blick darauf lenken, daß weniger manchmal mehr ist; er ist keine feste Größe, die man sklavisch einhalten muß.
Aus dieser Perspektive liegt mein Fokus daher auf der Suche nach Ressourcen, die ich bündeln kann: Kontakt und Impressum beispielsweise.
Nach ganz oben oder unten kommt man übrigens mit jeder Tastatur, und sei sie noch so schlicht. Diese Links bringen dem Leser keinen Mehrwert; sie erhöhen nur das Grundrauschen.
2. Dieter
Kommentar vom 2. Juni 2009 um 19:39
Ok, die generelle Übersicht ist gegenüber der Reihenfolge vorrangig / übergeordnet und da besteht hier noch Verbesserungspotential.
Die Dopplung der Headernavigationen (Basis- und Hauptnavigation) im Footer machte ich wegen der häufig langen Seiten. Ich wollte damit dem Benutzer die Möglichkeit einräumen, wenn er eine Seite gelesen hat, direkt die Links dieser Navigationen anzuklicken.
Allerdings habe ich selbst die Basis- und Hauptnavigation im Footer nur bzgl. der dort einmaligen Links “Über mich” und bloogoscop genutzt. Das spricht dafür, dass meine Idee nur gut gemeint war, aber nichts bringt. Also doppelte Navigation im Footer weg. Bleibt die Frage, was ich mit den beiden einmaligen Links mache.
Bei Deiner Website gefällt mir das auch sehr gut und wirkt auf mich schlüssig. Für meine Seite, die ja ein privates Hobbyprojekt ist, möchte ich allerdings vorrangig eher den Kontakt über das Kontaktformular oder die Kommentarfunktion und nur ausnahmsweise per Telefon, E-Mail oder schriftlich. Deshalb neige ich dazu, diese Kommunikationsmöglichkeiten nicht in den Footer von allen Seiten zu setzen und dadurch einen unzutreffenden Eindruck zu erwecken (Authentizität).
Ich werde einfach mal mit dem Footer etwas rumprobieren.
Kontakt und Impressum möchte ich hier bewusst nicht bündeln, da ich eine reine Kontaktformularseite angesichts meiner bereits relativ umfangreichen Impressumsseite gerne beibehalten möchte.
Das habe ich nicht bedacht und da hast Du völlig Recht. Im Wahrnehmen von überflüssigem Grundrauschen macht Dir keiner was vor.
Ich werde den Footer entrümpeln.
Ganz herzlichen Dank für Deine hilfreichen Anmerkungen.