FLUFFY TAILS

NOELIA RIVERA | WEB & UI VCDE 707

FLUFFY TAILS HUMANE SOCIETY

DOG LOCATIONS CLINIC NO-KILL

SHELTER IN THE US FACILITIES POLICY
SCOPE OF THE PROJECT

Create an app to adopt dogs from Fluffy Tails Humane Society.

This app will be a mediator between the dog shelter and the user, it will give
the user a selection of all the dogs that are available for adoption in the
closest shelter location of Fluffy Tails.
GOALS & OBJECTIVES

GOALS OBJECTIVES
EASY TO USE. ADOPTION RATES
The user needs to understand the process of how Increase adoption rate and help dogs find a home.
to adopt a pet through the app.

CHANGE OF PERCEPTION
EFFICIENT Make the process less frustrating for the user. Use of
Make the process of adopting a pet more efficient fun ways to adopt a pet.
without any hustle.

RELEVANT CONTENT
Show what is relevant to the user.

RETURNING USERS
Have returning users after adopting through The
Clinic features and health history.
USER OBSERVATIONS
INSIDE THE EXPERIENCE

KAYLA
Her family have adopted
dogs before.
Is not a fun process
Is not easy to see
INSIGHTS
The experience is uncomfortable
and overwhelming for the users.

The users are mostly single woman

and couples.

The joy after adopting is not related

to the process of adoption itself.

Is an emotional process.
STEVE AND JODI
Have two cats.

The second I walked into where

all the dogs are I got an
overwhelming feeling of sadness
and started to cry after seeing
all dogs there.

I was too upset to pull the

camera out.
USER OBSERVATIONS
MAIN QUESTIONS

WHAT FEATURES WILL BE HELPFUL IN A PET SHELTER APP?

Report a lost pet.
Keep track of my dogs health.
Reminders.
Suggestions depending on what Im looking for.

WHAT DO YOU SEE IN A PET WHEN ADOPTING FROM A SHELTER?

The size.
The energy level.
If is good with kids.
The personality of the pet.
How compatible is the pet with me and what Im looking for.

DOES AN APP OR A WEBSITE HELP THE PROCESS OF ADOPTING A PET?

Yes, it helps me see all the dogs possible before going to the pet shelter.
It helps me browse without any pressure.
BRAINSTORMING
WHAT DO THE USERS NEED?

FREEDOM
The user needs options of dogs and the ability to choose.
Relevant search depending on what they are looking for.

A DOG PROFILE
The user needs to understand if the dog is a good match.
The personality of the dog needs to be visible.
A picture or video of the dog.
Relevant information of the dog.

WHAT TO DO
What they have to do to adopt a pet. Does it go beyond the app?

FEEL GOOD ABOUT ADOPTING A PET

Is an emotional process. Has to feel good and humane.
Cant feel as if they are shopping and object.
COMPETITION
WHAT IS OUT THERE?

BARK BUDDY ALL PAWS

COMPETITION
WHAT IS OUT THERE?

WOOF RESCUE coMpanion

COMPETITION
WHAT IS OUT THERE?

COMMON ELEMENTS WHAT CAN BE IMPROVED?

Like or discard style (like Tinder). Option to go back to your dicarded dogs.

Introduction, mini tutorial. Add a health history feature.

Location oriented, nearby pets Add report of lost pets.

available.
Save your search.
Share button.
Suggestions by what you are looking for.
Picture and short description,
more detailed description when
clicked.

Search option with filter. (Basic

filters: size, gender, breed,
location).

Contact shelter.

Favorites or liked list to select.

MOODBOARDS
COLOR STUDIES
COLOR STUDIES
CHOSEN PALETTE

BLUE
R: 204 R: 124 R: 60 Clean, calmed, focused and professional.
G: 204 G: 107 G: 201
B: 204 B: 176 B: 207
PURPLE
Balance between the calm blue and
the active and passionate red.

BALANCE
Energetic dog personality.
Making the process a relaxed activity.
TYPE STUDIES
CHOSEN FONT

MONTSERRAT Montserrat MONTSERRAT FONT FAMILY

MONTSERRAT Montserrat Playful.

Wide family and styles.

MONTSERRAT Montserrat Clear

MONTSERRAT Montserrat
MONTSERRAT Montserrat
MONTSERRAT Montserrat
MONTSERRAT Montserrat
MONTSERRAT Montserrat
MONTSERRAT Montserrat
LUCY ROLLAND THE DOG LOVER

MOTIVATIONS PERSONALITY
AGE 26
OCCUPATION Nurse Incentive Extrovert Introvert

STATUS Single Fear

