Audible Experience on Echo Show
Role
Lead GUI designer
Responsibility
Led Audible GUI experience on Echo Show
Collaboration
Lead VUI designer
Audible UX research
Domain expert - Amazon devices UX team
Engineer leads
Product owner
OVERVIEW
Echo Show is an Alexa-enabled device with a 7-in touchscreen display. It displays complementary visual information designed around Alexa voice interactions. Echo Show is designed to fit anywhere in your home–a kitchen counter, a bookshelf, a nightstand, or a home-office desk. It will bring you everything you love about Alexa, and she can show you things. Watch video flash briefings, Amazon Video content, see music lyrics, security cameras, photos, weather forecasts, to-do, and shopping lists, browse and listen to Audible audiobooks, and more. All you have to do is ask.
Echo Show has eight microphones and beam-forming technology so it can hear you from across the room–even while music is playing. Echo Show is also an expertly tuned speaker that can fill any room with immersive audio powered by Dolby. When you want to use Echo Show, just say the wake word “Alexa” and Echo Show responds instantly.
Refer to Echo Show product detail page for more information.
PROBLEM STATEMENT
As an Audible customer who has already consumed Audible through the iOS or Android app, I expect to have a similar listening experience when my book is playing on a device powered by Alexa.
CUSTOMER GOAL
We want a consistent and intuitive way to experience Audible playback on Alexa-powered devices.
BUSINESS GOALS
We want to ensure that Audible’s premium experience is best represented across Alexa-powered devices.
CUSTOMER TYPE
Members or Non-Members with Audible books in their library.
AUDIBLE CUSTOMER EXPERIENCE
MINIMUM GUI REQUIREMENTS
Brand
• Must show provider attribution on all media screens.
• Must be in a consistent location and fixed size on all media screens.
• Logo has to be opaque and white.
Controls
• Transport Controls: Play/Pause, Forward/Back 30
• Progress Bar and Scrubber
Metadata
• Chapter Information: Chapter X of Y
• Audiobook Metadata: Audiobook title, Narrated by Narrator(s)
Art
• Book Cover Art
• If there's no art, the Audible logo will appear as a fallback.
SUPPORTED AUDIBLE VOICE UTTERANCES
AUDIBLE MEDIA PLAYBACK TEMPLATE
Playback Overview
Media playback on Echo Show is primarily about featuring the content in the most customer-centric way. When available, Echo Show will offer customers long-running playback in the form of audio and video play queues. The media playback model is designed to encourage customers to interact with voice first.
Depending on the content type, playback should follow these rules:
Audio content should follow the custom player design
• 2ft and 7ft playback views exist
• 7ft removes tap targets from the screen and focuses on visuals such as background image and provider artMixed content (mixed audio/video, mixed video/still images)
• 2ft and 7ft views exist
• When a video or still images, 7ft view should always be fullscreen
• When audio, 7ft should remove all tap targets
AUDIBLE LIBRARY LIST VIEW TEMPLATE
Horizontal List
Horizontal Lists are used in Local Search, Movies & Showtimes, Media Playback (1P Music, 3P Music, Podcasts, Audible, Kindle, YouTube, Amazon Video), Amazon Shopping, Prime Photos, and Skills. Lists may be based on content with a mixed aspect ratio, or content with a fixed aspect ratio.
Horizontal Lists should be used when:
The item image is the primary differentiator or will greatly aid users in recognizing the right item.
Items contain tertiary text or tertiary content such as ratings, badges, and metadata.
Horizontal List Behaviors
Touch
Users may scroll by touch.
Lists should use standard inertial scrolling.
Scrollbars are not displayed at any time.
When Echo Show is reading the list, touching the screen will stop any TTS playback and remove the highlight from the item that Alexa was reading.
Tapping a list item will select it. Selection should take users to a child list, detail page, or playback experience.
Voice
Users may navigate a list using voice commands such as "show more" and "go back."
Using these commands will advance or reverse through one full page of complete list items.
When Alexa is reading a horizontal list, the highlight starts with the first item in the list, then across the page.
The list scrolls only when Alexa has reached the end of a single page. After the last complete item on a page is read, the Echo Show will advance a page for further readout.
Ordinal markers indicate that a user may refer to list items by number - for example, "Alexa, play number two."
If a list does not support list management by number, then ordinal markers should not be displayed.
