dog daily - image and video upload, storage, optimization...

36
JESSICA MILLER-WEBSTER USER EXPERIENCE CASE STUDY 2016

Upload: phungdien

Post on 19-Jul-2018

215 views

Category:

Documents


0 download

TRANSCRIPT

JESSICA MILLER-WEBSTERUSER EXPERIENCE CASE STUDY 2016

The health app for your dog.

Allows you to track your dog’s weight, poop,and quality of life.

Giving you piece of mind, knowing that your dogis not only happy, but healthy.

Dog Daily

Sign Up

Login

Email

Password

Forgot Password?

THE BEGINNING

People love their dogs. They treat them like children. They spoil them. They are patient with them throughpotty-training. They care for them in their old age. But a dog can’t tell you how he feels or what he needs. Hecan’t open the door and take himself for a walk. Having a dog is a huge responsibility. So I started wonderinghow people manage this responsibility. How do people handle all the information relating to their dogs. Withso much attention and priority put on their dogs, there is a lot of information to keep track of. While thesepeople are busy with daily commitments and with the growth of accessible technology, one can assume that dog owners would want all their dog’s information in one place, at their fingertips; making it easier to bestmanage their dog’s life, health, and overall well-being.

ASSUMED NEEDS

vaccine records vet bills

vet visitsmedication reminders food

medications allergies

schedule

contactsweight tracking

quality of life scale

poop tracker

THE INTERVIEWS - 7 DOG OWNERS

“I love my dog and taking care of her is part of [the responsibility].”

“Unconditional love”

“Part of the family.”

“...Like having a baby”

“The vet said [my dog] was gaining weight.”

How do I know if my dog is healthy?

AFFINITY MAPPING

COMMONALITIES AMONG INTERVIEWSGrowing up, had family dog, but with minimal responsibility

See dog as part of the family

Bigger responsibility than expected

Made life adjustments or changes to best care for dog

Want the best for their dog

Weight Gain

Anxiety about dog’s health.

Unexpected illness.

Keep information in file folder

Keep related reminders on phone

Defensive when questioned about frustrations - dog is worth it

Willingness to care for dog despite any medical issues

Often forget to give medications

PERSONA - PRIMARY

Katrina 38 years oldDivorcedSeattle, WashingtonDesign Director

BEHAVIORS & HABITS-Very passionate about her job.-Lives alone in a two-bedroom apartment which she owns.-Likes to travel and see the world.-Has two small dogs named Bobby and Bandit, which she adopted from rescue organizations.-Occassionally fosters dogs.

SCENARIOS & FRUSTRATIONS-Adopted her first dog with her ex-husband. Adopted second dog after their divorce.-Wanted a dog because she felt like it would help her and her ex get ready to have a baby.-First dog, Bandit is now 11 years old and has to take medication daily.-Second dog, Bobby is 6 years old and has food allergies, so he has a special diet.-Did a lot of reserch before adopting first dog. Wanted a slightly older dog who was house-trained.-Wanted to adopt from a rescue because it was important to her to give a dog who had a hard beginning of life, a good end of life.

NEEDS & GOALS-People often tell Katrina to put-down Bandit, but the vet thinks Bandit is still a happy dog, despite his health problems. -She consults the Quality of Life scale when he’s having a bad day, but doesn’t have an easy way to keep track of it.-Because of Bobby’s food allergies, she worries about his health and making sure he doesn’t eat anything that could make him sick.

PERSONA - SECONDARY

Tyler 27 years oldSingleChicago, IllinoisAd Sales

BEHAVIORS & HABITS-Lives alone in a one-bedroom apartment, which he rents.-Works a 9-5p job that he enjoys, but it is not his “dream job.”-Passionate about music. Plays the guitar for fun.-Has a dog named Ralph, who he got from a shelter on a whim.-Loves playing soccer and being outdoors. Very social and outgoing.

SCENARIOS & FRUSTRATIONS-Had a fmaily dog growing up, but had minimal responsibility.-Always wanted a dog of his own and recently decided that he was ready for the responsibility.-Impulsive decision. Did not do much research.-Stable in his job and comfortable with himself and where he is in his life.-He still goes out after work and on weekends, but less often. and he doesn’t stay out as late. He prefers activities outdoors, where he can bring Ralph.-Having a dog is more responsibility than he anticipated, but he thinks Ralph is worth it.-He worries about leaving Ralph at home alone for long periods of time, but the cost of regular dog day care and dog walkers add s up quickly.

NEEDS & GOALS-He often forgets to give him monthly medications like Heartworm and Flea & Tick. Doesn’t have a good way to remind himself. -Keeps Raph’s records in a file folder that the vet gave him, but he’s not sure where to keep it since he doesn’t need to access it regularly.-The vet told him that Ralph was gaining weight, because Tyler was feeding him too much.-He worries about his ability to keep Ralph healthy.

PERSONA - LATER

Sarah 34 years oldMarriedLos Angeles, CaliforniaHigh School Teacher

BEHAVIORS & HABITS-Mom to 2 young kids. Ned is 1 year old and Amelia is 4 years old.-Husband works in the film industry with an unpredictable schedule.-Has a large labradoodle named Bumble Bee. Named by daughter, Amelia.-Her and husband have a weekly date night.-She likes to take the dog on long walks with her husband and kids.

