ÃÛ¶¹ÊÓÆµ

Skip Links

Content Area Main Navigation
ÃÛ¶¹ÊÓÆµ logo, to home page
Web publishing guidelines

Meta Navigation

    • Contact
    • Guidelines & checklists
    • /content/sites/fx/en/web-publishing-guidelines/user-experience-principles/ux-glossary-terms-and-definitions.html
  • Search & table of contentSearch / Table of content

Main Navigation

  • GeneralVisit overview
    • Concept
      • Visit overview
      • Channels
      • Geotargeting and language detection
      • Marketing URL
      • Opening behaviour links
      • Organizing principles
      • Responsive behaviour
      • Site types
      • URL-design guidelines
    • Design
      • Visit overview
      • Colors
      • Imagery
      • Use of images
      Grid Control
      • Visit overview
      • Background color
      • Grid control component
      • Row spacing
      • Section header
      • Viewports
    • Banner
      • Visit overview
      • Action stamp
      • Alert ribbon
      • Smart app banner
      Overlays
      • Visit overview
      • Interstitial template
      • Lightbox
    • Page layout / structure
      • Visit overview
      • Page type - full-width
      • Page type RFA
      Page templates
      • Visit overview
      • Page models
      • Page models
      • Page models
      • Page models
      • Page models
    • Navigation
      • Visit overview
      • Meta navigation
      • Main navigation - Horizontal
      • Main navigation - Mega menu
      • Footer
    • Legal aspects
      • Visit overview
      • Page disclaimer
      • Privacy settings - Cookies
  • Content presentationVisit overview
    • Images & text
      • Visit overview
      • Banner component
      • Double image
      • External Disclaimer
      • Message stage
      • Process steps
      • Profile component
      • Quote
      • Section header
      • Spotlight teaser
      • Teaser
      • Testimonial
      • Text and image
      • Text list
      • USP Box
    • Containers & grouping components
      • Visit overview
      • Accordion
      • Carousel
      • Compare container
      • Event agenda container
      • Expandable box
      • Experience fragment
      • Filtering component
      • Multifragment component
      • Multi-step wizard
      • Reference component
      • Service container
      • Tab teaser
      • Topic container
      • Vertical tab container
    • Buttons, CTA & links
      • Visit overview
      • Anchor link
      • App store
      • Buttons and ctas
      • In-page sticky navigation
      • Link list
      • Link list re-imagined
      • List DAM assets
      • List child pages
      • Sticky CTA
      • Tiles
      • Tile box
      Media display
      • Visit overview
      • Media gallery
      • Podcast
      • Video and audio player
    • Interaction tools & custom
      • Visit overview
      • External application
      • Investment calculator
      • HTML
      • Multi-step wizard
      • Process steps
      • Ready to talk
      • Search
      • Timeline component
      Data display
      • Visit overview
      • Countdown timer
      • Featured statistics
      • Highcharts Collection
      • Interactive chart
      • Simple Chart
      • Table
      • Timeline component
    • Contact & feedback
      • Visit overview
      • Contact box
      • Feedback
      • Multi-step wizard
      • Ready to talk
      Layout styling & structure
      • Visit overview
      • Airy Container
      • Grid control component
      • Divider - "show more"
      • In-page sticky navigation
      • Section header
      • Story Split Component
    • Page headings
      • Visit overview
      • Hero style
      • Invisible style
      • Looping video style
      • Personalized page head
      • Regular style
      • Slogan style
      • Stage style
      • Stage full bleed style
      • Welcome style
      • Comparison of page headers
      • Media types

      Additional topics

      • Activity stream, article- and event-template
      • Forms
  • HomepagesVisit overview
    • Basics
      Layout and structure
    • Structural elements
      • Visit overview
      • Footer
      • Header
      • Main navigation
    • Components
      • Visit overview
      • About ÃÛ¶¹ÊÓÆµ
      • Activity streams (SDAS)
      • Account marketing zone
      • Capabilities
      • Location Selector
      • Market overview
      • News ticker
      • Promotion
      • Special communication
      • Teaser
      • Tile box
  • UX best practicesVisit overview
    • Fundamentals
      • Visit overview
      • Usability
      • Consistency and coherence
      • Readability
      • Responsiveness
      • Accessibility
      • UX Glossary Terms and definitions
    • Web creation
      • Visit overview
      • Purpose and audience
      • User journey
      • Structure and hierarchy
      • Content creation
    • Practical resources
      • Visit overview
      • Checklist for starting a new project
      • Checklist before go live
      • Checklist after go live
      • Best components and settings
      • A/B test insights
      • Quality reports
    • Get inspired
      • Visit overview
      • Campaign landing page
      • Lead gen campaign page
      • Service offering
      • Product offering
      • Article
  • SEOVisit overview
    • Basics
    • Positive impacts
    • Negative impacts
    • Exclude from search
  • AccessibilityVisit overview
    • Introduction
    • Basic checklist
      • Visit overview
      • Alternatives for infographics
      • Browser title
      • Data tables
      • Forms, labels and errors
      • Headings
      • Image text alternative
      • Images of text
      • Link lists
      • Linked documents - PDF
      • Links
      • Multimedia alternatives
      • Opening behaviour links
      • Text lists
      • Think mobile for a good structure
      • Using Color
    • Checks for custom made HTML
      • Visit overview
      • Keyboard access and visual focus
      • Forms, labels and errors
      • Moving, flashing, or blinking content
      • Resize text
      • Using color
    • Tools for accessibility checks
    • Frequently asked questions
    • accessibility icon

      New checklists

      Supports accessibility for all types of documents

      All checklists

header.search.alt

header.search.error

Search Title

Best components and settings

Refer to use cases and best practices to see how different components can be used effectively in similar scenarios. This provides inspiration and guidance on selecting the right component.

Best components for specific requirements

Proposing optimal components tailored to meet specific requirements and needs. Please note that this list is not yet exhaustive.
  • Jumping to different sections
    Allows users to quickly jump to different sections of the page.
  • Breaking up long copy
    There are some proven methods to break up long texts, which also help manage a large amount of content
  • Prominent teasing
    There are various ways to prominently tease new content.
  • Content in a timeline
    There are several ways to display content in a timeline.
  • Creating an attractive link
    Make your important links stand out.

Preferred settings for components

  • Contact us
    Here are our best practice suggestions for your needs.
  • Video & audio component
    How manage white video cover image.

UX best practices overview

Fundamentals

  • Usability
  • Consistency and coherence
  • Readability
  • Responsiveness
  • Accessibility
  • UX Glossary

Web creation

  • Purpose and audience
  • User journey
  • Structure and hierarchy
  • Content creation

Practical resources

  • Checklist for starting a new project
  • Checklist before go live
  • Checklist after go live
  • Best components and settings
  • A/B test insights
  • Quality reports

Get inspired

  • Campaign landing page
  • Lead gen campaign page
  • Service offering
  • Product offering
  • Article
You are here:
  • UX best practices
  • Practical resources
  • Best components and settings
Back to top

Reimagining the power of investing.

Connecting people for a better world.

ÃÛ¶¹ÊÓÆµ purpose

Footer Navigation

General

  • Concept

Change your domicile

Explore ÃÛ¶¹ÊÓÆµ.com

  • Explore ÃÛ¶¹ÊÓÆµ.com
  • Asset Management
  • Investment Bank
  • Global Wealth Management
  • Our firm
  • ÃÛ¶¹ÊÓÆµ
  • Investor Relations
  • Locations
  • Media
  • Information on ÃÛ¶¹ÊÓÆµ
  • Terms of use
  • Privacy statement
  • Report fraudulent mail
  • Privacy Settings