Yellow Paw

YPA.png

Tiny apartment? No problem! Yellow Paw is a Bumble-like website that helps people in the city find the perfect dog to adopt. 

Project Plan

Role + Duration

  • I acted as UX Researcher and Designer. This project took place over one week sprint.

Plan

  • Interviews

  • Sketches

  • Decide Solution

  • Prototype

  • Test

  • Next Steps

Tools

  • Zoom

  • Adobe XD

Interviews + Accesibility:
Are adoption sites breaking your heart?

As UX Researcher, I conducted several interviews. I was able to extract some common challenges city people face when trying to find the perfect pup to adopt. Current adoption sites are not designed to meet the needs of city people. Yellow Paw took their needs into consideration to disrupt the way dog adoption happens in the city. But first, lets here what some of the interviewees said they need...

 

NOTE: When images have sample alternate text displayed to demonstrate my focus on accessibility and inclusion as a UX Designer. The actual alternate text is placed properly within photo and hidden.

Anthony

"I like to see lots of photos - or even better, videos! They help me create an instant connection, and it's a little easier to see how big they are, get a feel for their energy level, and imagine if my small apartment would be a good home for them."

Lindsey

"I want to know how comfortable and trained the dog is when traveling or moving around the city. I definitely need a pup who is ok riding the train with me, around a lot of other people and distractions."

Dana

"I look at the basic info - size, age, etc. Photos and 'bios' are so great to get an idea of the dog's personality. Some things are harder to figure out - like how much attention does the dog needs. I would need a dog that could be left home for a while if I'm at work or get home late due to my commute."

PY (12).png

<alt text>:

Photo of man wearing a grey t-shirt with blue jeans, kneeling down to nuzzle head with his dog. The dog has a white medium length fur coat with black fur over both eyes and ears. There is a park in the background.

PY (10).png

<alt text>:

Photo of two women walking on a city sidewalk with their matching Bichon dogs. One dog is wearing a green sweater and the other dog a black sweater. Both women have coats on and it is night time.

PY (11).png

<alt text>:

Photo of two women walking on a city sidewalk with their matching Bichon dogs. One dog is wearing a green sweater and the other dog a black sweater. Both women have coats on and it is night time.

PY (13).png

Hi-lo Mapping:
Do you like mock tails and staying inside when in the rains?

Um yes and okay! I compiled the user interviews and extracted their main needs onto a hi/lo chart. This helped to find our Most Valuable Player's (MVP's) to start the design process. Our top three player's are:

  • What is the training level of the dog?

  • What is the personality of the dog?

  • Will this dog work for my apartment size and daily routines?

PY (13).png

Journey Mapping:
Playing Match Maker

I mapped out the users’ steps to see how I could create the best journey to help them get matched with the pup that met most their needs.

Thinking Process:

  • Using the journey map enabled me to brainstorm a couple ideas, and determine what worked best.

  • I focused on the specific attributes of the dog, and not images. This way the process would start with what works, then let them fall in love after dog profiles were scanned based on needs. This would also save users time and heartbreak.

  • Steps of the journey were determined by meeting the MVP's first, then following the natural process of adoption. The end step would redirect users to third party shelters to finalize adoption

  • The idea popped in my head to use dating apps as inspiration, being the users are more forward thinking and trendy.

  • Creating a journey map allowed me to best see how a dating app could translate into an adoption site for dogs.

Screen Shot 2021-11-03 at 9.35.30 PM.png

Decision Time + Sketches

I started with a low fidelity version of what I would want the process to include, in order to get users to keep clicking and complete the dog adoption. This way I can make sure I am solid on the concept before using programs like Adobe XD to create an entire prototype.

The Next Act:

  • What was the main purpose of these sketches were to solidify the adoption quiz to validate pup selection.

  • The unique needs of the users inspired the quiz and types of questions that needed answered.

  • After two versions, I was able to decide the direction to take. But half way through the hi fidelity prototype I reordered the Walk Match and Neighborhood screens. This just made better sense based on the content.

PY (14).png

Wireframes + Lo Fidelity

Adobe_XD_CC_icon.svg.png

