This is an app that leads users to understand the process of training the dog. My intention of the project was having users gradually learn the steps and tips of how to train their dog by visualized interfaces and interactive flows.
FLOW & INSIGHTS
Call Bailey & choose the activities
The app applies a voice system to simulate the real-world interaction. Call Bailey out then swipe left and right to choose the order with which you wish to train him.
Have the dog knows there will be a treat after it completes upcoming orders. The app teaches owners to put the treat in the right place.
Show the treat in the right way
The bar will provide you with feedback to let you know whether you’re training the dog the right way.
Leading the behavior naturally
Once the dog gets to the position, voice the order before you feed the dog. Let it know the causal relationship between the order and the treat.
Give the order at the right time
Find something you want to teach users which have several steps and design an interactive process to present the ideas. The design must meet the following requirement:
The user interface must provide instructions in discrete steps
The UI must let users track their progress (i.e., completed steps) and see which step they’re on
The UI must try to provoke an emotional response upon completion of steps, with special emphasis on the final step.
The UI must be able to support multiple lessons (i.e., sets/groups of steps)
I was dog sitting at the time and thinking of how we learned the way to train or communicate with the dog, and then I found out there are articles on wikihow teaching us of training dogs with clear steps and pictures, and I think why don't I make them more visualized and interactive which gives more impacts.
I decided to go for the app that shows the dog owner/lover how to train the dog in an interactive way instead of through worded instructions. This is the first version I made. I applied many interactions to make the design accessible and self-explained.
I made the working prototype and had over 15 people test it, then gathered a lot of valuable feedback and started working on the improvements. After repeating the process multiple times, I eventually had the final version of my app.
Adding the sound wave animation to inform users that they have completed the order in the right way and that they can proceed to the next step.
Adding the red indicator to show the user the exact spot to drag the treat to after they failed the first time.
Inexperienced users were confused by the interactive interface, so I built stronger connection between the dragging treat that the user made and the corresponding progressive bar below by adding indicated texts and images.
Many people were confused about the timing of giving the order: “sit,” so I added the text to emphasize the behavior and explain the orders.