AVS UX Design Overview
- Setup and Authentication
- Attention System
- Display Cards
- Logo and Brand
A successful Alexa integration makes it easy for a customer to interact with your product using natural voice control. The AVS UX Design guidelines outline requirements and recommendations to achieve a seamless Alexa experience.
Use the AVS UX Design guidelines as you design your customer’s product experience and follow all guidelines before submitting your product for review.
Setup and Authentication
The Setup and Authentication process teaches customers what Alexa is, how to use it, and allows them to connect the device to their Amazon account. This typically lives within the setup or first run experience on a partner device.
For information on the setup flow, authentication, example screens, and example text and translations, see Setup and Authentication.
When building a device, remember that using Alexa should feel conversational. This means that waking Alexa should be easy, interrupting Alexa should be supported, and the customer should easily be able to see and understand Alexa’s non-verbal states, like Listening and Thinking.
For information on the attention system, including states and sounds, see Attention System. If you include Alexa Calling, Messaging, and Announcements (ACM) in your product, we also have additional attention system guidance for ACM.
While Alexa is voice-forward, customers still need an easy, intuitive way to interact without using voice. You may provide hardware or on-screen buttons which allow customers to control your device and their interactions with Alexa. The Buttons page has requirements and recommendations.
When implementing Notifications, you need to determine the best way to inform your customer that a Notification has arrived, and how to persistently remind the customer that unread notifications are available in their queue. For more on how to alert customers about new or queued Notifications, see Notifications.
Customers should always be able to stop an Alexa interaction or alert, or request something else while she is responding. In order to keep these interactions smooth, your device must handle conflicting customer requests in a way that customers find simple and predictable. See the Interrupts page for guidance.
Display Cards for Alexa allow products to render "Now Playing" information for music, as well as static display cards for general knowledge questions, weather, to-do and shopping lists, calendar updates, and Alexa skills.
Design guidelines are currently available for the following device categories:
If your device does not fall exactly into one of these categories, select the guidelines that most closely match your product's attributes. Note: This may require combining elements from different categories of guidance.
|Context of use||In home or on the go||In home||In home or on the go|
|Avg. viewing distance||2 ft.||6-8 ft.||2-4 ft.|
|Attention system||On screen||On screen||On device|
For devices with variable resolutions, we provide layouts in percentages to adapt to your device's screen size.
For information on how to enable Display Cards for your device, see Display Cards Overview.
Logo and Brand
Consistent and correct use of Amazon Alexa brand assets in your user interface will protect product integrity and help customers instantly recognize references to Amazon Alexa, thereby allowing your app to be clearly understood. See AVS UX Logo and Brand Usage for more information.
We are excited to work with you on the commercial release of your product with Amazon Alexa. If you have any questions, concerns or comments related to these design guidelines, or are interested in obtaining the resources referenced in the design guidelines, please contact us.