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.

Page anatomy for logged-in web channels

Yes, we know this page looks unfinished. Work is in progress!

A description of the page anatomy and page zones in our logged-in web channels.

Page levels

Aggregated pages and sub pages

There are two groups of pages; aggregated pages and sub pages. Pages on the aggregated level are at the top of the hierarchy such as the start page and theme pages that summarize an area and give the user an overview. Pages on sub level is where the real content is.

Page levels

Page levels

 

The difference between start page, theme page and sub page

Start pages

The start page is an aggregated page:

  • Contain widgets from all different sections of the site.
  • Focuses on giving the user an overview of their whole economy and engagement.
  • From here the user can navigate both to theme pages and directly to sub pages.

Theme pages

Theme pages are also aggregated pages:

  • Very similar to the start page but holds only widgets from a certain section.
  • Focuses on giving the user an overview of their engagement within a certain area.
  • Examples might be savings, liquidity, finance.
  • Note that you do not need to have a theme page for a certain area, it should only be there if it brings extra value to the customer in terms of making it easier to get a a good overview and highlight important information to the customer.

Sub pages

Sub pages:

  • Where the module lives. Hold all pieces of information related to one subject.
  • Module takes up most space, but widgets may be placed under to support content in module.
  • Examples might be accounts, funds, loans.
Page types

Page types

 

Page zones

All pages are divided in three zones where each zone contains different kinds of content with different purposes to make it intuitive for the user to interact throughout the site. ​

The zones are always used in this set order and should not be rearranged. ​

All zones do not need to be present on all pages. In situations where we don’t want to distract the user or encourage further exploration, Zone 3 shall not be present. This applies for example on pages that contains application flows.​

The zones in short
  • Zone 1: For orientation and quick introduction. Contain main headline (H1), cluster navigation, global functions in top bar.​
    Tech stuff: The zone is not a part of the module/MFE that each project develops.

  • Zone 2: Hold main content. Different layouts for different functions but variations is controlled by page-types.
    Tech stuff: In this area the MFE/micro site is hosted.

  • Zone 3: Influence customers to explore further content. This may be promotional offers or inspirational content.
    Tech stuff: The zone content is handled by the shell/channel team.
Page zones

Page zones

 

Page last updated

Feedback

Was this helpful?