SCENARIOS & FRUSTRATIONS-Wanted a dog because she felt like a dog was an important part of having a family.-Bought house with yard after daughter was born, so chose a big dog.-Did a lot of research and wanted a breed that was hypo-allergenic. Went to a breeder.-Sarah and her husband share the responsibility, but his schedule changes often so sometimes she handles most or all of the responsibility; and vice versa.-Can become easily overwhelmed with kids and a dog.

NEEDS & GOALS-Husband keeps reminders on his phone for giving Bumble Bee her medications, but sometimes isn’t around or available, so it gets forgotten or done late.-Keeps vet information and dog-related contacts in phone, but can be hard to find among other contacts and in multiple apps.-Likes having all information for the dog on her phone, but wants it to be easier to find and more readily available. Currently all paperwork kept in file folder in home office.-Sarah wants an easier way to share, update, and delegate the responsibility of Bumble Bee depending on her and her husband’s schedules.

COMPETITIVE ANALYSIS

Pet Diary (iOS)

Pet Diary (Android)

Pet Minder (iOS)

Pet Phone (iOS)

Baby Bundle (iOS)

Sprout (iOS)

Multiple Profiles Reminders Schedule Store InformationMultiple Photos Health Tracking Comments

Design is simple and profile pagelayout like a newspaper. Chartedinformation is very clear. Does not

appear to offer option for reminders.

User can add customcategories and addphoto with a note -

Very limited.

Daycare category.Input date and description.

No calendar.

User can add customcategories and addphoto with a note -

Very limited.

Heartworm and Flea & Tickcategories. Simple textlog of date last given

with option to add reminder.

Design is unsophisticated.App has simple user flow: add date,

description, photo and reminder.Info can be stored in categories.

Listed by date, similar to Notes app

Memories feature: Add photo and description.

Memories feature:Select from list of “milestones”

and add photo

With paid upgrade.Only medications with

frequency, start date, andadditional notes.

Add weight, listed by date.Design is very cheesy.Very limited features.

Reminders require paid upgrade.

Alarm feature: add any eventwith reminder. No calendar.

Diary feature. Add any notes.Diary entry listed by date.

Diary feature.Option to input weight.

Diary entries listed by date.

Design is simple, but layout has oddproportions. Positve user reviews.Only 2 features: Alarms and Diary.

Doctor check-ups andvaccination schedule.

Store medical records,vaccinations, and doctor visits.

Store medical records,vaccinations, and doctor visits.

Track feeding/nursing/pumping,sleeping/napping, and diapersSimple log with entries sorted bydate. Growth tracker with graph.

Track feeding/nursing/pumping,sleeping/napping, diapers, and

growth. All health categoriesare charted on individual graphs.

Design is clean and easy to navigate.Focus seems to be primarily on

tracking growth and health. Does notappear to offer option for reminders.

Track vet appointments.

User can store informationrelating to vet contacts,

appointments, medications,and allergies

Weight tracking with graph. Design is simple and clear.

This app seems to best addressuser needs, but is limited in it’s features.

No option to set reminders.

Overall, there are no apps that truly meet the user’s need to track their dog’s health. There are some pet apps that address theneed to store information, set reminders, and track weight, but these have not been updated in years and lack sophistication in design.

As a secondary analysis, I looked at apps for new moms to track the health of their baby.

CARD SORTING

CARD SORTING

Card Sorting was very informative and helped tosteer the MVP in the right direction.

I made a lot of assumptions after interviews about which pain points were most important, so the initial MVP features focusedon setting reminders for medications and storing records, for vet visits, vaccinations, etc. In addition to a very basic weight tracker.Prior to card sorting, I was concerned that this MVP didn’t offer enough unique features which would give the app a reason forbeing or encourage users to regularly return to the app. My concerns were proved correct during card sorting. When discussingthe overall concept of the app with users, it seemed they were less frustrated with using the default “Reminders” app or settingreminders through their calendar than I anticipated. Of the intial MVP, users seemed most interested in the weight tracker. As Iexplained all of the features I had considered, users appeared most interested in the features related to tracking their dog’shealth. They felt there were no defaul apps that allowed them to easily track and manage this information. It was after this stageof the research and development process that I shifted the MVP to focus on the health tracking features.

THE PROBLEM

Dog owners need an easy, accesible way to track their dog’s healthbecause they have difficulty managing or

worry about their ability to maintain their dog’s health and well-being.

USER GOALSWEIGHT TRACKER: Track and manage dog’s weight. Easily look back on weight entry log in order to share with vet.

POOP LOG: Worried about what your dog’s poop means in relation to their health? Log poop based on size, color, and consistency. Add photos in order to share with vet, at times of concern.

QUALITY OF LIFE Track your dog’s quality of life, in the event of teriminal illness, long-term medical issues, or old age.

Set recurring reminders for all features.

NOW NEXT LATEROnboardingLoginAccountBack button

Add DogDog profileAdd photo(s)

Weight Tracker graphPoop log graphQuality of Life Scale graphDaily/Weekly/Monthly/Yearly viewAdd to logReminders - push notifications

