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.


Motion is all about reenforcing understanding and behaviour on user triggered actions. We use it to describe functionality, relationships and intention.

We are all for animations and encourage the SEB developer community to experiment with animations. We have tried to put down a few notes here as input. Do contact us if you would like our opinion on an animation that you have created:


Short description

Motion enhances usability in four ways:

  1. Expectation. How a user perceives resulting action and behaviour of an object.
  2. Continuity. The cause and effect of a certain action within a user flow that enhances the total user experience in a consistent way.
  3. Narrative. The linear progression of events and moments that results into an expected goal.
  4. Relationship. Relationship refers to the spatial, temporal, and hierarchal representations between interface objects that guide user understanding and decision making.

When and how to use it

Use motion to help the user focus on the upcoming step, bring a task to their attention or indicate that an action is not available.

Make motion meaningful.


Motion should be quick, simple and intentional.

Do's and don'ts

  • Do use motion to help a user complete a task.


  • Do not animate everything, try instead to be subtle with microinteractions.

Interesting links



  • Stick to more than 200 ms - so that the user can see that something happens
  • Some things get better with a delay
  • "Ease-in" and "ease-out" makes start and stop smoother

Page last updated


Was this helpful?