This portfolio is password protected. Enter the password to continue.

← All work
Amazon Alexa · 2022

Discovery Hub

A multimodal catalog where customers discover and re-engage with Alexa Apps.

Timeline
December 2022
My role
Junior UX Designer
Concept creation
Junior researcher
Scope
UI design
UX design
Conversation design
Team
Alexa Experiences
Tools
Figma, Figjam
Discovery Hub overview

Overview

Solution

Discovery Hub is a multimodal home for Alexa skills on Echo Show. Users can browse, search and filter the catalog, find new skills and get back to the ones they already like, all on one screen.

Discover new skills and find your favorites on Discovery Hub

Impact

In the span of 3 months, Discovery Hub generated over 23,000 skill launches, with a conversion rate of 60% compared to the previous 23% for skills, more than doubling the launch rate.

Research and Testing

Methodology

I ran 30-minute moderated sessions with 6 Echo Show owners on a Figma prototype (June–July 2022), in parallel with a voice-only study of the same feature.

Key Findings

The Home Screen Card Set the Right Expectations

Everyone understood the home screen card right away. Several called it "an app store for Alexa".

Preference Split Evenly Between Voice and Touch

Half opened the hub by voice and half by touch. Proximity decided it, not preference.

Browsing Relied on Pills, Horizontal Scroll, and the Info Icon

People browsed with category pills and horizontal rows, and used the info icon, but expected tapping a tile to launch the skill.

Exiting a Skill Should Return Users to the Hub, Not the Home Screen

Leaving a skill and landing on the home screen felt like a dead end. People expected to return to the hub.

Design Process

Background

Alexa has 130,000+ skills, but most users only ever came back to the handful they already knew. On Echo Show, finding new ones meant listening to a long narrated list, with no way to browse visually. I led the concept design, working closely with product, and partnered with a principal designer on implementation.

Cross-Org Collaboration

I worked with UX designers on interaction and visual patterns, UX research on testing, engineers on feasibility within existing multimodal APIs, and our PM on requirements and priorities.

Getting Leadership Buy-in

With our PM, I turned the requirements into a concept prototype for VP-level stakeholders. Having something tangible to walk through got us the green light.

Initial concept prototype

Core Use Cases

The multimodal catalog experience can be broken out into 4 use cases.

Browse & Discover

Browse the catalog, and search via voice to narrow down results and discover skills.

Evaluate & Engage

Quickly open skills from tiles or review details.

Return & Re-engage

Be reminded of skills I've used and ingress into the hub to see all recent skills.

Manage & Resolve

Manage core functionality for my skills in detail page settings.

Features

01
Tile Design

Hand-picked, high-quality skills get a background image with a tint sampled from the image itself, then softened with scrims so every tile stays legible and balanced.

Featured tile design breakdown for Discovery Hub

Default tiles cover the less popular, lower quality skills that don't have as much developer investment or maintenance. Rather than a custom background image, the tile color matches the skill's icon, keeping the same layered scrim and gradient treatment as featured tiles so the whole grid still feels visually consistent.

Default tile design breakdown for Discovery Hub
02
All Categories

Less-maintained skills use their icon color instead of a custom image, with the same scrim treatment so the grid stays consistent.

All Categories navigation flow for Discovery Hub
03
Partner Guidelines

Only a few category pills fit in a row, so I used usage data to surface the most popular categories and moved the rest behind an "All Categories" page with an illustration for each.

Partner imagery safe zone guidelines for Discovery Hub

Example Dos and Don'ts

Dos and don'ts examples for Discovery Hub tile artwork

Final Design

Core User Experience

This flow shows how someone finds and opens a new skill for the first time, from noticing the Discovery Hub card on the home screen, to browsing categories and popular skills, to reviewing a skill's detail page and launching it.

Discovery flow: Discover card on the home screen Discovery flow: Discover card with research note on comprehension Discovery flow: saying "Alexa, open Discovery Hub" Discovery flow: Discovery Hub landing page with popular skills Discovery flow: saying "show me games" on the Hub landing page Discovery flow: Games and Trivia category page Discovery flow: category page with research note on touch versus voice Discovery flow: category page with research note on tapping a tile Discovery flow: category page with research note on the info icon Discovery flow: Trivia Battle skill detail page Discovery flow: tapping Launch on the skill detail page Discovery flow: skill detail page "More" info screen

Skill Management Experience

This flow shows how someone returning to a skill they already use manages it directly from Discovery Hub, adjusting its settings, reviewing terms of service, or disabling it when they no longer want it.

Skill management flow: Discovery card on the home screen Skill management flow: Discovery Hub landing page with popular skills Skill management flow: tapping a skill tile info icon on the Discovery Hub landing page Skill management flow: skill detail page with Launch and Settings Skill management flow: skill settings page Skill management flow: disable skill confirmation dialog Skill management flow: navigating back from skill detail page Skill management flow: back to Discovery Hub landing page

Next Steps

As ownership moved to the next phase of the roadmap, the top follow-ups were returning users to the hub after they exit a skill, favorites, personalized recommendations, and richer detail pages with pricing and multiplayer info.

More work

Uber Rides for Alexa+ thumbnail

Uber Rides for Alexa+

Bringing hands-free ride booking to Alexa+

Movie and Event Ticketing for Alexa+ thumbnail

Movie and Event Ticketing for Alexa+

UX/UI Design, Product Strategy

Horizontal payments on Alexa thumbnail

Horizontal payments on Alexa

UX/UI Design, Product Strategy

Next project
Hey Disney Product Bundle →