In this step, I created low fidelity wireframes for the entire website. This way I could easily make more changes before finalizing into a high fidelity prototype.

 

Tools Used

  • Adobe XD

  • Lorem Ipsum plugin

PY (15).png

Wireframe + High Fidelity

Adobe_XD_CC_icon.svg.png
PY (16).png
PY (17).png

In order to get proper feedback from user testing, I created a hi fidelity version. This way it felt like a realistic experience.

Tools

  • Adobe XD (wireframe + user testing)

  • Canva (logo design and images)

  • Userway Widget (accessibility)

 

NOTE: These screens have an important element shown in the bottom right corner of each page, known as an accessibility menu. Having this option allows users to personalize the experience based on their needs. It also allows stakeholders to capture a wider audience.

This is particularly important in this website design, as some adopters might being looking for a seeing eye dog or emotional support animal.

yo1_2x.png
yo2_2x.png
yo3_2x.png
yo10_2x.png
yo12_2x.png
yo16_2x.png

User Testing + Moderated Interviews:
Will users "adopt" a bumble like site for pet adoption?

Before launching the product, I did a testing round in with five users. We got some interesting feedback and made some adjustments. A common thread was to have less social media options and loading screen. Another important factor, was that users we're not sure if "handicapped" selection was for the person or dog. So we added and created that option for both, which brings us back to making the website accessible and inclusive.

Questions

We were aiming to get users to feel confident in the adoption process. As a measurement, we asked each three final questions:

  • How did you feel during your search on Yellow Paw for a new pup?

  • If this was real, would you follow through with meeting and adopting one of these pups?

  • Would you recommend Yellow Paw to a friend looking to adopt a pup?

People are excited about Yellow Paw!

During the user test we heard some great feedback. We conducted the test through a combination of Adobe XD share and Zoom.

Check out what dog lover's had to say...

PY (1).png
PY (5).png

Darrian

"I like that you can click on social media and get more information about the dog...

I would use and recommend Yellow Paw."

Mike

"Hell yea, I would use this! It pre-selects dogs that already meet my criteria. I would also add if person has special needs."

PY (2).png
PY (6).png
PY (4).png

Cydney

"I love that this site thinks about service dogs and accessibility! Also that it makes it easier for someone like me to find the best dog for my small place."

5

USERS

100%

VERY COMFORTABLE

100%

WOULD ADOPT

100%

WOULD RECOMMEND

Next Steps

facebook--600.png

Create Community

Here adopters could communicate like on Facebook. They can share the good and ugly part of getting acclimated with their new rescue. It's also a good place to connect with dog walkers through third party apps. Members could share geo location when doing activities, like visiting the dog park, making it easier to connect. Or maybe even trade dog sitting with each other!

uber.png

Uber Dogs

Getting around in the city is a challenge, especially with a dog. I have a vision of connecting members with dog friendly Uber rides, which makes it easier to get to the vet or go shop the latest styles at the pet shop. And why not Uber a new adopted pet home? This would make adoption more accessible to those who have physical mobility challenges.

youtube.jpeg

Partnerships

Rescue dogs have endured a lot. The last thing you want to do after finding the perfect pup, is to lose them. Leashes are always recommended, but how about partnering with a dog collar tracking company or You Tubers to promote training your dog?

Can you teach a UX Researcher new tricks? Yes! I'm always learning something new to make the next project the best experience possible...

Adobe_XD_CC_icon.svg.png
PY (17).png
preely-header-dark.png

In Yellow Paw I learned how to listen and let the user speak. Zoom in combination with Adobe XD made it easier to listen, share and get feedback. This is especially true during a pandemic. However, the beginning of interviews are always awkward. I would like to discover how to better prep people before the Zoom meets.

Also, for future projects, I would add unmoderated testing with plugins like Preely. This was you can have a uniform survey to get statistical data to reinforce the moderated test.

New Tools used

  • Adobe XD plugin Ipsum Lorem

  • Userway Widget

 

Tools learning now

  • Adobe Illustrator

  • Adobe Whiteboard

Personal Goal

  • Teach myself sign language using the Lingvano app

Photoshop.png
adobeillustrator.png
lingvano.png