ContactsAdd newAdd photoMap

RecordsAdd newAdd photoSort by date

Reminders (medications, appointments, etc.)Default Reminders (heartworm, flea & tick)Add to RemindersCalendar dropdown menuFrequency dropdown menuTime/Clock dropdown menu

Multiple usersExport informationDaily tips

Birthday - calendar dropdownAge calculatorBirthday notificationsBreed dropdown menuAdd multiple breeds

Food calculatorAdd food from calculator

ScheduleAdd eventAdd user to scheduleSchedule notifications

FEATURE PRIORITIZATION

MVP

None of the users had an easy way to manage and track their dog’s health. Common pain points expressedby users related to weight gain and anxiety over their dog’s health.

The MVP would have a simple profile with name, age, breed and multiple photos. The dog’s name would bethe only information required to create a profile.Dog’s profile page would feature 3 graphs with charted information each relating to the following:Weight Tracker: Add weight, set healthy weight range, and set recurring reminders to add to log.Poop log: Add poop information based on size, shape, consistency, and color, with option to add a photo. Set recurring reminders to add to log.Quality of Life scale: Add Quality of Life score and set recurring reminders to add to log.

Later features could include setting medication reminders, adding records such as vet visits and vaccinnation records; managing schedule with multiple users, storing related contacts such as vet, dogwalker and ER. In addition to a more in-depth profile.

STORYBOARDING

WIREFRAMES

WIREFRAMES

WIREFRAMES

USABILITY TESTING

Task Scenario: Dog Daily is a health app for your dog, start by creating a profile for you dog.

Steps taken to accomplish each task flowed smoothly.Overall look is easy to understand.User ’s asked questions and wanted confirmation about missing visual designs, but seemed to understand regardless of missing graphics and photos.

One user questioned the need to show multiple photos on profile page. I removed this scroll through photo feature and updated the main photo with the option to click through multiple photos, like Profile photos in Facebook.Some users questioned the need for all the information requested in the “Add Dog” page – did not relate or applyto features. I removed much of this, keeping it very simple.One user felt the “ADD DOG” box on the profile menu was distracting and could be more subtle. I removed this design and added a simple “+” in the lower right corner.

SUCCESSES

CHALLENGES

Save

Name (Required)

Birthday

Breed

Add Dog

Add Photo

Dog’s Name

ADDDOG

Dog’s name

Name

Birthday

Breed

Registration

Microchip

Food

Allergies

Medications

Notes

add photo

savecancel

Back

add new dog

Version 1 Version 2

Version 1 Version 2

USABILITY TESTING

Task Scenario: You’re worried that your dog is gaining weight, use Dog Daily to manage it.

Users successfully accomplished task.Users seemed intrigued and interested by the graphed info and felt these features would bring users back regularly, especially with push notifications

Users hesitated a little getting to the Weight tracker page, but once there moved smoothly through the process of adding weight.One user questioned the need for the icon buttons on the profile page and felt this was confusing.User suggested having the graphed carts directly on the Profile page. This would eliminate one step for the user.

SUCCESSES

CHALLENGES

Back

Dog’s Nameage

breed

Weight Tracker

datedate date datedatedatedate

10

0

20

30

40

50 Current: ##

datedate date datedatedatedate

Small

None

Med.

Large

Quality of Life

datedate date datedatedatedate

Average: ###

Poop Log

10

20

0

40

30

50

60

70

Version 1 Version 2

Back

Dog’s Name # years old

breed

Weight Tracker

Quality of LifePoop Log

More Information

icon icon

icon icon

USABILITY TESTING

Task Scenario: Your dog is getting old and having difficulty getting around,people are telling you to put him down, but you’re sure that is the right decision,

use Dog Daily to help you make the best decision for your dog’s well-being.

Users successfully accomplished task, once they had better understanding of the scale being used.Users seemed intrigued by this feature.

Some users were unclear or unfamiliar with the Quality of Life Scale and wanted more information or initial explanation.I was concerned about adding too much text to this page and therefore left out explanations of different categories. Expecially because once users understood the purpose of this, they would unlikely need explanation of the categories more than a few times.As a solution, I added an information icon to each category to explain if need be. Also shown on main Quality of Life page. Some users thought the boxes for Quality of Life scale may be hard to click. I updated this to a slider function.

SUCCESSES

CHALLENGES

BackBack

Date

Save

Hurt

Hunger

Hydration

Hygiene

0 4 6 82 10

0 4 6 82 10

0 4 6 82 10

0 4 6 82 10

Happiness

Mobility

More GoodDays than Bad

0 4 6 82 10

0 4 6 82 10

0 4 6 82 10

Notes

Date

0 4 6 82 10

0 4 6 82 10

0 4 6 82 10

0 4 6 82 10

0 4 6 82 10

0 4 6 82 10

0 4 6 82 10

Notes

Hurt

Hunger

Hydration

Hygiene

Happiness

Mobility

More GoodDays than Bad

Adequate pain control & breathing ability is of top concern.Trouble breathing outweighs all concerns.Is the pet’s pain well managed?Can the pet breathe properly?Is oxygen supplementation necessary?

Save

AddQuality of Life

AddQuality of Life

