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.
People expect digital interfaces to behave according to social norms and feedback is an important part of social interaction.
When a user has gone through a flow of one or several steps, for example made a transaction, applied for a loan or connected their business system with the bank, it is important to give the user clear feedback of a happy flow. Therefore we use the confirmation icon placed together with informative text/step/label/bodytext.
Use the confirmation to give the customer clear feedback that the task they have implemented is done.
The icon is always placed to the left. The confirmation group can be placed in different ways depending on what other content the page contains.
The confirmation group should always contain the confirmation icon and a header. It can also contain different set ups like:
All combinations can also contain a body text. Keep the copy short and clear!
The confirmation layout is always placed in the top of content area:
The text in confirmations should be short and to the point. It may, but must not, consist of three elements:
We don’t write thank you everywhere. It becomes excessive and monotonous to the customer. In the header of the confirmation that follow application flows, we only state that the task is completed successfully.
We have opened the account for you
Nu har vi öppnat ditt konto
On some occasions, however, we do have a reason to say thank you. For example, when the user has helped us in our ethical endeavours or has answered a survey.
Thank you for cancelling paper notices and helping us in our environmental work.
Tack för att du avbeställt pappersavier och hjälper oss i vårt miljöarbete.
Don't start each word in headings and labels with upper case. Only use upper case in:
The body should focus on further instructions or maybe to boost the customer. Or both.
Tell the user what will happen next:
We will process your application and answer it next weekday.
Vi behandlar din ansökan och ger besked nästa vardag.
Tell the users what a good choice they have made:
Now when you have a savings account you can start building a buffer for unforeseen expenses.
Nu när du har ett sparkonto kan du börja bygga en buffert för oförutsedda utgifter.