Hf blog elevator 01

Ein Aufzug, der lügt (und was das mit Ihrer Navigation zu tun hat)


Stellen Sie sich eine ganz alltägliche Situation vor. Sie betreten einen Aufzug, vor Ihnen befindet sich ein Bedienfeld mit den Etagenzahlen. Können Sie es bedienen? Natürlich. Und genau deshalb schreibe ich heute ein Loblied auf den Aufzug – die einfachste Benutzeroberfläche. Die Benutzeroberfläche des Aufzugs – wenn man diese paar Zahlen überhaupt so nennen kann – weist das höchstmögliche Maß an Intuitivität auf: eine Eigenschaft, für die vorheriges Lernen (fast) nicht erforderlich ist.

Wollen Sie in den dritten Stock? Sie drücken die Taste, und wenn sich die Türen öffnen, sind Sie dort. Ich habe noch nie gehört, dass jemand bei der Nutzung eines Aufzugs viel nachdenken müsste. Im Gegenteil – meist beobachte ich Menschen, die beim Tippen wichtigerer Dinge am Telefon die Etagentaste fast nebenbei drücken. Intuitiv. 

Ein bisschen Science-Fiction 

Stellen Sie sich nun eine fast identische Situation vor. Sie drücken die Taste für den dritten Stock, der Aufzug fährt hoch, die Türen öffnen sich. Sie treten hinaus – 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 mit Zahlen, das Sie … getäuscht hat. 

Aufzügen – außer vielleicht in einem Science-Fiction-Film oder -Buch – passieren solche Dinge natürlich nicht. Ihre „Benutzeroberfläche“ hat Jahrzehnte der Erprobung in der realen Welt hinter sich, und wir 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 übergeordneten Domain, mit einem gemeinsamen Identifikator (in der Regel dem Logo oben links), einheitlicher visueller Gestaltung und – Navigation. 

Die Liste der Inhalte, auf die der Nutzer zugreifen kann, nennen wir romantisch „Menü“; technischer: Navigation. 

Und genau die Navigation – wie im Wald oder auf offener See – sorgt dafür, dass der Nutzer sich nicht verirrt. 

Wenn wir eine Option in der Navigation wählen, erwarten wir etwas sehr Ähnliches wie im Aufzug: Man drückt die Taste 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 Achtung – 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 – kein externes – Leitsystem. 

Und wo liegt das Problem? 

Allzu oft finden sich in der Website-Navigation Links zu völlig anderen Websites. Und das nicht nur bei (halb)amateurhaften Projekten – dieser äußerst frustrierende Fehler tritt auch bei großen, teils globalen Diensten auf. 

Links, die anderswohin führen, nennen wir externe Links (external links). Gelangen sie in die Navigation, sind sie für die Benutzererfahrung schlicht 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, anderswo zu landen. Er erwartet, auf derselben Website zu bleiben. Dass ihn dieselbe Navigation begleitet. Und dass er per Klick auf das Logo jederzeit ‚nach Hause‘ zurückkehren kann. 

Wie im Aufzug: Auch wenn Sie vom dritten Stock dorthin zurückkehren, erwartet Sie dasselbe Bedienfeld mit denselben Tasten. 

Nicht besser ist es, wenn Sie den Nutzer auf eine „befreundete“ Website führen – etwa auf eine separate Seite Ihrer zweiten Marke. Ironischerweise kann es sogar schlimmer sein: Wegen der ähnlichen visuellen Gestaltung bemerkt der Nutzer zunächst gar nicht, dass er anderswo ist. Und die Verwirrung ist noch größer. 

Ein Usability-Patzer. Und ein großer. 

Was ist zu tun? 

An externen Links ist an sich nichts auszusetzen. Wir sollten jedoch zwei grundlegende Leitlinien befolgen: 

  • Externe Links gehören nicht in die Website-Navigation, 

  • wir müssen dem Nutzer klar und rechtzeitig – noch bevor er klickt – mitteilen, dass es sich um externe Links handelt. 

Das gibt ihm ein Gefühl von Sicherheit. Vor allem aber eine klare Botschaft: ‚Mit diesem Klick verlassen Sie diese Website. Sie landen anderswo. Die Navigation wird eine andere sein. Auch die ‚Startseite‘ wird nicht mehr dieselbe sein.‘ 

Möglichkeiten zur Kennzeichnung externer Links

