Internet Explorer is not supported by Design Library

The last version of Internet Explorer, version 11, was released on October 17, 2013. This is a very long time ago when taking into account the rapid development of web technologies. These days it is often difficult and time consuming to get modern technologies to work well in this old browser. More and more frameworks are dropping support, and even Microsoft themselves has announced that they will fully drop support for IE in their own services in 2021.

Consequently, we have decided to not include support for IE in the Design Library website.

Luckily, there are modern options in active development. Please use Firefox, Edge or Chrome instead.

Profile navigation

A menu where the user finds functionality and features connected to its user profile.

Component meta

Component identifier
component-profile: Tags
Internet banking Tablet Mobile Desktop: Design principles
It's for you

Guidelines

Short description

Most of our menus lead to products and specific bank services. This menu should hold items that are more close to the user. Examples could be settings, documents, contracts, messages, and authorisations/security. We also place the log out function here.

When and how to use it

Users can enter the component from the user icon in the top bar, making it accessible from the entire channel. By clicking on the profile icon in the top bar, the profile navigation is opened.

This is where the user can see all options and features connected to its' user so that it is easy to access.

The pages and functions that are found in the profile menu is more closely connected to the user itself rather than their economy and holdings, such as security solutions, contact details and agreements.

Behaviour

In desktop it’s a drop down menu and in mobile devices it’s a full take-over.

Shows which user that is logged in at the top
A list of options in a dropdown component
When the user clicks one option it is directed to the page relevant to the option (for example settings slide-out opens when the user presses “settings”)