1 2 3 4 5

1 2 3 4 5

1 2 3 4 5

1 2 3 4 5

Back

add to log

Date

Hurt 1 2 3 4 5

1 2 3 4 5

1 2 3 4 5

Hunger

Mobility

More GoodDays than Bad

Hydration

Hygiene

Happiness

savecancel

bad good

Version 1 Version 2

landing page

login sign upforgot password

create account

add dog

dog menu

account settings dog profile

weight trackerphotos quality of life scalepoop log

add

reminders

log details

add

reminders

log details

add

reminders

log details

onboarding

SITEMAP

sign up create account add dog add photo save

Weight Tracker

datedate date datedatedatedate

10

0

20

30

40

50 Current: ##

datedate date datedatedatedate

Small

None

Med.

Large

Quality of Life

datedate date datedatedatedate

Average: ###

Poop Log

10

20

0

40

30

50

60

70

Designed by Dr. Alice Villalobos, the Quality of Life scale is used to determine the best course of action for the well-being of older and/or terminally ill dogs.Click on the graph to start adding your dog’s daily score.Set reminders so you know that you’re making your dog’s well-being a top priority.

Sign Up

Login

Email

Password

Forgot Password?

Sign Up

Email

Password

Re-enter Password

Create your account

Welcome!

Save

Name (Required)

Birthday

Breed

Add Dog

Add Photo

Dog’s Nameage

breed

Weight Tracker

datedate date datedatedatedate

10

0

20

30

40

50 Current: ##

datedate date datedatedatedate

Small

None

Med.

Large

Quality of Life

datedate date datedatedatedate

Average: ###

Poop Log

10

20

0

40

30

50

60

70

Worried about whether your dog is gaining weight?Click here to add weight and keep an eye out if your dog starts packing on the pounds.Set reminders and turn on Push notificationsso you always know your dog is as healthy as you are.

Weight Tracker

datedate date datedatedatedate

10

0

20

30

40

50 Current: ##

datedate date datedatedatedate

Small

None

Med.

Large

Quality of Life

datedate date datedatedatedate

Average: ###

Poop Log

10

20

0

40

30

50

60

70

Do you know what healthy poop looks like? Neither do we!Click here to start a log of your dog’s poop.Add a photo when you’re concerned so you can share it with your vet.If you need a reminder, simply set reminders to help you manage your dog’s poop.

Back

Dog’s Nameage

breed

Weight Tracker

datedate date datedatedatedate

10

0

20

30

40

50 Current: ##

datedate date datedatedatedate

Small

None

Med.

Large

Quality of Life

datedate date datedatedatedate

Average: ###

Poop Log

10

20

0

40

30

50

60

70

-The only information required for Sign Up: email, password, dog’s name-After Sign Up, user is taken to Profile page.-Initial Profile screen will show brief explanation of first feature: Weight Tracker.-Tapping anywhere will automatically scroll down to highlight next feature with another brief explanation of this feature: Poop log-Tapping anwhere again will scroll down more to highlight last feature with brief explanation of this feature: Quality of Life scale.-Tapping anywhere will bring user to Profile page where they can begin adding to features.

USER FLOW - SIGN UP AND ONBOARDING

USER FLOW - WEIGHT TRACKER

dog profile weight tracker add input details save

Save

BackBack

datedate date datedatedatedate

10

0

20

30

40

50

Current: ##

Add

Reminders

DAILY WEEKLY MONTHLY YEARLY

*represents healthy weight range

Date

Dog’s Weight

option 1

option 2

Your Weight

Your Weight when Holding Dog

Add WeightWeight Tracker

Back

Dog’s Nameage

breed

Weight Tracker

datedate date datedatedatedate

10

0

20

30

40

50 Current: ##

datedate date datedatedatedate

Small

None

Med.

Large

Quality of Life

datedate date datedatedatedate

Average: ###

Poop Log

10

20

0

40

30

50

60

70

USER FLOW - POOP LOG

dog profile poop log add input details saveadd photo

Save

BackBack

Add

Reminders

DAILY WEEKLY MONTHLY YEARLY

datedate date datedatedatedate

Small

None

Med.

Large Date

Size

Shape

Consistency

Color

Time of Day

None Small Medium Large

Liquid Lumps Log

Diarrhea Soft Hard

AM Mid-day PM

Add Photo

Notes

Poop Log Add Poop

Back

Dog’s Nameage

breed

Weight Tracker

datedate date datedatedatedate

10

0

20

30

40

50 Current: ##

datedate date datedatedatedate

Small

None

Med.

Large

Quality of Life

datedate date datedatedatedate

Average: ###

Poop Log

10

20

0

40

30

50

60

70

USER FLOW - QUALITY OF LIFE

dog profile quality of life add input details save

BackBack

Date

Save

Back

datedate date datedatedatedate

10

20

0

40

30

50

60

70

Average: ##

Add

Reminders

DAILY WEEKLY MONTHLY YEARLY

Back

datedate date datedatedatedate

10

20

0

40

30

50

60

70

Average: ##

Add

Reminders

DAILY WEEKLY MONTHLY YEARLY

Hurt

Hunger

Hydration

Hygiene

0 4 6 82 10

