Smart Dog Collar UI
For this pet product company, trust was at the center of their brand experience. When they introduced a new corrective collar that could be controlled via an app, my team helped assure them that our proposed designs would live up to their standard through transparent testing and iteration.
Dogs bark. And when they bark for hours at a time while you’re away from home, you need to know.
The product was straightforward—a corrective collar that delivers a tone or small static vibration in response to extended barking—but the UX for the app that controlled it was clouded by questions. I took on the task of creating a UI that was informative and trustworthy, while working with our researcher to ensure that the experience was sensitive to the varied needs of pet parents, as well as pets themselves.
Building Empathy
Our first stop was a visit to the client’s offices, where we could see the collar and even test the static effect on ourselves. We leaned heavily on their domain expertise, and they relied on our UX research to build confidence in our design decisions.
It quickly became clear that the pets would be their own user persona for this project, just like the owners. (You’ve heard of B2B2C—this was B2C2P!) As our on-site went along, I found myself sketching illustrations that would end up in the app, wanting to avoid a UI that felt sterile.
Testing Two Approaches
As I started roughing out wireframes, we soon keyed in on the setup screens as being an inflection point in the UX and a prime candidate for testing. The collar offered multiple training modes, and we wanted to find the best way to explain all three options while also providing a guided setup experience.
How do you balance making a gentle recommendation with ensuring the user is fully informed? Which approach would instill the most confidence?
Applying Our Learnings
As usual with UX research, we ended up learning a bit of what we expected and a bit of what we didn’t.
We learned definitively that our best approach was to display all three setup options on equal terms; however, we also learned that our phrasing when describing each training method had to be clearer. Some were confused and said they couldn’t move forward without knowing exactly how the collar’s vibrations would affect their dog at different levels.
This was definitely not an area where concision is king. In fact, we slowed down the setup experience and added (optional) in-depth explanations of each training method. This was part of our presentation to the client that outlined our hypothesis, test methodology, and analysis.
Crafting an Expressive UI
When the time came to move from wireframes to high fidelity, the client felt comfortable enough by now to trust us with updating and modernizing their existing design language. They wanted the app to feel slick and easy-to-use.
Along with incorporating the illustrations I mentioned earlier, I made a point of orienting each screen around two principles: high clarity of information, and natural voice and tone. The goal was that the app would feel like a smart companion, proactively analyzing your pet’s behavior and guiding your decision-making.