LOCATION Rochester, NY Sensing Intuition
Passion

Determination Thinking Feeling

Power
Judging Perceiving
Social
FRIENDLY
COMPASSIONATE
ENVIRONMENT FRIENDLY
GOALS
Browse dogs without the need of going to the pet TECHNOLOGY
shelter because she doesnt have much spare time.
Tech Savy
Keep track of the health of her already adopted dogs.
Visually Driven

Social Media

App Usage
FRUSTRATIONS
She gets sad because she cant adopt all the dogs in
the shelter. ADOPTION EXPERIENCE
She doesnt like the trip to the shelter, she says is
overwhelming and time consuming. None Expert

I feel weird without a dog in my house
BIO
Lucy is passionate young woman.
Grew up in Rochester surrounded by family dogs. She has already adopted two dogs from
different shelters but says is a very difficult process to go through. She wishes this process
would be simple. She is thinking of adopting a new dog but her working hours prevent her
to go check the shelters.
JACKIE SMITH THE DREAMY ENGAGED

MOTIVATIONS PERSONALITY
AGE 32
OCCUPATION Hotel Manager Incentive Extrovert Introvert

STATUS Engaged Fear

LOCATION Boston, MA Sensing Intuition
Passion

Determination Thinking Feeling

Power
Judging Perceiving
Social
SOCIAL PERSON
DREAMY
EASYGOING
GOALS
Understand the adoption process. TECHNOLOGY
Tech Savy
Easily browse dogs available for adoption and share
them with her fianc
Visually Driven

Social Media

App Usage
FRUSTRATIONS
She wants to convince her fianc to adopt a dog but
he doesnt want to go to the shelter. ADOPTION EXPERIENCE
She is not sure of what kind of dog she wants.
None Expert

BIO
Jackie just got engaged with Steve after living together for 4 years. She is determined in
finding the right dog for them and feels is the next step for her relationship.

She is a dog person and is trying to convince her fianc to be a dog person too.
A furry friend will be the perfect match
for us
MICHAEL CONTRERAS THE FATHER

MOTIVATIONS PERSONALITY
AGE 43
OCCUPATION Artist Incentive Extrovert Introvert

STATUS Married Fear

LOCATION New York, NY Sensing Intuition
Passion

Determination Thinking Feeling

Power
Judging Perceiving
Social
LOVING FATHER OF TWO
RESPONSIBLE
ORGANIZED
GOALS
Find the right dog for his family. TECHNOLOGY
Tech Savy
Find a dog that is kid friendly.
Visually Driven

Social Media

App Usage
FRUSTRATIONS
He wants his kids to help him choose the dog but
doesnt want to take them to the shelter. ADOPTION EXPERIENCE
Is scared that the dog he chooses is not kid friendly
and would harm his kids. None Expert

BIO
Michael is a married man and father of two boys, one is a 2 year old and the other one is 5.
His best friend when he was a kid was his Chihuahua Rocky, he had so much fun and love
from this dog. He wants his kids to have the same experience that he had.

My family is my real passion

 Taps dogs picture
to know more

Taps adopt now Taps the like button to Taps the

PROCESS FLOWCHART button add it to the favorites list share button

FLOWCHART
Start | End DOG SHELTER MOBILE APP | ADOPTING PROCESS

Actions related to the adoption process Taps the menu

button

Other user interactions and decisions

within the app

Menu sections
START
Favorites The Clinic About Us Donate
User is interested
in adopting a dog
from a pet shelter A list of Alerts of liked Users Emergency info. Information about Donations for
liked dogs dogs that are information Dogs health related the shelter. pet shelter or
available for already adopted. issues. Testimonials and stats
adoption of adopted dogs.
current adoption
Opens mobile app
of pets important
dates.

Taps on the
Favorites Section button
Is the user Yes
signed in?

All liked dogs are displayed

No

Taps on the selected

dogs picture

Creates new account with

Continue as Logs in with Facebook
Facebook or types all
a guest or existing account
the information required
Taps the
Adopt now button

Provides basic
Information Quick application
form appears

Does the user

No Yes
has an updated

Recent added dogs

appear on the screen

with previous information

User scrolls through User clicks on Search

the dogs

No Is the information Yes

complete?
Selects - Size
Taps the Taps the like button to - Gender
share button any of
add it to the favorites list - Breed
the Error pop up appears
following - Age Group
(Some information is missing)
- Adoption fee rate
the results: - Popularity Clicks continue

User clicks OK

Clicks
Sets an appointment
button

Dogs with
and appointment date

Taps dogs picture

to know more Adds to calendar Checks the next steps Taps Continue

