Skip to content

[UX] Improve homepage carousel UX

Goal

Our goal is to design a modern carousel for the hero area that showcases different types of featured content while meeting UX and accessibility best practices.

The problem

Content: The hero area must cater to various marketing promotional content while also conveying product messaging.

UX: Carousels have accessibility issues for keyboard and screen readers, exhibit low click-through rates and are known to be disruptive. Overall, auto-advancing carousels are considered bad practice in the UX community.

Brand: Carousels have a reputation for being dated, and using one on our homepage doesn't portray us as the modern and innovative software company that we are.

The solution

We believe that a modern approach to a carousel, designed to provide users with more control, can effectively satisfy marketing goals, help visitors discover key content and meet UX standards.

  1. By removing auto-advancing, users gain control and can explore content at their own pace, reducing distractions and frustrations.
  2. Using a single, long slide creates a seamless and uninterrupted user experience.
  3. A card approach allows us to easily show various types of content and CTAs without significant impact to the hero design.
  4. Enabling keyboard-based navigation improves accessibility.
  5. Scrolling and swiping are intuitive, but they should complement, not replace, the functionality of clicking on slider controls. This accommodates different pointing and navigation devices like keyboards, trackpads, mice, and tablets.

Page(s)

Which page(s) are involved in this request?

Files

DCI

DRI, Consulted, Informed

In scope

What is within scope of this request?

  • Deliverable 1
  • Deliverable 2

Requirements

What are the requirements for this request? Checklist below is an example of common requirements, please check all that apply and adjust as necessary:

  • Copy writing
  • Illustration
  • Custom Graphics
  • Research
  • Data / Analytics
  • UX Design
  • Engineering
Edited by Tina Lise Ng