Auf einer Website verwenden wir in der Regel eine einheitliche Art der Kennzeichnung externer Links. Es gibt mehrere Möglichkeiten – aber noch einmal: Keine davon gehört in die Hauptnavigation. 

  1. A Icon „externer Link“ oder „Internet“. Die meisten Nutzer erkennen sie, besonders hilfreich sind sie dort, wo sich interne und externe Links in derselben Liste mischen. Natürlich wählen wir nur eine von beiden.
  2. B Klarer Text, z. B. „Mehr auf der Website Tegaintega“ oder „Mehr auf www.tointo.com“. Einfach und wirkungsvoll.
  3. C Link in Form eines Logos oder Banners. Da sich das Logo vom Identifikator der aktuellen Website unterscheidet, kann der Nutzer daraus schließen, dass der Link woandershin führt.
Hf external links 01

Nie in der Navigation. Auch wenn Sie das eine Unterseite kostet. 

Mitunter landen externe Links in der Navigation schlicht deshalb, weil es sonst keinen Platz für sie gibt. Es gibt keine Unterseite, auf der sie eingeordnet werden könnten. 

Die Lösung? Eine neue Unterseite. 

Ja, das erfordert etwas mehr Arbeit. Es gilt, Inhalte vorzubereiten – eine Seite mit nur einem einzigen Button möchten Sie wahrscheinlich nicht. Aber das ist der Preis für eine gute Benutzererfahrung. 

Für den Nutzer ist es nämlich deutlich angenehmer, die Basisinformationen (etwa zu Ihrem Produkt) bereits auf der Website zu erhalten, auf der er sich gerade befindet. Und erst danach – wenn ihn das Thema wirklich interessiert – über einen externen Link weiterzugehen. 

Wie beim Aufzug: Zuerst bleibt man im Gebäude. Erst danach geht man anderswohin. 

Wir helfen mit


  • Planung und Gestaltung von Websites

    Wir entwickeln Weblösungen der nächsten Generation, die auf datenbasierten und zielgerichteten Strategien der Online-Präsenz beruhen. Unser ganzheitlicher Ansatz stellt sicher, das...

  • Innovations- und Technologieberatung

    Unsere Kernkompetenz ist das Erschließen des richtigen Mehrwerts für alle Stakeholder in einem dynamischen und sich schnell verändernden technologischen Umfeld. Mit einem abgestimm...

Verwandte Fallstudien


Verwandte Beiträge

Ai translations 02 cover
Wie Humanfrog begann, Kroatisch, Italienisch, Deutsch und Ungarisch zu sprechen

Domen Česnik


Die mehrsprachige Website stand eineinhalb Jahre auf unserer Aufgabenliste, doch wir fanden nie den richtigen Zeitpunkt dafür. Kundenprojekte, Infrastruktur, Entwicklung und andere tägliche Verpflichtungen hatten stets Vorrang, sodass sich die Umsetzung der englischen Version der Website unmerklich verzögerte. Das Problem lag nicht am Mangel an Inhalten oder Know-how, sondern an einem Prozess, der zu viel Zeit und Abstimmung erforderte. Eine Lösung fanden wir erst, als wir das Übersetzen mit dem bestehenden Veröffentlichungsprozess verknüpften.

Hf blog ai security 06
Digitale Sicherheit ist kein IT-Thema. Sie ist eine unternehmerische Verantwortung.

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.

Hf blog wp plugins 06
Weniger Plugins: mehr Sicherheit, Geschwindigkeit und Erweiterbarkeit Ihrer WordPress-Website

Tomaž Favai


Zur globalen Beliebtheit von WordPress trägt auch sein außerordentlich reichhaltiges Plugin-Ökosystem maßgeblich bei. Im offiziellen WordPress-Repository gibt es über 59.000 kostenlose Plugins; zusammen mit Premium-Quellen sind es vermutlich mehr als 70.000, was es ermöglicht, nahezu jede Funktionalität mit wenigen Klicks hinzuzufügen. Diese Flexibilität ist einer der Hauptgründe dafür, dass WordPress rund 40 % aller Websites weltweit betreibt.

Hf blog cover copywriting 05
Die Bedeutung klarer Texte und Anleitungen auf Websites

Sebastijan Pregelj


Sind Sie schon einmal auf einer Website gelandet, auf der Sie nicht wussten, wohin Sie klicken müssen, um zu den gesuchten Inhalten zu gelangen, wie Sie eine Anfrage absenden und ob Sie eine Bestellung erfolgreich aufgegeben haben oder nicht, weil Sie keinerlei Benachrichtigung erhalten haben?

Hf domen proxmox blog1
Migration von VMware zu Proxmox mit Veeam

Domen Česnik


Viele Unternehmen haben in den letzten zehn Jahren ihre Virtualisierungsinfrastruktur auf dem Hypervisor VMware ESXi aufgebaut, vor allem aufgrund der Verfügbarkeit der kostenlosen Edition. Diese ermöglichte kleinen und mittelständischen Organisationen den Aufbau einer stabilen und leistungsfähigen Umgebung für Business-Anwendungen ohne hohe Lizenzkosten.