SpongeBob Personality Quiz

Overview

The Challenge │ Build a voice skill that allows the user to determine what SpongeBob character they are most like, by measuring responses on a series of questions.

‍

The Product │ The SpongeBob Personality Quiz is a multimodal Amazon Alexa Skill that provides a fun new way to take a personality test. With Alexa’s ability to return a skill card, the Amazon Skill can give users both an audio and a visual experience to improve the sense of playfulness in the interaction.

‍

My Role │ Conversational Designer / UI Designer

‍

Methods │ User Stories, User Flows, Sample Dialogs, Multimodal Prototyping

‍

"As a SpongeBob enthusiast, I want to play a game that matches me to a character from the TV show, so that I can have fun knowing more about my personality."

‍

User Stories

For this project, I thought it would be good to start by quickly outlining some user stories to get a good idea of what users would want to accomplish with the Alexa skill.

The focus for these user stories would be on the SpongeBob fans and enthusiast, but they can also be expended to any user that would be interested.

Luckily, my brothers are avid fans of SpongeBob, so I was able to keep them in mind as I wrote these stories.

• "As a player, I want directions on how to complete the quiz game, so that I have an understanding on what to do."
• "As a quiz taker, I want to receive quiz questions, so that I can answer them."
• "As a user, I want to answer quiz questions with 'yes' or 'no', so that I can progress to the next part of the quiz."
• "As a SpongeBob enthusiast, I want to receive my results from the quiz, so that I can see which character my personality equates to."
• "As a user, I want to get more info on my quiz results, so that I can learn more."

‍

User Flows

Once I had an idea of user needs and goals, I began mapping out a basic flow for the quiz game to further gauge the process a user would go through. In conjunction, I also developed a sample dialog below.

‍

Sample Dialog

‍

My Thoughts on the Flows and Sample Dialog

Before moving on to prototyping, I carefully reviewed the user flows and the sample dialog that I created. I made a few quick notes on my thoughts to help me as I went on to build and iterate on my prototype.

The Flow:

• Are the steps in the flow logical?
• Does the user accomplish what they want?
• What are the different ways to present the quiz questions to add variety.

The Dialog:

• How does this dialog feel?
• Are the directions given to the user clear?
• I wonder if the dialog should go straight into the directions after the greeting.

‍

Prototyping

Moving forward, my tool of choice for prototyping was Voiceflow. This was a chance for me to put my design into action and really test out how the design would work.

‍

Some Things I Kept in Mind for the Prototype:

• How does the conversation flow to the ear?
• Does the speech need to be slower in any areas?
• Does the conversation give varied responses to avoid sounding robotic and redundant?
• Does the conversation do a good job of guiding the user along?
• How much information should I include on the UI screen to support the voice interaction?
• Is the information presented on the GUI relevant and useful?
• Adherence to the Amazon Alexa's GUI & VUI best practices.

‍

The Prototype in Action

Here is a sample of the voice interaction with the SpongeBob Personality Quiz Prototype.

‍

What's Next?

With a prototype built for this concept, my next steps would be to set up some user testing to further iterate and refine the design of the Alexa Skill.

A few things I would test are:

• The ease of use
• Learnability of the Skill
• If there are any pain points
• Level of engagement in the dialog
• The speed of the voice system's speech
• If the VUI and GUI are effectively working together
• Does the GUI enhance the user's voice interaction with the Skill?

‍