Redesigning accordion experience (workshop)

[leeejune]

Is your feature request related to a problem? Please describe.

User studies have shown that users do not recognize the accordion on a content heavy space.

Describe the solution you'd like

Design an accordion with more affordance and discover new ways to indicate that the accordion is interactive. We should also have guidelines for the header text (change to actionable text).

Describe alternatives you've considered

Use current accordion.

Additional context

Usertesting video that highlights the issues with accordion we designed for the Air Tahiti Nui page: https://app.usertesting.com/h/viRinNuL5WCRDVDLV9D-?shared_via=link

Existing Auro accordion on a live page: https://www.alaskaair.com/content/mileage-plan/use-miles/award-charts

[leeejune]

Working on this with Jeannie Kao, product designer.

[leeejune]

Figma file

Session 1 (3/2): Understanding Context

• Where is accordion being used?
• What are existing research studies can we refer to?

[bbrdnx]

Manage team has begun working with a new version of the accordion component from component hangar. Here are screenshots of how we plan to use it. We will update our component with the Auro official version when available.