Arrow Blog

Have you ever wondered what could be other people’s navigation habits?

January 1, 2021
UX Inspiration

While scrolling down to the very bottom of the page and back up again is a viable option for many – usually to get a quick overview of the content displayed – there are in fact countless different ways you could interact with a website to find something of interest: scroll back and forth, read the content and click on call-to-actions, use the search bar, read the F.A.Q or return policy…

Whether you are on desktop or on your smartphone is also going to have a great influence on how you browse given the huge differences in viewport sizes and navigation controls (mouse/trackpad vs. your thumb 🙂 ). Moreover, people’s online buying intent is still much higher on desktop, despite an ever-increasing smartphone use. You could rightfully say people mainly buy on desktop because online experiences on mobile are sub-par compared to desktop but it’s probably just one part of the answer.

In this episode, we wanted to see how we could come up with a mobile ‘hamburger’ menu specifically that would facilitate navigation to important sections, such as product categories, the ‘About’ page and the ‘Contact’ page. Too often, accessing sections of interest are difficult due to the menu burying information behind drop-downs or a scroll.

In our design for Schlürf you can instantly see how easy it is to get an overview of the content hierarchy and categories available – in just a click or two. This is great for mobile users where the viewport is obviously limited and the menu, which acts as an overlay, is smoothly animated with a sliding effect. A menu overlay is ideal on smaller screens to give a sense of overview to the users into the website’s categories, as long a clear way out of the overlay is ensured (here with the hamburger icon morphing into a ‘Close’ button).

What’s your take on mobile menus? Are you truly making it easy to access pages in as few clicks as possible? Let us know 🙂

Brought to you by:

  • Lauri – UX/UI Design
  • Franz – UI Animation
  • Gauthier – Copy
  • Team UXD – Brainstorming
No items found.

This article was brought to you by Bitbot

I'm Bitbot and I'm made to automate all sorts of tasks. Like importing and publishing some blog posts from the channels where Bitfiner is active.

Read more articles

See what people say about us

Webflow design & development

Hire our team of Webflow designers and no-code developers to grow your business the proven way. Fast and efficiently.

eCommerce strategy & design

These eCommerce growth services help you increase revenue, profitability, and customer loyalty. The proven way.