Supporting Information

A pattern to help users understand complex financial terms in the moment using specific components based on content.

Usability Considerations

  • The ‘i’ icon button is universally recognised and consistently interpreted as “more
    information”.
  • Clicking (rather than hover-only behaviour) supports:
    • Touch devices
    • Users with motor or cognitive impairments

Tooltips and popovers

The tooltip and popover format allows for:

  • Supporting information to be displayed closer to the context
  • Can force content to be concise and improve readability

Drawers

The drawer format allows for:

  • Larger text
  • Clear headings
  • Better readability for large amounts of information