THE ALEXA DEVELOPER CONSOLE
The Alexa Developer Console is where third-party device and app makers go to get started with and manage Alexa integrations.
As the first designer on the Alexa Voice Service design team, I was responsible for creating a new design system to update the Alexa Developer Console, working closely with a product manager and producer.
I began this project by assessing existing pages and mapping out what our updates would entail. Looking through what was live, there were some simple visual issues to address. I wanted to make the Alexa brand visible, resolve alignment issues, consolidate type styles, and implement a grid system.
I then created a simple style guide that our developers could easily reference to build reuseable components. I pulled the blue from our logo, spent time refining form elements, and created illustrations for our new marketing pages, building consistency between marketing, documentation, and the developer console.
First time user flows. These new states provided an opportunity to include links to process documentation—another way to tie the separate systems of our Developer Console together with documentation.
Data hygiene. I looked into how different internal teams use the data we collected. With a better understanding of this, I was able to reduce initial friction by simplifying registration forms, and pushing supplemental information to later in the process, which helped developers get started faster.
Giving Alexa Developers More
To provide new functionality for our customers, a new analytics page shows product metrics for registrations and de-registrations, number of active users, average dialogue frequency, and domain usage.
The resources section was another new addition to the Alexa Developer Console. Documents like test guides, product requirement documentation, user experience recommendations, and eventually also reference kit manuals would be accessed from here.