Navi – Leitfaden für gute Navigation im Web
Navigation muss nicht neu erfunden werden.
Navi ist ein digitaler Leitfaden über die Gestaltung von Navigation im Web. Dieser bündelt etablierte Prinzipien aus Informationsarchitektur, UX/UI-Design, Webentwicklung und Barrierefreiheit und zeigt, wie sie von der Strukturierung der Inhalte bis zur technischen Umsetzung zusammenspielen.
Erwartungen bedienen
Menschen lernen wiederkehrende Muster und müssen nicht jede Website neu verstehen.
Orientierung erleichtern
Hierarchien, Breadcrumbs und erkennbare Zustände erleichtern die Wegfindung auf der Website.
Komplexität reduzieren
Struktur und verständliche Labels machen große Informationsmengen zugänglich.
Zugang ermöglichen
Durch Semantik und Berücksichtigung unterschiedlicher Wahrnehmung wird die Website für alle nutzbar.
Das Handbuch für gut durchdachte Navigation im Web
Viele der im Navi beschriebenen Prinzipien sind nicht neu. Hierarchische Organisationsstrukturen, verständliche Bezeichnungen oder konsistente Navigationssysteme gehören seit vielen Jahren zu den Grundlagen guter Websites.
Dass diese Prinzipien etabliert sind, macht sie aber nicht selbstverständlich. Sie haben sich bewährt, weil sie wiederkehrende Probleme lösen: Menschen müssen leicht nachvollziehen können, welche Inhalte verfügbar sind, wo sie sich befinden, welche Wege ihnen zur Verfügung stehen und wie sie ihr Ziel erreichen können.
Mehr erfahrenFünf Bausteine guter Navigation
Eine gute Navigation ist das Ergebnis vieler aufeinander aufbauender Entscheidungen. Die fünf Bereiche zeigen, worauf es dabei ankommt.
Struktur
Wo gehört was hin?Inhalte organisieren und Beziehungen zwischen ihnen verständlich machen.
Benennung
Wie nennen wir es?Begriffe wählen, die Erwartungen vermitteln und Inhalte unterscheidbar machen.
Navigation
Wie finden wir es?Wege anbieten, Orientierung schaffen und unterschiedliche Zugänge ermöglichen.
Umsetzung
Wie funktioniert es?Das Konzept semantisch und responsiv in eine funktionierende Oberfläche übertragen.
Barrierefreiheit
Ist es für alle nutzbar?Sicherstellen, dass Navigation unter unterschiedlichen Voraussetzungen bedient werden kann.
Navi in der Praxis
In unserem Blog findet ihr Einblicke in Konzeption, Entwicklung und Evaluation des Projekts – von gestalterischen Entscheidungen bis zum User Testing.