0 4 6 82 10

0 4 6 82 10

0 4 6 82 10

Happiness

Mobility

More GoodDays than Bad

0 4 6 82 10

0 4 6 82 10

0 4 6 82 10

Notes

Date

0 4 6 82 10

0 4 6 82 10

0 4 6 82 10

0 4 6 82 10

0 4 6 82 10

0 4 6 82 10

0 4 6 82 10

Notes

Hurt

Hunger

Hydration

Hygiene

Happiness

Mobility

More GoodDays than Bad

Adequate pain control & breathing ability is of top concern.Trouble breathing outweighs all concerns.Is the pet’s pain well managed?Can the pet breathe properly?Is oxygen supplementation necessary?

Designed by Dr. Alice Villalobos, the Qualityof Life scale is used to determine the bestcourse of action for the well-being of olderand/or terminally ill dogs. Scoring individualcategories on a scale of 1-10, with 10 beingthe ideal. A total score of 35 or higherrepresents acceptable quality of life and itis encouraged to continue with pet hospice.

Save

AddQuality of LifeQuality of Life Quality of Life Add

Quality of Life

Back

Dog’s Nameage

breed

Weight Tracker

datedate date datedatedatedate

10

0

20

30

40

50 Current: ##

datedate date datedatedatedate

Small

None

Med.

Large

Quality of Life

datedate date datedatedatedate

Average: ###

Poop Log

10

20

0

40

30

50

60

70

-Not all users may be familiar with the Quality of Life scale, so there are information icons where needed to give the user a brief explanation-If the user is utilizing this feature, they would most likely be using it daily, and would only need further explanation a few times, so there is no need to clutter the layout with so much text.

USER FLOW - REMINDERS AND PUSH NOTIFICATIONS

DD Dog Daily

Saturday, March 12

9m ago

Add your dog’s weight.slide to view

slide to unlock

6 09

SaveSave

Back BackBack

datedate date datedatedatedate

10

0

20

30

40

50

Current: ##

Add

Reminders

DAILY WEEKLY MONTHLY YEARLY

*represents healthy weight range

Date

Dog’s Weight

option 1

option 2

Your Weight

Your Weight when Holding Dog

Date

Frequency

Healthy Weight Max.

Healthy Weight Min.

Back

Date

Frequency

Healthy Weight Max.

Healthy Weight Min.

ONOFF

Save

Weight Reminders Weight Reminders Add WeightWeight Tracker

USER FLOW - FEATURE ENTRY LOG

Back BackBack

Add

Reminders

DAILY WEEKLY MONTHLY YEARLY

datedate date datedatedatedate

Small

None

Med.

Large Add Poop

Date, Time of Day - Size, Shape, Consistency, Color

Date, Time of Day - Size, Shape, Consistency, Color

Date, Time of Day - Size, Shape, Consistency, Color

Date, Time of Day - Size, Shape, Consistency, Color

Date, Time of Day - Size, Shape, Consistency, Color

Date, Time of Day - Size, Shape, Consistency, Color

Date, Time of Day - Size, Shape, Consistency, Color

Add Poop

Date, Time of Day - Size, Shape, Consistency, Color

Date, Time of Day - Size, Shape, Consistency, Color

Date, Time of Day - Size, Shape, Consistency, Color

Date, Time of Day - Size, Shape, Consistency, Color

Date, Time of Day - Size, Shape, Consistency, Color

*Notes

Poop Log Poop Log Poop Log

-On each feature’s main page, the user can tap on the graph to see a log of all entries in chronological order.

VISUAL DESIGN CONCEPT

Back

Maverick13 years old

Pug

Weight Tracker

1/301/2 1/9 1/16 1/23 2/27 3/5 3/122/202/132/6

10

0

20

30

40Current: 29 lbgs

2/28 2/292/22 3/10 3/123/103/73/2 3/22/27

Small

None

Med.

Large

Quality of LifeAverage Score: 54

Poop Log

20

40

30

50

60

70

*healthy weight range

Maverick13 years old

Pug

Weight Tracker

1/301/2 1/9 1/16 1/23 2/27 3/5 3/122/202/132/6

10

0

20

30

40Current: 29 lbgs

2/28 2/292/22 3/10 3/123/103/73/2 3/22/27

Small

None

Med.

Large

Quality of Life

3/23/12/292/28 3/10 3/113/8 3/93/73/63/53/3 3/4

Average Score: 54

Poop Log

10

20

0

40

30

50

60

70

*healthy weight range

3/12

BackWeight Tracker

1/301/2 1/9 1/16 1/23 2/27 3/5 3/122/202/132/6

10

0

20

30

40Current: 29 lbgs

2/28 2/292/22 3/10 3/123/103/73/2 3/22/27

Small

None

Med.

Large

Quality of Life

3/23/12/292/28 3/10 3/113/8 3/93/73/63/53/3 3/4

Average Score: 54

Poop Log

10

20

0

40

30

50

60

70

*healthy weight range

3/12

Back

ANNOTATED WIREFRAMES - LOGIN AND SIGN UP

Sign Up

Login

Email

Password

Forgot Password?

2

3

4

6

5

7

1

Save

Name (Required)

Birthday

