Alexa Horizontal Carousel
ROLE
UX Designer / Interaction
TEAM
UX, Visuals, Engineering, UXPM
STATUS
Shipped Q2 2023
The ask
Create a centralized and consolidated horizontal carousel component for the Alexa mobile app, decreasing technical debt and streamlining the existing use cases for carousel UI elements.
Auditing
There were multiple types of horizontal carousels in-use across the Alexa mobile app. The audit revealed two common typologies that surfaced: utilitarian and media carousels.
Utilitarian Carousel Audit
Ingress to a settings or another page within the app, common within the Devices channel, Home, and Discover Alexa channel, with varying sizes.
Media Carousel Audit
Ingress to an album, playlist, or Kindle carousel, used entirely within the Entertainment channel.
Opportunities
Create consistency between the carousel cards with a standardized system of grids and multipliers. There could be a variety of container types for many use cases: media, discovery, navigation, and quick actions.
The result
With grid-based logic and consistent sizing, ultimately make for an enhanced experience across the app. Subtle tweaks to corner radiuses and spacing create a more holistic carousel component, ultimately making for an enhanced experience across the app. This was an exercise in restraint to make adjustments that may go unnoticed, but would visually connect the carousel experience with the larger Smart Home Redesign initiatives.
The differences between the existing and the proposed customer experience on the Entertainment channel within the Alexa mobile app.
Primary User Flow
When the customer selects an album from the Recently Played section it triggers the device bottom sheet, to then have the customer select a speaker, which triggers the music bottom bar for Smart Home controls of the music. Cleaning up a single component and centralizing it can trigger a full flow. This was essential for the Smart Home forward redesigns because this is a popular and critical task with our customer base.
Related Projects
