Hf blog elevator 01

An elevator that lies (and what that has to do with your navigation)


Imagine a perfectly ordinary situation. You step into an elevator; in front of you is a panel with the floor numbers. Do you know how to use it? Of course you do. And that is precisely why today I am writing a tribute to the elevator—the simplest user interface. The elevator’s user interface—if we can even call those few numbers that—has the highest possible degree of intuitiveness: a quality for which prior learning is (almost) unnecessary.

Want to go to the third floor? You press the button and when the doors open, you’re there. I have never heard of anyone needing to think much when using an elevator. On the contrary—I mostly see people who, while typing something more important on their phone, press the floor button almost in passing. Intuitively. 

A little science fiction 

Now imagine an almost identical situation. You press the button for the third floor, the elevator rises, the doors open. You step out—and find that you are standing in a completely different building. On the other side of the city. Perhaps the country. Or the world. You are indeed on the third floor, but at this point that is no longer even remotely important. 

You are not just confused. You are probably also a bit angry—at the elevator and its panel of numbers that has … tricked you. 

Of course, such things do not happen to elevators—except perhaps in a science‑fiction film or book. Their “user interface” has undergone decades of real‑world testing, and we, the users, have fully internalized it. 

Just as we have internalized the menu on your website or in your app. 

Navigation 

The definition of a website typically says: it is a set of pages under the same umbrella domain, with a shared identifier (usually a logo in the top left), a consistent visual identity, and—navigation. We romantically call the list of content that a user can access a “menu”; more technically: navigation. 

And it is precisely navigation—just as in a forest or on the open sea—that ensures the user does not get lost. 

When we choose an option in the navigation, we expect something very similar to the elevator: you press the button for the third floor and you arrive on the third floor. That is, on a subpage with the same or at least a related title as the link. But importantly—within the same website. 

You can think of a website as a building, and navigation as the panel with buttons. Because navigation is hierarchically subordinate to the identifier (the logo), the user rightly understands that they are already inside a specific building. Navigation is therefore an internal—not external—wayfinding system. 

So where is the problem? 

All too often, links to entirely different websites find their way into a site’s navigation. And not only on (semi-)amateur projects—this highly frustrating mistake tends to show up even on large, sometimes global services. 

Links that lead elsewhere are called external links. When they appear in the navigation, they are downright harmful to the user experience. 

Why? Because when a user clicks a link in the main menu (or anywhere they intuitively expect internal navigation), they do not expect to end up elsewhere. They expect to stay on the same website. To be accompanied by the same navigation. And to be able to click the logo to always return “home”. 

Just like in the elevator: even if you return to it from the third floor, the same panel with the same buttons awaits you. 

It is no better if you take the user to a “friendly” website—for example, to a separate site for your other brand. Ironically, it can be even worse: because of the similar visual identity, the user may not immediately notice they are elsewhere. And the confusion is even greater. 

A user experience misstep. And a major one. 

What should we do? 

There is nothing wrong with external links per se. But we should follow two basic guidelines: 

  • external links do not belong in a website’s navigation, 

  • we must make it clear to the user, in good time—before they click—that they are external. 

This gives them a sense of safety. Above all, a clear message: “With this click you are leaving this website. You will land elsewhere. The navigation will be different. ‘Home’ will not be the same either.” 

Ways to label external links

On a single website, we typically use a consistent way of marking external links. There are several options—but again: none of them belongs in the main navigation. 

  1. A An “external link” or “internet” icon. Most users recognize them, and they are especially useful where internal and external links are mixed in the same list. Of course, we choose only one of them.
  2. B Clear wording, e.g., “More on the Tegaintega website” or “More at www.tointo.com”. Simple and effective.
  3. C A link in the form of a logo or banner. Because the logo differs from the identifier of the current website, the user can infer that the link leads elsewhere.
Hf external links 01

Never in the navigation. Even if it costs you a subpage. 

Sometimes external links end up in the navigation simply because there is no other place for them. There is no subpage to put them on. 

The solution? A new subpage. 

Yes, that requires a bit more work. You need to prepare content—you probably do not want a page with a single button. But that is the price of a good user experience. 

For the user, it is significantly friendlier to receive the basics (say, about your product) already on the website they are currently on. And only then—if they are truly interested—continue via an external link. 

Just like with the elevator: first you stay in the building. Only then do you go elsewhere. 

We help with


  • Website planning and design

    We develop next-generation web solutions, built on data-driven and goal-oriented strategies for online presence. Our holistic approach ensures that your brand not only exists onlin...

  • Innovation and Technology Consulting

    Our core competence is uncovering real value for all stakeholders in a dynamic, rapidly changing technology landscape. Through an aligned, data-driven and responsive approach to pr...

Related Case Studies


Related posts

Ai translations 02 cover
How Humanfrog Started Speaking Croatian, Italian, German, and Hungarian

Domen Česnik


A multilingual website sat on our to-do list for a year and a half, but we never found the right time for it. Client projects, infrastructure, development, and other day-to-day obligations always took priority, so the rollout of the English version of the website kept quietly slipping. The issue was not a lack of content or expertise, but a process that required too much time and coordination. We only found a solution once we connected translation with the existing publishing process.

Hf blog ai security 06
AI will not wait for companies to get their policies in order

Aljaž Česnik


At the KCDM event Copyright and Digital Security in the Age of AI at MAO Ljubljana, we opened two topics that companies still too often address separately: the use of artificial intelligence and digital security. The event focused on how AI can help companies with development, innovation, and productivity, without becoming a new source of uncertainty, legal dilemmas, or security risks.

Hf blog wp plugins 06
Fewer plugins: more security, speed, and scalability for your WordPress site

Tomaž Favai


WordPress’s exceptionally rich plugin ecosystem is a major contributor to its global popularity. The official WordPress repository lists more than 59,000 free plugins; including premium sources, there are likely more than 70,000, which means you can add almost any functionality with just a few clicks. This flexibility is one of the key reasons WordPress powers around 40% of all websites worldwide.

Hf blog cover copywriting 05
The importance of clear copy and instructions on websites

Sebastijan Pregelj


Have you ever landed on a website where you did not know where to click to reach the content you were looking for, how to submit an inquiry, or whether you had successfully placed an order because you received no notification?

Hf domen proxmox blog1
Migration from VMware to Proxmox using Veeam

Domen Česnik


Over the past decade, many companies have built their virtualization infrastructure on the VMware ESXi hypervisor, primarily due to the availability of the free edition. This allowed small and mid-sized organizations to establish a stable, high-performance environment for business applications without high licensing costs.