Breed

Add Dog

Add Photo

2

3

45

1 Where areall thedogs?

3

2

1

Sign Up

Email

Password

Re-enter Password

Create your account

Welcome!

1

23

1. logo2. text box, email entry, font - italic, 15pt, #9395983. text box, password input, type is protected4. login button takes user to dog menu screen5. button font - 15pt, #0000006. sign up button takes user to create account screen7. clickable text, 14pt, #000000, takes user to input email and reset password**other colors and fonts TBD

1. text boxes, email and password entry, font - italic, 15pt, #9395982. button takes user to add dog screen3. button font is 15pt, #000000**other colors and fonts TBD

1. icon2. text boxes, email and password entry, text italic, 15pt, #9395983. user can add ONE photo4. button font is 15pt, #0000005. save button takes user to dog profile page -if first profile - initiate onboarding**other colors and fonts TBD

1. account icon - takes user to account settings2. font - #939598 when there are NO profiles3. plus icon takes user to add dog screen**other colors and fonts TBD

1. dog’s photo from add dog page, when no photo is added, there will be a dog icon2. font - italic, 14pt, #0000003. plus icon takes user to add dog screen**other colors and fonts TBD

1. back text takes users to dog menu, font - 18pt 2. dog’s photo 3. + icon allows user to add photos 4. < > icons scroll thru photos, view in same box5. dog’s name, font - 24pt 6. age and breed, font - 18pt7. graph, charts info as user adds to feature 8. current weight, updates as user adds to feature9. graph, charts info as user adds to feature 10. graph, charts info as user adds to feature11. average score updates as user adds to feature**other colors and fonts TBD

Dog’s Name2

1

3

Back

Dog’s Nameage

breed

Weight Tracker

datedate date datedatedatedate

10

0

20

30

40

50 Current: ##

datedate date datedatedatedate

Small

None

Med.

Large

Quality of Life

datedate date datedatedatedate

Average Score: ##

Poop Log

10

20

0

40

30

50

60

70

2

5

6

7

9

1011

8

4

3

1

ANNOTATED WIREFRAMES -ONBOARDING

Save

Name (Required)

Birthday

Breed

Add Dog

Add Photo

2

3

45

1

1. icon2. text boxes, email and password entry, text italic, 15pt, #9395983. user can add ONE photo4. button font is 15pt, #0000005. save button takes user to dog profile page -if first profile - initiate onboarding**other colors and fonts TBD

1. profile has 50% opacity2. box details feature3. user clicks anywhere taking them to next feature onboarding

1. profile has 50% opacity2. box details feature3. user clicks anywhere taking them to next feature onboarding

1. profile has 50% opacity2. box details feature3. user clicks anywhere taking them to profile page

Back

Dog’s Nameage

breed

Weight Tracker

datedate date datedatedatedate

10

0

20

30

40

50 Current: ##

datedate date datedatedatedate

Small

None

Med.

Large

Quality of Life

datedate date datedatedatedate

Average Score: ##

Poop Log

10

20

0

40

30

50

60

70

Dog’s Nameage

breed

Weight Tracker

datedate date datedatedatedate

10

0

20

30

40

50 Current: ##

datedate date datedatedatedate

Small

None

Med.

Large

Quality of Life

datedate date datedatedatedate

Average: ###

Poop Log

10

20

0

40

30

50

60

70

Worried about whether your dog is gaining weight?Click here to add weight and keep an eye out if your dog starts packing on the pounds.Set reminders and turn on Push notificationsso you always know your dog is as healthy as you are.

1

2

3

Back

age

breed

Weight Tracker

datedate date datedatedatedate

10

0

20

30

40

50 Current: ##

datedate date datedatedatedate

Small

None

Med.

Large

Quality of Life

datedate date datedatedatedate

Average: ###

Poop Log

10

20

0

40

30

50

60

70

Do you know what healthy poop looks like? Neither do we!Click here to start a log of your dog’s poop.Add a photo when you’re concerned so you can share it with your vet.If you need a reminder, simply set reminders to help you manage your dog’s poop.

3

1

2

datedate date datedatedatedate

10

0

20

30

40

50 Current: ##

datedate date datedatedatedate

Small

None

Med.

Large

Quality of Life

datedate date datedatedatedate

Average: ###

Poop Log

10

20

0

40

30

50

60

70

Designed by Dr. Alice Villalobos, the Quality of Life scale is used to determine the best course of action for the well-being of older and/or terminally ill dogs.Click on the graph to start adding your dog’s daily score.Set reminders so you know that you’re making your dog’s well-being a top priority.

3

1

2

3/23/12/292/28 3/10 3/113/8 3/93/73/63/53/3 3/4

10

03/12

ANNOTATED WIREFRAMES - WEIGHT TRACKER

Back

Date

Frequency

Healthy Weight Max.

Healthy Weight Min.

OFF

Save

Weight Reminders

DD Dog Daily

Saturday, March 12

9m ago

Add your dog’s weight.slide to view

slide to unlock

6 091

