Is sticky header good for user navigation?

Reading Time: 3 minutes

Is sticky header good for user navigation?

Sticky header, also called fixed header, is a smart navigation tool that fixes the menu to the top of screen as the user scrolls down a page.

Today we see many web designers adopting sticky headers as a way to arrange and structure a website for a better user navigation, using not-so-complicated CSS coding.

It goes without saying why some designers prefer this technique. And our intuition tends to agree with this popular web design trend.

Before we jump into a conclusion that it is the best solution for all types of websites, from a social media to content-heavy site, we need to step back and evaluate its pros and cons.

Is sticky header good for user navigation?Is sticky header good for user navigation?

Pros and cons of sticky header

So, there was an interesting discussion on an online forum on whether sticky headers improve user experience or not. And here are the most common arguments for the use of sticky header:

Pros:

  • Time-saving

You have probably experienced this before – scrolling endlessly to go back to the menu bar on the very top after realising that you were browsing the wrong page.  With sticky header, however, users are able to jump to different sections easily as the menu bar always appears on the screen.

  • Good navigation

So, it is the fastest and the most useful way to access to the right information for the end users. That should make a sticky header good for user navigation. For example, a study showed that they are 22% faster to navigate and many participants preferred a website with fixed headers without knowing the exact reason. This particularly comes in handy on mobile interface where text tends to be longer.

  • Branding effect

Here’s another minor advantage to add – it also helps you build your brand as your brand logo/name will always be there on the page next to the header.

Is sticky header good for user navigation?

Cons:

  • Waste of space

But here’s a catch – sticky header tends to eat up some valuable space as it is fixed permanently on the screen. Imagine you already have a beautiful and functioning website, adding a fixed header may seem excessive. It not only reduces the space for text, but also cuts off background imagery.

  • Distracting

Also if implemented badly or incorrectly, it could even disrupt how the page is presented. Sticky navigation ‘does not always render effectively on mobile and tablet devices’.  Those who are against sticky header often argue that users visit the website for content, not navigation. Some users may find it disruptive to the ‘natural flow’ of the web page, while others prefer it for navigation reason (and this is when user testing comes in useful).

Some recommended solutions

If you are a UX designer, you might have already found that there is no simple yes-no answer to this question. Everything depends on the context. Depending on what kind of website you are designing, you will need to weight the significance of both pros and cons.

If you are creating an informative, content-heavy web page then you might find having a fixed header more important than leaving your users feel lost and stranded. In this scenario, it is more plausible that a user is more likely to land on a wrong page on their first visit.

Also, a sticky header is highly recommended if it is clear that what tools are most-frequently used by the users. Like Facebook and Twitter, the users often update their statuses or read messages while scrolling down to browse what other people’s posts.

Otherwise, sticky header is not always a must-have if your website is primarily aimed for users to interact with content. Similarly, deciding what a menu bar should contain is just as equally important as deciding whether to include a sticky header at all. A sticky header that merely allows users to jump to a completely unrelated pages or sections targeted for distinctive audiences might not be helpful for end users.

But again, we can’t emphasise more on how every website is unique, and therefore need a bespoke navigation solution.

What do you think?

Appnova is a digital agency specialising in web design, UX, eCommerce, branding, digital marketing and social media.

Keep following us on Twitter @appnova and “like” us on Facebook for useful news and tasteful digressions about geeky stuff.

 

SHARE THIS ARTICLE:

1.Comment

  1. Rskeats
    February 9, 2018

    It should be down the individual user what they want to see constantly not one or a few who assumes what the user wants to see. Tests that show that they don’t notice it but is helpful is insensitive to others who do pay attention. It is not smart when it is set not to take in consideration. At times that may be simply unwanted and takes up room and serves as a distraction and can’t be hidden that I have to use Adblock or something. An option to hide/collapse them for those who at any time don’t want to see them on the page would be a good step forward. On Archive.org they do have an option to close the bar. Without a choice or someway to hide it conveniently it can be seen as effectively denying the user a preference they once had with being able to scroll in absolute positioning by forcibly ramming these things in their faces i.e. fixed part of their vision at the screen.

    Reply

Leave a Comment