Gathering Feedback Though Usability Testing
Validate Ideas
To find out if the flow and UI are intuitive, I did the 1st round of testing to 5 people for Mid-Fi and 2nd round to 3 people for Hi-Fi. Everyone finished tasks smoothly, but some had questions about the instructions and where to find certain features, for example, delete accounts or share pet info with others.
I decided to adjust information architecture and use colors to code categories, which was proven the right choice in my 2nd round of testing.
Read the full testing report at Testing Findings.
What Did The Competitors Do Right And Wrong?
Missing super app
Although popular competitors offer various activity tracking, training, and vet appointment booking and have a large user base, they usually only focus on one area.
No way to store pets medical records
Storing medical records isn't feasible for many apps, yet every veterinarian requires pet owners to fill out pet information every time.
![](https://static.wixstatic.com/media/383178_87ad210acb8847fd83ad56dda360562a~mv2.png/v1/crop/x_54,y_34,w_2871,h_1814/fill/w_980,h_619,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Competitive%20Analysis_V2.png)
Sketch Out Approaches & Prioritization
I sketched out multiple approaches for each category screen to better visualize how to move from screen to screen before choosing one to move forward.
After presenting my sketches to my mentors and discussing with other peers, I decided to choose the idea I believe is optimal because it fulfills user needs better and needs fewer implement efforts.
Design - Test - Iterate - Repeat
Mindful design validates users’ needs and cares for their motivations. Designing in solving individual problems rather than entire flows ensures the interface is flexible and open, and users empower the relationship with target users.
The following are some moments I think would be important based on my research. Further moments and features would likely be uncovered in the next steps.
"What Activities Can I Do to Keep My Pet Healthy and Happy?"
Someone using the app to track pet’s activities can also find tutorial videos in the section (upcoming features). They can choose to start tracking or watching tutorials first.
![](https://static.wixstatic.com/media/383178_4ea26b62ea174cc2b45311434499996d~mv2.png/v1/crop/x_64,y_2,w_896,h_1388/fill/w_896,h_1388,al_c,q_90,enc_avif,quality_auto/383178_4ea26b62ea174cc2b45311434499996d~mv2.png)
New User Onboarding
Transparency is key. Letting users know what this app does to inform them and give them the right to decide whether continue or not.
"Can I Set up a Reminder?"
Someone wanting to add a reminder might ask questions like, “How can I remind myself to do medicine fill today? Can I link it to other platforms?” In this case, they would click the “+” to add a reminder to the existing schedule.
"Should I Add All Info at Once?"
Someone who just signed up might not be comfortable to fill all information at once. Giving them choices to do it now or later to reinforce the relationship.
Hi-Fi Prototype
The design of the Petsweet app on iOS result has received all positive feedback from pet owners, at the time of writing (one month since the MVP). However, as a hypothetical project, there is much more to do before this can be delivered for development.
![](https://static.wixstatic.com/media/383178_7f58e6e11bc044779b7c95497bf8d726f000.jpg/v1/fill/w_45,h_90,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/383178_7f58e6e11bc044779b7c95497bf8d726f000.jpg)
STAY WITHIN SCOPE
Trying different approaches is excellent, but make sure to stick with the plan. Otherwise, ruining the schedule is the result.
![](https://static.wixstatic.com/media/45d10e_75dfc3216c3f464392a592bc1c0b6b87~mv2.jpg)
![](https://static.wixstatic.com/media/45d10e_75dfc3216c3f464392a592bc1c0b6b87~mv2.jpg)
![](https://static.wixstatic.com/media/45d10e_75dfc3216c3f464392a592bc1c0b6b87~mv2.jpg)
Learnings
REFLECTIONS
It's always difficult to fully understand the business goals from the outside, especially for a young designer like me standing from a distance. Being able to speak to listeners and collect feedback helped me understand the industry; however, if I could connect with stakeholders, it would help me expand the narrative beyond just the features.
"How might we help users give pets medicine on-time?"
Because the way we structure the information has a direct impact on how people interact with the app, I took a decent amount of time in creating information architecture. I analyzed apps pet management apps and human health management apps to understand the architecture and iterated on it after getting feedback from other designers and my mentor.
![](https://static.wixstatic.com/media/383178_796e9e9407f749989986889eeaaa4318~mv2.png/v1/fill/w_980,h_2895,al_c,q_95,usm_0.66_1.00_0.01,enc_avif,quality_auto/383178_796e9e9407f749989986889eeaaa4318~mv2.png)
Other Findings
To understand how people's frustration comes from, I decided to create two personas and empathy maps for a different group of people I had interviewed. I thought this could help me design a universal product ultimately.
![](https://static.wixstatic.com/media/383178_85ae6be7c7bc465b8d4a4e0be7d23c8d~mv2.png/v1/fill/w_425,h_310,al_c,q_85,enc_avif,quality_auto/feel%20happy.png)
![](https://static.wixstatic.com/media/383178_666d145d799b4519b8471500b38348e3~mv2.png/v1/fill/w_425,h_310,al_c,q_85,enc_avif,quality_auto/folder.png)
![](https://static.wixstatic.com/media/383178_dee4bc1c35ae442da4906563b36174ff~mv2.png/v1/crop/x_0,y_30,w_430,h_324/fill/w_430,h_324,al_c,q_85,enc_avif,quality_auto/memory.png)
![](https://static.wixstatic.com/media/383178_3b68199575464e699d4fb4e46bf624eb~mv2.png/v1/crop/x_4,y_0,w_417,h_310/fill/w_417,h_310,al_c,q_85,enc_avif,quality_auto/different%20apps.png)
My goal was to make the pets' health management experience delightful and ease confusion. Keeping this goal and people's needs in mind, I worked out an information architecture that presents the essential features in the first layer so people can access them more intuitively.
I presented my research to my mentor and in my group crits, people suggested I add a customize category to activities along with adding activities from the Activities category so people would have multiple ways to accomplish the task of training/walking pets.
However, due to time constraints, I couldn't add them to my MVP list.
![](https://static.wixstatic.com/media/383178_0b368b08b8fd419faac29551186bc048~mv2.png/v1/fill/w_980,h_446,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/383178_0b368b08b8fd419faac29551186bc048~mv2.png)
Petsweet iOS Application
Easy Peasy All-in-One Pet Management
Design an all-in-one tool that manages everything related to pets’ health and organizes records or reminders to make users enjoy more happy moments of having pets and reduce frustrations of pet care.
![](https://static.wixstatic.com/media/383178_99881e0d4994485b865ad7232d140278~mv2.png/v1/fill/w_980,h_601,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Final%20petsweet%20hero.png)
What Is The Problem?
Having pets is fun yet time-consuming; especially when working full time and managing pets' health records, activities, diets, or reminding yourself to take pets for exams. With countless APPs that each only solves one problem, it only creates more frustration. If there was a tool that can help pet owners manage all pets' files in one place, how much easier life would be!
Overview
My Role
User Research, UX/UI Design, Wireframing, Prototyping, Testing, Strategy
Duration
August - September 2021
Platform
iOS mobile
Industry
Pet Care
There is no all-in-one super app for pet management on the market. Not only could it help pet owners better manage their pet's files and activities, but this app would also be the perfect tool to recommend local pet services or vets to pet owners. In the current circumstances, many pet owners would call or Google those services every time when needed. However, my vision for this app is to provide both pet owners and pet services ultimately.
The Business Opportunities
I focused on enhancing trust and allowing people to choose what information to add and designed an MVP iOS app for people to create an account and set reminders.
The Approaches
The biggest challenge was to figure out what should be included in the MVP and how to structure the information architecture.
The Challenges
![](https://static.wixstatic.com/media/383178_0e16402a78054d81981ed203dc962bea~mv2.png/v1/crop/x_17,y_0,w_1256,h_275/fill/w_948,h_207,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Owner%20painpoint.png)
Discover & Define The Problems
I researched the pet services market before and after the pandemic and found that:
1) GenX and Millennials make up 57% of the pet services market.
2) Millennials are more eco-friendly on pert-parenting and willing to spend more on sustainable pet products.
3) Females are more willing to spend on pet goods and services.
Take A Look At The Market And Data...
![](https://static.wixstatic.com/media/383178_269e390407814f5ba54c2b20fef2ef04~mv2.png/v1/fill/w_450,h_450,al_c,q_85,enc_avif,quality_auto/383178_269e390407814f5ba54c2b20fef2ef04~mv2.png)
of pet industry customers are GenX and Millennials.
![](https://static.wixstatic.com/media/383178_7f59dfb756a2498cb76a373fed18b161~mv2.png/v1/fill/w_450,h_450,al_c,q_85,enc_avif,quality_auto/383178_7f59dfb756a2498cb76a373fed18b161~mv2.png)
of Millennials are willing to spend more on sustainable pet products.
![](https://static.wixstatic.com/media/383178_b176b6f60f544aa8a83793a4760963ae~mv2.png/v1/fill/w_450,h_450,al_c,q_85,enc_avif,quality_auto/383178_b176b6f60f544aa8a83793a4760963ae~mv2.png)
of female spend $21 - $100 per month on pets
A Brand New Look
After analyzing other brand styles, I decided to choose green as the brand color because of its calmness and the sense of welcoming. Then I sketched out some logos and digitized them. After speaking with my mentor and some target users, I decided to choose #3 because of its unique look, a combination of pet paw and heart.
![](https://static.wixstatic.com/media/383178_6862d39e662a478c829a4360cbccb64a~mv2.png/v1/fill/w_980,h_1093,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Branding.png)
Future Roadmap
Through the synthesis of research results, I discovered major discrepancies between pet owners' behaviors and needs and what the market offers. As I had a limited timeline to deliver a product, I decided to develop an MVP that matches people's most basic needs to retain them and implement it over time.
Final Thoughts
Significantly, 100% of users completed the tasks with a 100% error-free rate. Overall, users found the app easy to use, and it matched their expectation for a pet management app.
![](https://static.wixstatic.com/media/383178_f3ef8add91fa42979140a607612aed79~mv2.png/v1/fill/w_85,h_85,al_c,q_85,enc_avif,quality_auto/383178_f3ef8add91fa42979140a607612aed79~mv2.png)
Recommendation
How might vets and other pet services utilize this app to provide pets owners better services based on their daily routines?
![](https://static.wixstatic.com/media/383178_52fce8ea9bf24228be949d0375cc4846~mv2.png/v1/fill/w_85,h_85,al_c,q_85,enc_avif,quality_auto/383178_52fce8ea9bf24228be949d0375cc4846~mv2.png)
Insurance Plan
How might insurance plans be added to offer users more accurate in or out-of-network services?
![](https://static.wixstatic.com/media/383178_ef458f0e07af4450a76c3809f39d1b43~mv2.png/v1/fill/w_85,h_85,al_c,q_85,enc_avif,quality_auto/383178_ef458f0e07af4450a76c3809f39d1b43~mv2.png)
Health Insights
How might this app integrate data to generate insightful feedback to pets owners for better pet caring?
Things I would do differently...
-
Focusing more on the essential features and being more specific on solving one problem at a time;
-
Working with developers sooner, I did ask an engineer friend how to use API during my design, however, not being able to work with developers directly limited my ability to understand constraints and measure my scope.
Thank you for reading!
To control the design in scope and deliver it on time is not easy, especially when designing a hypothetical project and trying to meet so many people's needs. If I had to do this again, I would try to focus more on the essential flows before getting into details and micro-interactions.
![](https://static.wixstatic.com/media/383178_ab0432387b9d4900aa379edc3d0953a9~mv2.png/v1/crop/x_0,y_1,w_705,h_576/fill/w_705,h_576,al_c,q_90,enc_avif,quality_auto/383178_ab0432387b9d4900aa379edc3d0953a9~mv2.png)
![](https://static.wixstatic.com/media/383178_5b1176c9b75a47e6ad1c056b1dcaca2f~mv2.png/v1/crop/x_0,y_0,w_705,h_579/fill/w_705,h_579,al_c,q_90,enc_avif,quality_auto/383178_5b1176c9b75a47e6ad1c056b1dcaca2f~mv2.png)
UI Kit and Design System
To make my future steps more accessible, I created a UI kit and designed a system to document all components and elements. One thing I've learned during this design process is always to keep files organized so that no matter who needs to use my file, they are easily navigate through.
![](https://static.wixstatic.com/media/383178_5ba34f66fdff4d258029a708953e9eba~mv2.png/v1/fill/w_980,h_1054,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/UI%20kit.png)
"I'd like to track my pets' activities to keep them healthy and happy."
Someone using the app to track pet’s activities can also find tutorial videos in the section (upcoming features). They can choose to start tracking or watching tutorials first.
![](https://static.wixstatic.com/media/383178_4ea26b62ea174cc2b45311434499996d~mv2.png/v1/crop/x_64,y_2,w_896,h_1388/fill/w_896,h_1388,al_c,q_90,enc_avif,quality_auto/383178_4ea26b62ea174cc2b45311434499996d~mv2.png)
Sign up as a new user
Transparency is key. Informing users know what this app does and giving them the right to decide whether continue or not.
"Can I set up a reminder?"
Someone wanting to add a reminder might ask questions like, “How can I remind myself to do medicine fill today? Can I link it to other platforms?” In this case, they would click the “+” to add a reminder to the existing schedule.
"What if I don't want to add all details at once?"
Someone who just signed up might not be comfortable to fill all information at once. Giving them choices to do it now or later to reinforce the relationship.
User Interview Findings
I found that women spent more time and money on their pets from market research and competitor analysis and decided to conduct interviews with women. The participants are six women in total; 4 Females, age 22 - 31 years old, full-time employees or students; 2 Females, age 55-60 years old, retired — questions around the following areas to find out their habits and pain points.
1. Everyone cares about the health of their pets and has struggled during their pet care process.
![](https://static.wixstatic.com/media/383178_260abac9b4eb4a3581bdabda56a8fdfa~mv2.png/v1/crop/x_0,y_10,w_529,h_502/fill/w_529,h_502,al_c,q_85,enc_avif,quality_auto/Questions.png)
2. The primary pain points are to store pets' information in one place and remind themselves to take care of pets.
![](https://static.wixstatic.com/media/383178_38a09caaad6e4f9e923ab628f57f7686~mv2.png/v1/crop/x_0,y_0,w_457,h_663/fill/w_457,h_663,al_c,q_85,enc_avif,quality_auto/painpoints.png)
Wireframes
I used wireframes to create a more easy-to-follow user flow and explored potential pathways for adding pet information and reminders.
Who Are We Designing For? User Personas: Fiona and Jenn
I created two personas to be more emphatical and specific with the users I'm designing for.
These two groups of audiences are both pet owners, but each has different pains and needs when comes to caring for pets. I used Fiona and Jenn as reference points while designing the solutions, which provided support for my decisions.
![](https://static.wixstatic.com/media/383178_1332c98bd59c49cc9cc3ae035423fc18~mv2.png/v1/fill/w_645,h_384,al_c,q_85,enc_avif,quality_auto/4%20Persona_1_V3.png)
![](https://static.wixstatic.com/media/383178_d5f2e86fd11e4a9e99d6276d368b5c35~mv2.png/v1/fill/w_499,h_297,al_c,q_85,enc_avif,quality_auto/4%20Persona_2_V4.png)
What Is The Context?
Once I learned more about my users' needs and understood their excitement and real thoughts. I created a user flow around scenarios to visualize how they would react to situations and make decisions.
![](https://static.wixstatic.com/media/383178_311882fb87e345daa023c714f8d75064~mv2.png/v1/fill/w_980,h_495,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/8%20User%20flow-Fiona_V2.png)
![](https://static.wixstatic.com/media/383178_acebca7fb7af4df9a3f8f2e3381fd63e~mv2.png/v1/fill/w_980,h_466,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/8%20User%20flow-Jenn.png)
What Can We Build To Fulfill User Needs?
After identifying the problems, I realized that the scope was too big. Due to the time given, I decided to approach the problems by first prioritizing the user needs. After I discussed my feature list with peers in my group crits and mentor sessions, I then focused on the following two features: Add pet information and Set reminder.
To Better Understand The Users
I used empathy maps to connect more with end-users and to really understand their frustration, motivation, and needs.
![](https://static.wixstatic.com/media/383178_da7c8ef5d6d64057bb4fe2b4271439f0~mv2.png/v1/crop/x_0,y_0,w_645,h_467/fill/w_645,h_467,al_c,q_85,enc_avif,quality_auto/5%20Empathy%20map_1_V2.png)
![](https://static.wixstatic.com/media/383178_a1b95c0d293c483a82f8ab180138a9c2~mv2.png/v1/fill/w_499,h_360,al_c,q_85,enc_avif,quality_auto/5%20Empathy%20map_2_V2.png)
Update Information Architecture
Grouping settings to the Hamburger menu reduced the complexity of the app.
Color Code Category
Categorizing schedules and reminders by color made people recognize items easier.
Clarify Instructions
Clarifying instructions by giving one option to each form, so people would not need to think twice.
![](https://static.wixstatic.com/media/383178_9d603ddc332d466286c651af0dbba526~mv2.png/v1/fill/w_728,h_512,al_c,q_90,enc_avif,quality_auto/383178_9d603ddc332d466286c651af0dbba526~mv2.png)
![](https://static.wixstatic.com/media/383178_fdd1b6bcbc514aa0b63e001d69628060~mv2.png/v1/fill/w_728,h_512,al_c,q_90,enc_avif,quality_auto/383178_fdd1b6bcbc514aa0b63e001d69628060~mv2.png)
![](https://static.wixstatic.com/media/383178_ab0432387b9d4900aa379edc3d0953a9~mv2.png/v1/crop/x_0,y_1,w_705,h_576/fill/w_705,h_576,al_c,q_90,enc_avif,quality_auto/383178_ab0432387b9d4900aa379edc3d0953a9~mv2.png)
![](https://static.wixstatic.com/media/383178_5b1176c9b75a47e6ad1c056b1dcaca2f~mv2.png/v1/crop/x_0,y_0,w_705,h_579/fill/w_705,h_579,al_c,q_90,enc_avif,quality_auto/383178_5b1176c9b75a47e6ad1c056b1dcaca2f~mv2.png)
![](https://static.wixstatic.com/media/383178_c14a3bba584c49a5b2fcfc781d69dc5d~mv2.png/v1/crop/x_0,y_0,w_772,h_196/fill/w_790,h_201,al_c,lg_1,q_85,enc_avif,quality_auto/383178_c14a3bba584c49a5b2fcfc781d69dc5d~mv2.png)
![](https://static.wixstatic.com/media/383178_864f9b4d79fb4e359003e4bb393a9434~mv2.png/v1/crop/x_0,y_0,w_790,h_215/fill/w_790,h_215,al_c,q_85,enc_avif,quality_auto/383178_864f9b4d79fb4e359003e4bb393a9434~mv2.png)
Update Information Architecture
Grouping settings to the Hamburger menu reduced the complexity of the app.
![](https://static.wixstatic.com/media/383178_c14a3bba584c49a5b2fcfc781d69dc5d~mv2.png/v1/crop/x_0,y_0,w_772,h_196/fill/w_790,h_201,al_c,lg_1,q_85,enc_avif,quality_auto/383178_c14a3bba584c49a5b2fcfc781d69dc5d~mv2.png)
Clarify Instructions
Clarifying instructions by giving one option to each form, so people would not need to think twice.
![](https://static.wixstatic.com/media/383178_9d603ddc332d466286c651af0dbba526~mv2.png/v1/fill/w_728,h_512,al_c,q_90,enc_avif,quality_auto/383178_9d603ddc332d466286c651af0dbba526~mv2.png)
![](https://static.wixstatic.com/media/383178_fdd1b6bcbc514aa0b63e001d69628060~mv2.png/v1/fill/w_728,h_512,al_c,q_90,enc_avif,quality_auto/383178_fdd1b6bcbc514aa0b63e001d69628060~mv2.png)
Color Code Category
Someone who just signed up might not be comfortable to fill all information at once. Giving them choices to do it now or later to reinforce the relationship.
![](https://static.wixstatic.com/media/383178_ab0432387b9d4900aa379edc3d0953a9~mv2.png/v1/crop/x_0,y_1,w_705,h_576/fill/w_705,h_576,al_c,q_90,enc_avif,quality_auto/383178_ab0432387b9d4900aa379edc3d0953a9~mv2.png)
![](https://static.wixstatic.com/media/383178_5b1176c9b75a47e6ad1c056b1dcaca2f~mv2.png/v1/crop/x_0,y_0,w_705,h_579/fill/w_705,h_579,al_c,q_90,enc_avif,quality_auto/383178_5b1176c9b75a47e6ad1c056b1dcaca2f~mv2.png)