appointment info

Taps adopt now Taps the like button to Taps the Goes to the shelter and
button add it to the favorites list share button

Taps the menu

button
END
 adoption of adopted dogs.
current adoption
VCDE 707 | WEB & UI DESIGN

of pets important
dates.

Taps on the
Favorites Section button

All liked dogs are displayed

PAPER PROTOTYPES Taps on the selected

dogs picture

Taps the
Adopt now button

Quick application
form appears

Does the user

No Yes
has an updated

with previous information

No Is the information Yes

complete?

Error pop up appears

(Some information is missing)

Clicks continue

User clicks OK

Sets an appointment

and appointment date

Adds to calendar Checks the next steps Taps Continue

appointment info

Goes to the shelter and

END

NOELIA RIVERA
VCDE 707 | WEB & UI DESIGN
 USER FEEDBACK
PAPER PROTOTYPES

USER TESTING FIRST REACTIONS MAINS ISSUES POSITIVES

The users where Most of the users clicked Users didnt know how to Users liked the flow of the
guided towards the on the search option advance in the filters application and understood
adoption process. instead of random screen. what had to be done to
browsing. adopt a pet.
They suggested to remove
the confirmation button
and make it automatic.

SUGGESTIONS
Add a screen of what to expect when you arrive
to the shelter and what to bring.

Add a continue as a guest option.

Eliminate select your type of search screen

Use your home screen to display the featured

dogs or recent added dogs.
 WIREFRAMES
LOADING SCREEN SIGN IN SCREEN HOMESCREEN DOGS DETAILED PROFILE FILTER SEARCH

1 Menu BACK 6
1 FEATURED DOGS DOGS NAME FILTER SEARCH
2 Users Picture
MOST RECENT DOGS 1 1

2
1
1
2
3
- Size
- Age group
4
2
1 2 1
5
USERNAME
1 2
1 Shelters Logo - Age
3 ADOPT NOW! SHARE 4
PASSWORD 3 3
- Size
3
3

LOG IN
5

CONTINUE AS A GUEST

CONFIRM

CREATE NEW ACCOUNT

? 4 4 Help button ? ? ?

FILTER SEARCH FILTER SEARCH MENU FAVORITES

FILTER NAME FILTER SEARCH FILTER SEARCH 1 FILTER SEARCH FAVORITES

SELECT THE DOG YOU WANT TO TAKE HOME!

SHOWING FILTERED RESULTS
1
FAVORITES
1 1 1 Menu sections 1
1

NOTIFICATIONS 1

NAME NAME NAME

PROFILE
1 1

THE CLINIC

DOG ADDED TO YOUR SHARE

NAME NAME NAME
FAVORITES LIST
DOGS NAME
AGE BREED
PERSONALITY
HIGHLIGHT

NAME NAME NAME

VIEW MORE >

ABOUT US

# OF LIKES
CONFIRM DONATE

? ? ? ? ? ?

ADOPTION PROCESS ADOPTION PROCESS ADOPTION PROCESS ADOPTION PROCESS LOADING PAGE
QUICK FORM APPOINTMENT CONFIRMATION

BACK 1 DOGS NAME BACK

USER INFORMATION BACK
SET APPOINTMENT BACK
CONFIRMATION

CHECK YOUR INFORMATION IS CORRECT

1 1 1 1 1
NOV > 2016
1

1 1 1
TIME
ADOPT NOW! SHARE

DISCLAIMER 2 2

CONTINUE SET APPOINTMENT 2 EDIT APPOINTMENT CONFIRM 2

1 2 3 3 3 1 2 3 1 2 3

? ? ? ?
 WIREFRAMES
ADOPTION PROCESS FILTER SEARCH NOTIFICATION OF AN APPOINTMENT
CONFIRMATION

BACK BACK
CONFIRMATION 1 FEATURED DOGS FILTER SEARCH FILTER SEARCH NOTIFICATIONS NOTIFICATIONS

SHOWING FILTERED RESULTS

MOST RECENT DOGS
FAVORITES
1 1 1 1

1 1
GREAT! NOTIFICATIONS
YOUR APPOINTMENT WITH 2
CHESTER WAS SET 1

DATE PROFILE 3

TIME

THE CLINIC
A CONFIRMATION EMAIL WAS SENT
TO YOU 2

ADD TO MY CALENDAR 2 ADOPT NOW! SHARE

2

3 3
DOGS NAME
AGE BREED 3
PERSONALITY
HIGHLIGHT

VIEW MORE >

EDIT APPOINTMENT OK ABOUT US

# OF LIKES
DONATE
1 2 3

