Nordea : Ensuring users can find their way – and place – on mobile

Nordic bank’s mobile menus have all bases covered.


click to view

The feature

On mobile and smaller tablet screens, Nordea.com has a hamburger icon labelled ‘Menu’ in the top right corner of the screen, which stays in place as users scroll.

 

Tapping it opens the mobile navigation. The main sections are clearly presented, with chevrons indicating there are more layers to discover; the whole bar is clickable.

 

Clicking on an option reveals the next level of navigation via a ‘swipe’. Again, chevrons indicate where there are deeper levels to explore, but section and sub-section landing pages, eg About Nordea, are clearly indicated by grey key lines.

 

As the user selects deeper options, the menu displays ‘routes back’ to all the parent page levels, which are indicated clearly with left-facing chevrons. If the menu is re-opened from a page, the active page is clearly indicated in bold font, in its place in the site hierarchy.

 

Contact, banking login, and language switching links are also provided.

The takeaway

Nordea’s mobile navigation system is one of the best we have seen on corporate websites.

 

It is intuitive, and guides the user neatly through the various levels on a corporate site, while allowing readily accessible, easy in-section and cross-section navigation. These are vital tools for corporate audiences who, our research shows, may want to journey between deep-level pages across sections.

 

The menu also works with the breadcrumb trail – itself visible on mobile as well as desktop screens – to provide excellent orientation for the many users who may arrive deep in the site. Many corporate sites’ mobile menus, by contrast, default to an initial menu when opened, rather than showing the current page.

 

The provision of utility links, in addition to the information architecture, means that users in task mode, as well as browsing mode, are well catered for.

www.nordea.com
First published 10 June, 2020
< Back to Tips