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.
Contextual help is the help the user finds closely integrated in the interface she is working in.
Contextual help is a group of techniques use to help the user in close relation to the feature she is using right now.
Before using the Contextual help pattern, with hidden information, consider if it is really needed. We should not hide information if we don’t have to. Would it instead be possible to shorten the information, so it fits in for example as label information or in another visible area?
Use the Contextual help to give users who quickly want to look up a particular fact about a product/content or when an explanation, for example a label most users most likely understands but for some users' needs a more precise explanation.
Use for onboarding for new users who are not familiar with an interface and need assistance, (the best way to assist new users is to provide onboarding tutorials). To update users on a new or updated feature that is redesigned. Or for a function that changed placed in the ui.
Provides brief information related to the content. Tooltips are triggered when users hover their cursor over an underlined label, an icon or an image. Tooltips are text based. Best used for short information on for example what a label means.
Link to Component: Tooltip
Use when important information does not fit in a label or in default label information. It is for when the text is too long for a tooltip but too short for a slide-out modal. Expandable label information suits well in a form where the user works their way down, like in an in-page wizard. The text information expands under the label information.
Contextual help in a modal can contain more information. The SEB contextual pattern prefer the Slide-out modal. Use it for example as a central help for a form when several input labels need more information, or for the presentation on a loan application on how we have calculated. Often used more of a “dig deeper” type of Contextual help.
Link to Component: Slideout
Contextual help in coach marks is presented as short, informative text. Can contain more information than in the Tooltip. For example an action or link. Best used in an Onboarding pattern for new users that needs a tour or for new features or layouts.
Link to Component: Coach marks