? ? ? ? ? ? ?

USERS PROFILE SCREEN THE CLINIC SCREEN ABOUT US SCREEN DONATE SCREEN

USER PROFILE THE CLINIC ABOUT US DONATE

1 1

1 1
1
1

2
2

2
1 1
2 2 3

2
3

STATS
SEND CONFIRM

? ? 3 ? ?
 USER FEEDBACK
WIREFRAMES

USER TESTING FIRST REACTIONS MAINS ISSUES POSITIVES

The users where The users didnt like the Users skipped the next The users liked the flow
guided towards the swiping method of steps tutorial. and the position of the
adoption process. browsing through dogs. buttons but suggested to
They preffered the list They wanted it to be an put the help button inside
scrolling. option to watch. the menu.

Liked that they where able

to share the dogs.

SUGGESTIONS
In The Clinic option they suggested to add a
vaccine reminder.

People wanted to go back to the dogs profile,

they said adopting a dog is not an impulsive
action. They wanted to think it through and
review the profile again.

Next steps can be in the notifications as a

separate notification.
APP ICON

PROCESS FLOWCHART
Start | End DOG SHELTER MOBILE APP | ADOPTING PROCESS

Actions related to the adoption process

Other user interactions and decisions

within the app

Menu sections
START

User is interested
in adopting a dog
from a pet shelter

Opens mobile app DOG TAIL

FLUFFY TAILS
INITIALS
Is the user Yes
signed in?

No

Creates new account with

Continue as Logs in with Facebook
Facebook or types all
a guest or existing account
the information required

Provides basic
Information

Recent added dogs

appear on the screen

User scrolls through User clicks on Search

the dogs

Selects - Size
Taps the Taps the like button to - Gender
share button any of
add it to the favorites list - Breed
the
following - Age Group
- Adoption fee rate
the results: - Popularity

Clicks

button
 SHARE

UI LIBRARY
SHARE

ENTRY TEXT

TITLES

BUTTON BUTTON

1 2 3 31 1
BUTTON BUTTON

ft

Drop down

MARK NAME
WAS ADDED TO YOUR Available
2:00 PM hours AGE | GENDER |

FAVORITES LIST 10:00 AM

Puppy ipsum dolor
sit good dog left paw
2:00 PM vaccine.
FINAL SCREENS

f ff MARKS PROFILE SET APPOINTMENT FEATURED DOGS

Select available date & time ADULTS MALES

NOV > 2016

MARK
S M T W T F S 9 MONTHS | MALE
Hello! Im Mark and
1 2 3 4 5
Im energetic and full
of love.
6 7 8 9 10 11 12
ADOPT ME!
SHARE

13 14 15 16 17 18 19

MARK 20 21 22 23 24 25 26
9 MONTHS | MALE |
SHARE BUBBLES
15 MONTHS | MALE
ENERGETIC & LOVING 27 28 29 30
USERNAME Hello there, my
friends call me
bubbly, Im fancy.
Size Medium TIME: Available
2:00 PM hours

PASSWORD 10:00 AM SHARE

Age Group Adult
2:00 PM
Breed Mixed
Color Black

NEW ACCOUNT
Location Rochester, NY BUBBLES
SIGN IN 10 MONTHS | MALE
PASSWORD Neutered Yes CONTINUE
Im Floyd! Im always
Vaccinated Yes happy, playful and
cozy.
Compatibility Loves people
Energy Level Medium SHARE
CONTINUE AS A GUEST 1 2 3
 SUMMARY

The users wanted a minimized and easy process. SET APPOINTMENT MY PROFILE

Most users filtered search instead of random search. Select available date & time

NOV > 2016

Users need to think it through before adopting a pet, thats

S M T W T F S

1 2 3 4 5
why they ask for a final review of the pet. 6 7 8 9 10 11 12 2

13 14 15 16 17 18 19
Dogs profiles had the information the users where looking
20 21 22 23 24 25 26
for. LUCY ROLLAND
27 28 29 30 26 YEARS

Users liked to see dogs personality and compatibility in TIME: Available

2:00 PM hours
First Name: Lucy
Last Name: Rolland
the dogs profile. 10:00 AM
2:00 PM
Age: 26
Zipcode: 14623

The users liked the colors and images used in the final
E-mail: lucyroll@email.com

Phone #: 585-444-5555

prototype.
CONTINUE
Own pets: Yes
Have children: No

Dogs adopted: 2

The users skip relevant information but still want to go back 1 2 3

when they need it.

Setting an appointment was understood from the

beginning.

The favorites list and like button is recognized and

accepted.