Ein Aufzug, der lügt (und was das mit Ihrer Navigation zu tun hat)
- Themen dieses Beitrags
- Leistungen dieses Beitrags
Wollen Sie in den dritten Stock? Sie drücken den Knopf, und wenn sich die Türen öffnen, sind Sie dort. Ich habe noch von niemandem gehört, der beim Benutzen eines Aufzugs viel nachdenken müsste. Im Gegenteil, meist beobachte ich Menschen, die, während sie Wichtiges auf dem Telefon tippen, den Etagenknopf beinahe nebenbei drücken. Intuitiv.
Ein wenig Science-Fiction
Stellen Sie sich nun eine fast identische Situation vor. Sie drücken den Knopf für den dritten Stock, der Aufzug fährt hoch und nach einiger Zeit öffnen sich die Türen. Sie steigen aus – und stellen fest, dass Sie in einem völlig anderen Gebäude stehen. Am anderen Ende der Stadt. Vielleicht des Landes. Oder der Welt. Sie sind zwar im dritten Stock, aber das ist in diesem Moment nicht mehr im Geringsten wichtig.
Sie sind nicht nur verwirrt. Wahrscheinlich sind Sie auch ein wenig verärgert über den Aufzug und sein Tastenfeld, das Sie … getäuscht hat.
Aufzügen passieren solche Dinge natürlich nicht – außer vielleicht in einem Science-Fiction-Film oder -Buch. Ihre »Benutzeroberfläche« hat Jahrzehnte der Erprobung in der realen Welt hinter sich, und wir, die Nutzer, haben sie vollständig verinnerlicht.
Genauso wie wir das Menü auf Ihrer Website oder in Ihrer App verinnerlicht haben.
Navigation
Die Definition einer Website lautet üblicherweise: Es handelt sich um eine Reihe von Seiten unter derselben Hauptdomain, mit einer gemeinsamen Kennung (in der Regel dem Logo oben links), einheitlichem visuellen Erscheinungsbild und Navigation. Die Liste der Inhalte, auf die der Nutzer zugreifen kann, nennen wir romantisch »Menü«, technisch eher »Navigation«.
Und genau die Navigation sorgt – wie im Wald oder auf offener See – dafür, dass der Nutzer sich nicht verirrt.
Wenn wir eine der Optionen in der Navigation auswählen, erwarten wir etwas sehr Ähnliches wie im Aufzug: Man drückt den Knopf für den dritten Stock und kommt in den dritten Stock. Also auf eine Unterseite mit demselben oder zumindest einem verwandten Titel wie der Link. Aber wohlgemerkt – innerhalb derselben Website.
Stellen Sie sich die Website als Gebäude vor und die Navigation als Tastenfeld. Da die Navigation dem Identifikator (dem Logo) hierarchisch untergeordnet ist, versteht der Nutzer zu Recht, dass er sich bereits innerhalb eines konkreten Gebäudes befindet. Die Navigation ist also ein internes – nicht externes – Leitsystem.
Und wo liegt das Problem?
Allzu oft finden sich in der Navigation einer Website Links zu völlig anderen Websites - und das nicht nur bei (halb)amateurhaften Projekten. Dieser äußerst frustrierende Fehler tritt gern auch bei großen, mitunter globalen Diensten auf.
Links, die anderswohin führen, nennen wir externe Links (external links). Wenn sie in der Navigation auftauchen, sind sie für die Nutzererfahrung ausgesprochen schädlich.
Warum? Weil der Nutzer beim Klick auf einen Link im Hauptmenü (oder überall dort, wo er intuitiv eine interne Navigation erwartet) nicht damit rechnet, woanders zu landen. Er erwartet, auf derselben Website zu bleiben. Dass ihn dieselbe Navigation begleitet. Und dass er mit einem Klick auf das Logo jederzeit zur »Startseite« zurückkehren kann.
Wie im Aufzug erwartet der Nutzer auch hier Konsistenz. Unabhängig davon, in welchem Stockwerk man einsteigt, findet man im Aufzug dasselbe Tastenfeld mit denselben Tasten vor.
Nicht besser ist es, wenn Sie den Nutzer auf eine »befreundete« Website führen, etwa auf eine separate Seite Ihrer anderen Marke. Ironischerweise kann es sogar schlimmer sein: Wegen der ähnlichen visuellen Gestaltung bemerkt der Nutzer zunächst gar nicht, dass er woanders ist. Und die Verwirrung ist noch größer.
Ein Usability-Fehler. Und ein großer.
Was ist zu tun?
An externen Links ist an sich nichts falsch. Wir sollten uns jedoch an zwei grundlegende Leitlinien halten:
Externe Links gehören nicht in die Navigation einer Website,
dem Nutzer müssen wir klar und rechtzeitig – noch bevor er klickt – mitteilen, dass sie extern sind.
Damit vermitteln wir ihm ein Gefühl von Sicherheit. Vor allem aber eine klare Botschaft: »Mit diesem Klick verlassen Sie diese Website. Sie landen woanders. Die Navigation wird anders sein. Auch 'Startseite' ist nicht mehr dieselbe.«
Arten der Kennzeichnung externer Links
Auf einer Website verwenden wir in der Regel eine einheitliche Kennzeichnung externer Links. Es gibt mehrere Möglichkeiten, doch keine davon gehört in die Hauptnavigation.
- A Icon „Externer Link“ oder „Internet“. Die meisten Nutzerinnen und Nutzer erkennen sie, besonders hilfreich sind sie dort, wo interne und externe Links in derselben Liste gemischt sind. Natürlich wählen wir nur eines von beiden.
- B Klarer Text, z. B. „Mehr auf der Website von Tegaintega“ oder „Mehr auf www.tointo.com“. Einfach und wirkungsvoll.
- C Link in Form eines Logos oder Banners. Da sich das Logo von der Kennung der aktuellen Website unterscheidet, können Nutzerinnen und Nutzer daraus schließen, dass der Link woandershin führt.
Niemals in der Navigation. Auch wenn es Sie eine Unterseite kostet.
Manchmal landen externe Links in der Navigation schlicht deshalb, weil es keinen anderen Platz für sie gibt. Es gibt keine Unterseite, auf der man sie unterbringen könnte.
Die Lösung? Eine neue Unterseite.
Zugegeben, das erfordert etwas mehr Arbeit, denn es gilt auch, passende Inhalte zu erstellen. Eine Seite mit nur einem einzigen Button werden Sie vermutlich nicht wollen, doch genau das ist der Preis einer guten Nutzererfahrung.
Für den Nutzer ist es nämlich wesentlich nutzerfreundlicher, die Basisinformationen (zum Beispiel zu Ihrem Produkt) bereits auf der Website zu erhalten, auf der er sich gerade befindet. Und erst danach, wenn ihn das Thema wirklich interessiert, den Weg über einen externen Link fortzusetzen.
Wie beim Aufzug muss Sie auch die Navigation zunächst zu einem Ziel innerhalb desselben Gebäudes bringen. Erst danach können Sie sich bewusst anderswohin begeben.
Wir helfen mit
-
Planung und Gestaltung von Websites
Wir entwickeln Weblösungen der nächsten Generation, auf Grundlage datenbasierter und zielgerichteter Strategien für die Online-Präsenz. Unser ganzheitlicher Ansatz stellt sicher, d...
-
Innovations- und Technologieberatung
Unsere Kernkompetenz besteht darin, den echten Mehrwert für alle Stakeholder in einem dynamischen und sich schnell verändernden technologischen Umfeld zu identifizieren. Mit einem...
Verwandte Fallstudien
Verwandte Beiträge
Domen Česnik
Humanfrog wurde in die Future 100 Slovenija aufgenommen – hundert slowenische Unternehmen mit ausgeprägtem Potenzial für weiteres Wachstum und internationale Entwicklung. Für uns ist dies eine wichtige Anerkennung unserer bisherigen Arbeit und die Bestätigung, dass wir auf dem richtigen Weg sind. Gleichzeitig gibt uns diese Platzierung zusätzlichen Rückenwind für die Zukunft. Sie motiviert uns zur Weiterentwicklung, zur Stärkung unserer fachlichen Kompetenz und zur Entwicklung fortschrittlicher technologischer Lösungen, die unseren Kunden langfristigen geschäftlichen Mehrwert bringen.
Matej Vidmar
Proxmox VE wird zunehmend auch in anspruchsvolleren Produktionsumgebungen eingesetzt, daher wird die Frage, wie sich solche Umgebungen wirksam schützen lassen, immer wichtiger. Die Datensicherung virtueller Maschinen ist dabei nur ein Element. In der Praxis sind ebenso wichtig eine zuverlässige Replikation, eine schnelle Wiederherstellung, die Möglichkeit der Migration zwischen Plattformen sowie eine angemessene Zugriffs- und Infrastrukturverwaltung.
Domen Česnik
Vor der Abreise in den Urlaub prüfen wir, ob wir unsere Unterlagen, den Zugang zum Bankkonto, Kopien der Reservierungen und die Versicherung haben. Seltener prüfen wir, ob auch unser Unternehmen »einen Notfallplan« für sein digitales Leben hat. Wo sind seine Daten gespeichert? Wer hat Zugriff darauf? Können wir sie anderswohin übertragen? Und könnten wir weiterarbeiten, wenn ein Schlüsselanbieter plötzlich nicht erreichbar wäre?
Domen Česnik
Die mehrsprachige Website stand eineinhalb Jahre auf unserer Aufgabenliste, doch wir fanden dafür nie den richtigen Zeitpunkt. Kundenprojekte, Infrastruktur, Entwicklung und andere tägliche Verpflichtungen hatten stets Vorrang, sodass sich die Umsetzung der englischen Version der Website unbemerkt verzögerte. Das Problem lag nicht an fehlenden Inhalten oder Know-how, sondern an einem Prozess, der zu viel Zeit und Abstimmung erforderte. Die Lösung fanden wir erst, als wir die Übersetzung mit dem bestehenden Publikationsprozess verknüpften.
Aljaž Česnik
Beim KCDM-Event »Urheberrechte und digitale Sicherheit im Zeitalter der KI«, das im MAO Ljubljana stattfand, haben wir zwei Themen aufgegriffen, die Unternehmen noch immer zu häufig getrennt behandeln – den Einsatz von Künstlicher Intelligenz und die digitale Sicherheit – und vor allem darüber gesprochen, wie KI bereits heute Geschäftsprozesse, Rechtsfragen und das Sicherheitsrisiko von Unternehmen beeinflusst.