1. Back takes user to dog’s profile page font - 18pt 2. dog’s main profile photo3. current weight updates as weight is added4. graph, updated as user adds weight, user clicks on graph takes user to weight entry log screen5. user clicks on text, changes view of graph, font - italic, 11pt6. add button takes user to add weight screen7. button font - 15pt, #0000008. reminders button takes user to weight reminders page**other colors and fonts TBD

1. Back takes user to weight tracker screen, font - 18pt 2. dog’s main profile photo3. date box defaults to today’s date, user can type in date manually, font - italic, 15pt, #9395984. calendar dropdown, select date5. user has two options to input weight, must use one in order to save. option 2 calculates user ’s weight minus weight holding dog6. save button takes user back to weight tracker screen with updated graph**other colors and fonts TBD

1. Back takes user to weight tracker screen font - 18pt 2. dog’s main profile photo3. date box defaults to today’s date, user can type in date manually, font - italic, 15pt, #9395984. calendar dropdown, select date5. frequency dropdown, select daily, every-other-day, weekly, monthly, etc6. on/off slider - turns on PUSH NOTIFICATIONS7. save button takes user to weight tracker screen**other colors and fonts TBD

1. Back takes user to weight tracker screen, font - 18pt 2. dog’s main profile photo3. add weight text takes user to add weight screen4. all weight added is listed in chronological order**other colors and fonts TBD

1. If reminders are turned “on”, user receives a push notification which takes user directly to add weight screen - this applies to reminders for other features

Back

datedate date datedatedatedate

10

0

20

30

40

50

Current: ##

Add

Reminders

DAILY WEEKLY MONTHLY YEARLY

*represents healthy weight range

Weight Tracker2

3

4

6

5

7

8

1

Save

Back

Date

Dog’s Weight

option 1

option 2

Your Weight

Your Weight when Holding Dog

Add Weight

34

5

6

2

1

Save

Back

Date

Frequency

Healthy Weight Max.

Healthy Weight Min.

ON

Weight Reminders2

1

34

5

6

7

Back

Weight Tracker

Add Weight

Date - Weight

Date - Weight

Date - Weight

Date - Weight

Date - Weight

Date - Weight

Date - Weight

3

4

2

1

ANNOTATED WIREFRAMES - POOP LOG

Back

Date

Frequency

OFF

Save

Poop Reminders

1. Back takes user to dog’s profile page font - 18pt 2. dog’s main profile photo3. graph, updated as user adds poop, user clicks on graph takes user to poop entry log screen5. user clicks on text, changes view of graph, font - italic, 11pt6. add button takes user to add poop screen7. button font - 15pt, #0000008. reminders button takes user to poop reminders page**other colors and fonts TBD

1. Back takes user to poop log screen font - 18pt 2. dog’s main profile photo3. date box defaults to today’s date, user can type in date manually, font - italic, 15pt, #9395984. calendar dropdown, select date5. slider for user to select applicable details6. color bar, applies to graph7. text box, font - italic, 15pt, #9395988. add photo9. save button takes user back to poop log screen with updated graph**other colors and fonts TBD

Save

Back

Date

Size

Shape

Consistency

Color

Time of Day

None Small Medium Large

Liquid Lumps Log

Diarrhea Soft Hard

AM Mid-day PM

Add Photo

Notes

Add Poop

34

5

6

7

8

9

2

1

1. Back takes user to poop log screen font - 18pt 2. dog’s main profile photo3. date box defaults to today’s date, user can type in date manually, font - italic, 15pt, #9395984. calendar dropdown, select date5. frequency dropdown, select daily, every-other-day, weekly, monthly, etc6. on/off slider - turns on PUSH NOTIFICATIONS7. save button takes user to poop log screen**other colors and fonts TBD

Save

Back

Date

Frequency

ON

Poop Reminders2

1

34

5

6

7

1. Back takes user to poop log screen, font - 18pt 2. dog’s main profile photo3. add poop text takes user to add poop screen4. all poop info added is listed in chronological order5. dropdown button, shows any photo and/or notes added**other colors and fonts TBD

1. dropdown button, shows any photo and/or notes added2. photo added on add poop screen3. notes added on add poop screen**other colors and fonts TBD

Back

Add Poop

Date, Time of Day - Size, Shape, Consistency, Color

Date, Time of Day - Size, Shape, Consistency, Color

Date, Time of Day - Size, Shape, Consistency, Color

Date, Time of Day - Size, Shape, Consistency, Color

Date, Time of Day - Size, Shape, Consistency, Color

Date, Time of Day - Size, Shape, Consistency, Color

Date, Time of Day - Size, Shape, Consistency, Color

Poop Log

3

44

2

1 Back

Add Poop

Date, Time of Day - Size, Shape, Consistency, Color

Date, Time of Day - Size, Shape, Consistency, Color

Date, Time of Day - Size, Shape, Consistency, Color

Date, Time of Day - Size, Shape, Consistency, Color

Date, Time of Day - Size, Shape, Consistency, Color

*Notes

Poop Log

32

1

Back

Add

Reminders

DAILY WEEKLY MONTHLY YEARLY

datedate date datedatedatedate

Small

None

Med.

Large

Poop Log2

3

5

4

6

7

1

ANNOTATED WIREFRAMES - QUALITY OF LIFE SCALE

