CollCare

Summary

Problem

Many pet owners consider their pets to be important members of their family. They worry about them and want to be sure they are healthy and happy throughout the day. In addition, pet ownership has been proven by clinical research to positively affect a person’s mental and physical health.

Solution

We wanted to design a solution that can give pet owners peace of mind by allowing them to keep track of their pet's vitals and encourage greater owner-pet interaction. Moreover, from the data collected, we wanted to offer the owners pet care advice to enhance the bond they have with their pets. The CollCare application and pet collar product was designed to address these challenges.

User Centered Design Process

Brainstorm & Ideation

Many pet owners consider their pets to be important members of their family. They worry about them and want to be sure they are healthy and happy throughout the day. Therefore, we wanted to design a solution that can give pet owners peace of mind by allowing them to keep track of their pet's vitals and encourage greater owner-pet interaction.

Based on that, we did user research based on IDEO card sorting methods, including secondary research, interview and survey to define our main target users and features.

User Research and Create Persona

The persona defined is based on our interview and survey findings:

People like to know their pets activities and health status.
Although many people are very busy, they still love to arrange time play with their pets
The first pet owners do not have so much pet care experience and always forget to feed their pets on time.

Based on these findings, we create three persona who are our target users

Sketches

We all do sketch with different ideas and then sit together to discuss which sketch feature will be show on our final prototype. Then, we put every selected sketch on table and start to build the sitemap (information architecture) of our App.

Sitemap (Information Architecture)

After we created the sitemap, we use the paper prototype do the user-testing with 8 participants.

The original sitemap has 6 main functions: signup, set reminder, daily log, trends (activity), reward and Q&A

However, after we did the user testing, we feel daily log is very important and we should the add more features on that. Moreover, some features like signup, and trends (activities) are very complicate, thus we also simplified them a little bit when we create the low-fi wireframe.

Initial UI Design and Wireframe

Hi-fi Prototype

Based on my wireframe prototype, we conduct user testing with 8 participants. This time, I added more interaction and features into our final High-Fi Prototype.

Final Reflection

After the class was end, I did not stop the project but continued to work the interface design, including contextual design, interactive prototype and front-end tech spec.

Contextual Design and Interactive prototype

Because CollCare is an App for both dog and cat owners, it is necessary to design different functions and design for different type users.

For dog owners, the activities with dogs may be more at outside and for cat owners, the activities may be more at home.

The interactive prototype was edited by InVision. It is easy for us to do design evaluation and interaction changed using InVision.

Front End Tech Spec

For the front end tech spec, I just Sketch + Zeplin to codify my design work. It is great tool to corporate with front-end developer~ :-)