1. Back takes user to dog’s profile page font - 18pt 2. dog’s main profile photo3. average score updates as quality of life is added4. info icon shows pop up box with brief description of quality of life scale 5. graph, updated as user adds quality of life, user clicks on graph takes user to quality of life entry log screen6. user clicks on text, changes view of graph, font - italic, 11pt7. add button takes user to add quality of life screen8. button font - 15pt, #0000009. reminders button takes user to quality of life reminders page**other colors and fonts TBD

1. info icon shows pop up box with brief description of quality of life scale2. graph has 50% opacity when info icon has been clicked3. user clicks anywhere to close pop up info box

1. Back takes user to quality of life screen font - 18pt 2. dog’s main profile photo3. date box defaults to today’s date, user can type in date manually, font - italic, 15pt, #9395984. calendar dropdown, select date5. slider for user to select score between 0-106. info icon shows pop up box with brief description of quality of life scale7. text box, font - italic, 15pt, #9395988. save button takes user back to quality of life screen with updated graph**other colors and fonts TBD

1. info icon shows pop up box with brief description of individual categories2. sliders have 50% opacity when info icon has been clicked3. user clicks anywhere to close pop up info box

Back

datedate date datedatedatedate

10

20

0

40

30

50

60

70

Average: ##

Add

Reminders

DAILY WEEKLY MONTHLY YEARLY

Designed by Dr. Alice Villalobos, the Qualityof Life scale is used to determine the bestcourse of action for the well-being of olderand/or terminally ill dogs. Scoring individualcategories on a scale of 1-10, with 10 beingthe ideal. A total score of 35 or higherrepresents acceptable quality of life and itis encouraged to continue with pet hospice.

Quality of Life

23

1

Back

Date

Save

Hurt

Hunger

Hydration

Hygiene

0 4 6 82 10

0 4 6 82 10

0 4 6 82 10

0 4 6 82 10

Happiness

Mobility

More GoodDays than Bad

0 4 6 82 10

0 4 6 82 10

0 4 6 82 10

Notes

AddQuality of Life

34

5

6

7

8

2

1 Back

Date

0 4 6 82 10

0 4 6 82 10

0 4 6 82 10

0 4 6 82 10

0 4 6 82 10

0 4 6 82 10

0 4 6 82 10

Notes

Hurt

Hunger

Hydration

Hygiene

Happiness

Mobility

More GoodDays than Bad

Adequate pain control & breathing ability is of top concern.Trouble breathing outweighs all concerns.Is the pet’s pain well managed?Can the pet breathe properly?Is oxygen supplementation necessary?

Save

AddQuality of Life

2

3

1

Back

datedate date datedatedatedate

10

20

0

40

30

50

60

70

Average Scoore: ##

Add

Reminders

DAILY WEEKLY MONTHLY YEARLY

Quality of Life2

3

5

4

7

6

8

9

1

ANNOTATED WIREFRAMES - QUALITY OF LIFE SCALE

1. Back takes user to quality ofe life screen font - 18pt 2. dog’s main profile photo3. date box defaults to today’s date, user can type in date manually, font - italic, 15pt, #9395984. calendar dropdown, select date5. frequency dropdown, select daily, every-other-day, weekly, monthly, etc6. on/off slider - turns on PUSH NOTIFICATIONS7. save button takes user to quality of life screen**other colors and fonts TBD

1. Back takes user to quality of life screen, font - 18pt 2. dog’s main profile photo3. add quality of life text takes user to add quality of life screen4. average quality of life scores added are listed in chronological order5. dropdown button, shows scores of individual categories**other colors and fonts TBD

1. dropdown button, shows scores of individual categories2. scores for individual categories, font - italic, 12pt**other colors and fonts TBD

Save

Back

Date

Frequency

ON

Quality of LifeReminders

2

1

34

5

6

7

Back

OFF

Date

Frequency

Save

Quality of LifeReminders

Back

Add Quality of Life

Date - Average

Date - Average

Date - Average

Date - Average

Date - Average

Date - Average

Date - Average

Quality of Life

3

44

2

1

1. Back takes user to dog’s profile page font - 18pt 2. dog’s main profile photo3. average score updates as quality of life is added4. info icon shows pop up box with brief description of quality of life scale 5. graph, updated as user adds quality of life, user clicks on graph takes user to quality of life entry log screen6. user clicks on text, changes view of graph, font - italic, 11pt7. add button takes user to add quality of life screen8. button font - 15pt, #0000009. reminders button takes user to quality of life reminders page**other colors and fonts TBD

Back

datedate date datedatedatedate

10

20

0

40

30

50

60

70

Average Scoore: ##

Add

Reminders

DAILY WEEKLY MONTHLY YEARLY

Quality of Life2

3

5

4

7

6

8

9

1 Back

Add Quality of Life

Date - Average

Date - Average

Date - Average

Date - Average

Date - Average

Date - Average

Hurt - ##, Hunger - ##, Hydration - ##,Hygiene - ##, Happiness - ##, Mobility - ##More Good Days than Bad - ##Notes:

Quality of Life

2

1

See the prototype at....

https://invis.io/X46EFIEH6

Thanks!JESSICA MILLER-WEBSTER

USER EXPERIENCE CASE STUDY 2016