TUBLES, CHARMAINE Student ID:03782330 Graduate School of Web Design New Media Final Review, Fall 2015 Date of Presentation: 11/24/2015
TABLE of CONTENTS
1. 3. 5. 7.
INTRODUCTION AUTOBI OGRAPHY
RESEARCH MARKET R ESEAR CH
RE S UME
C ONS U LTAN TS FOR TH ESIS
STAT E ME NT OF I NT E RE ST
T E C H IN SP IR ATION
T HE S I S ABST RAC T
C OMP ETITOR S
WHAT I S S PARKY ?
C OMP ETITOR AN ALYSIS
TA R G E T AU D I E N C E PRI MARY T. A
4.
UX PROCESS LOW FIDELITY WIR EFR AMES
S E C ONDARY T. A
HI GH FIDELITY WIR EFR AMES
PE RS ONA
UX T ESTIN G P LAN
US E R PE RS ONA F LOW
UX T ESTIN G R ESU LTS
T E C H N O LO GY DATA DI AGRAM
6.
BRANDING MOODB OAR D
BOOTST RAP F OUNDAT I ON
F I NAL LOG O
MYS QL TABL E S
T Y POG R AP H Y
HI GHC HARTS . J S
DE S I GN G U IDELIN E
C O N C LU S I O N PROJ E C T ’ S NE X T ST E P GDS RE CAP C ONC LUS I ON BI BL I OGRAPHY
PHOTO BY : WILL LANGENBERG
2.
“Stories are data with a soul”
S PA R KY | OV E RVIEW
Brene Brown
Au t o b i o g ra p hy Hi My name is Charmaine and I am from Long Beach California. I am a Product Manager at a tech company in Los Angeles and I am on my last semester in my road to get my Masters Degree. I have a background in Business Marketing and Information System which fuel my passion in learning and pursuing my Master in Web Design New Media. I am Strategic, multidisciplinary designer with an eye for innovation and pixel perfection. My design aesthetics composed of modern, clean, and flat design. although my skill set is vast, my greatest expertise revolve in the worlds of interactive design, UX, social media, and brand identity design. My wish is to combine my knowledge and experience in these areas, to deliver the best solution to my employer’s clients and their audiences.
SPARKY 4 of 66
I am inspired everyday with different people I meet and interact. I love listening to their stories and sharing similar or different stories. For my thesis I was inspired by stories of this unconditional love between humans and dogs. When I’m not working I enjoy going to concert shows, photography, and playing for my kickball league. I believe great designs is simple and innovative. I aim to make a difference for the people and I hope I can show it through my design.
S PA R KY | OV E RVIEW
S PARKY | RES EARC H
W W W. C T U B L E S . C O M
SPARKY 6 of 66
SPARKY 7 of 66
S PA R KY | OV E RVIEW
Statement of interest I wanted to create something that reflects who I am, and what I am passionate about. I own pet since I was six years old. and I believe it shaped me to become who I am today. I am proud owner of a potbelly pig, he was given to our family as an accident, but we have grown to love him as a big part of my family. For my thesis I decided to devote all my efforts and knowledge in creating a product that will help pet owners track the progress of their pets anytime, anywhere. We devote our time and efforts in giving the best care we can give to our pets. Why not make it fun, effective, and intuitive. I aim to help pet owners to be proactive in taking charge of their dog wellbeing and prevent any future health problems.
SPARKY 8 of 66
S PA R KY | OV E RVIEW
Thesis A b s t ra c t Sparky is a dynamic data web application that breakdowns information about your dog daily activities from their wearable device. The wearable device is a sleek on collar attachment to your dog that tracks movements and amount of rest. You can also track your dog’s food intake by checking in what type of food, treats, and water intake you give your dog per day. You can set goals if you wish to put your dog in a challenge. By keeping data about your dog, you can create healthy habits, track progress, and share your data to your vet to better customize your dog’s need. It’s a perfect companion for your daily adventures with your dog.
SPARKY 10 of 66
S PA R KY | OV E RVIEW
What is Sparky? Sparky is a combination of wearable device and intuitive web application that tracks dog’s activities, rest, and food intake. The wearable device is made up of lightweight durable material that can be worn at all times. The data collected from the device can be use to create healthy trends about your dog, track the amount of rest and play your dog gets per day, and quantify how much food and treats you give your dog. It’s a perfect companion for your dog as well as for the vets in order to give your dog a personal diagnosis base on your dog data.
SPARKY 12 of 66
ff
2.
S PA RKY | RES EARC H
RESEARCH
69,926,000 number of dogs in the U.S
43,346,000 number of households in America that has dogs
53%
them are overweight Source by: Mintel, America’s Pet owners Report, 2013
SPARKY 15 of 66
S PA R KY | RE S E ARCH
S PARKY | RES EARC H
Industry Breakdown
$58.2
BILLION ANNUAL REVENUE
DOG OWNER’S TYPICAL SPENDING HABITS
VET EXPENSE
KENNEL HOUSING
FOOD
MEDICATION
$852
$358
$409
$312
on average
on average
on average
on average
Source by: American Humane Society, 2015
SPARKY 16 of 66
SPARKY 17 of 66
S PA R KY | RE S E ARCH
S PA RKY | RES EARC H
T H E S I S C O N S U LTA N T S
Dr. Ryan Smith VCA LAKEWOOD ANIMAL HOSPITAL Dr. Ryan Smith graduated from the College of Veterinary Medicine at Western University of Health Sciences. He specialized in Advanced Critical Care and Geriatric & Weight Management solution for animals. His role for my thesis are data testing, data breakdown using weight management techniques and tools to assess dog’s needs. Moreover, he provides a great insight for vet side in order to manage data, and understand dog owners different needs.
SPARKY 18 of 66
We collected data for adult dogs ranging from 6-9 years old. Dr. Smith use this procedure for dogs that has arthritic joints or sore post-operative areas. This helps the dog get enough exercise without causing further injuries. Typically this procedure is also use to test dog stamina and agility, the data collected then analyze to further understand dog’s needs.
SPARKY 19 of 66
S PA R KY | RE S E ARCH
S PARKY | RES EARC H
Whistle They have two strong product that works independently from each other. They have an activity monitor that tracks daily activities of your dog, and GPS Pet tracker to track location and whereabouts of your dogs.
PROS • Intuitive notification system that alerts the owner if the dog is away from the location that the owner set • Promotes social sharing • Tracks food and medication intake • Merged with Tagg (GPS tracking for dogs) • Cats can also use this device
CONS • The separation of health and GPS tracking device • User interface is hard to understand • Analytics does not get enough detail to what type of activity your dog did per day
W W W.W H I S T L E . C O M
SPARKY 20 of 66
SPARKY 21 of 66
S PA R KY | RE S E ARCH
S PA RKY | RES EARC H
Fitbark FitBark is a dog’s activity monitor. It collects physical activity and rest levels 24/7, providing dog owners with useful insights into your dog’s behavior and activity trends. Made in the shape of a tiny, stylish dog-bone, FitBark fits dogs of any size.
PROS • Durable and small wearable device that can easily attach to your dog • Easily understable data trends • Promotes seamless connection to vets
CONS • No capabality of tracking dog’s location • Battery runs out fast • Early stages so the design needs work
W W W. F I T B A R K . C O M
SPARKY 22 of 66
SPARKY 23 of 66
S PA R KY | RE S E ARCH
S PARKY | RES EARC H
Wuf Wuf is a wearable technology startup focused on creating the world’s smartest dog collar. By building central platform where all communication can happen between dog, owner and friends of the dogs. It tracks activity, GPS, feeding recommendations, motion sensing unit, Bluetooth, a speaker and a microphone that transmits audio to dogs and owners.
PROS • Useful for dog training (built in micro phone from the collar) • Track dog’s location and activity • Gives dietary guidelines on how to feed your dog base on your dog’s need • You can talk to your dog anywhere, anytime through built in microphone
CONS • • • •
Focus is driven toward GPS for dogs No food tracking journal No connection to vet Early stages (still on kickstarter)
W W W. G E T W U F. C O M
SPARKY 24 of 66
SPARKY 25 of 66
S PA R KY | RE S E ARCH
S PA RKY | RES EARC H
Competitive Analysis Category
Sparky
Whistle
Fitbark
Wuf
platform tracks activity tracks medication tracks vaccination tracks location of dog help set goals tracks food tracks daily mood sync multiple users share data to vets connect to social media intuitive analytics
SPARKY 26 of 66
SPARKY 27 of 66
3.
S PA R KY | RE S E ARCH
S PARKY | TARGET AU D IENC E
TA R G E T AU D I E N C E
Ta r g e t Au d i e n c e The primary target audience for dogs will be senior dogs (4 years and older) with a sedentary lifestyle, likes to beg for food, goes to walk once or twice a week, and vege all day. For dog owners, our primary target audience are ages 3445 years old. They believe that pets are great companion in life, they either single, married, or divorce, and they can keep up with the latest technology. They have high disposable income and tend to have older dogs. The secondary target audience for dogs are adult dogs (1-3 years old), overweight, but still maintain a semi active lifestyle. This dog always gets extra treats and gets a lot of human interaction. For dog owners they are ages 23-34 years old. They are young, early in their careers and they have income to spend on anything they want. They live beyond their means, they see their dog as companion, and also a social advantage to meet new people. They are dependent on technology and they are connected heavily on social media, and they love to share stories and pictures of their dogs.
SPARKY 10 of 50
Tertiary target audience for dogs are puppies (4-9 months old). They are in good shape or starting to be on the heavy side. They are playful, high in energy, and they can last longer in physical activities. They love to play with their owners, begs for treats, and they get regular check ups at the vet. For dog owners they range 18-25 years old. They are young, free spirited, and has high regards to the early stages of their dogs. They love to brag about their dogs on social media. They over spend on their dogs, because they treat their dog as their own child.
SPARKY 29 of 66
S PA R KY | TA RGET AUDIENC E
S PA RKY | TARGET AU D IENC E
PERSONA 1
U S E R WA N T S TO C H E C K DA I LY AC T I V I T I E S
NICOLE & ROO “Roo is my constant companion, we go places together”
MAKE SURE WEARABLE D E V I C E I S AT TAC H E D
DEMOHRAPHIC Age: 32 Location: San Francisco, CA Status: Single Gear: Samsung galaxy 6, kindle Occupation: Librarian
DOG DEMOHRAPHIC Age: 7 Gender: Male Breed: Jack Russell
Nicole is a single woman living independently in her studio apartment in Downtown San Francisco. She enjoys reading books, listening to indie music, and her caffeine choice is diet coke. Although she has a set schedule at the Library, she tries to keep her walking routine schedule with Roo. But most of the time she skips walking her in the morning, because they would both stay up all night watching all the episodes of breaking bad. When she leaves for work, she worries what Roo does while she was away, and what the Vet told her because Roo is overweight and needs a constant physical activity.
OPEN UP W E B A P P L I C AT I O N
C L I C K O N A N A LY T I C S
NEED • Set activity goal that will keep track of the physical activities of roo • A system to monitor amount of food and treats she gives to roo
TO G G L E B E T W E E N DA I LY, W E E K LY, A N D M O N T H LY V I E W
G OA L • To have an active quality time at least 30 minutes a day
SPARKY 30 of 66
SPARKY 31 of 66
S PA R KY | TA RGET AUDIENC E
S PA RKY | TARGET AU D IENC E
PERSONA 2
U S E R WA N T S TO T R AC K M E D I C I N E I N TA K E
DAV E & C A S S I E “Me and Cassie loves to go on adventures together”
OPEN UP W E B A P P L I C AT I O N
DEMOHRAPHIC Age: 45 Location: Huntington Beach, CA Status: Divorce Gear: Iphone, iMac, Fitbit Occupation: Art Director
DOG DEMOHRAPHIC Age: 10 Gender: Female Breed: Labrador
SPARKY 32 of 66
Dave enjoys outdoor activities with his dog Cassie. He brings her to work everyday after his early surf session. Dave oversees a lot of decision-making at work, that’s why he is in and out of meetings all the time. However, he is also in a lot of pressure because Cassie was diagnose with diabetes last year, and she need extra care to make sure she’s getting her medications on time. Dave tried to get a dog sitter for Cassie but he feels she is not getting the right amount of help, so he wants to be hands on with making sure Cassie is getting the appropriate care she needs.
PROFILE
MEDICINE
NEED • System that manages cassie’s medicine intake • Track daily activities
G OA L
SET MEDICINE D E TA I L S
• To get Cassie in better shape so she can enjoy all outdoor activities she enjoys
SPARKY 33 of 66
S PA R KY | TA RGET AUDIENC E
S PA RKY | TARGET AU D IENC E
PERSONA 3
U S E R WA N T S TO T R AC K F O O D I N TA K E
R YA N & C H A R L I E “Charlie is my homeboy”
OPEN UP W E B A P P L I C AT I O N
Ryan is a hardworking Nurse that spends a lot of late nights at the hospital. Charlie is left by himself at night so he worries if he is getting enough rest especially at his age. Although, Charlie is an adult dog, he still enjoys playing in the backyard, relaxing under the sun, and playing at dog beach. Ryan makes sure even if Charlie is not getting enough playtime outside that he eats the right food and proportion. Their favorite thing to do is sing together while playing the ukelele.
DEMOHRAPHIC Age: 32 Location: Los Angeles, CA Status: Single Gear: Nexus 6, iMac Occupation: Registered Nurse
DOG DEMOHRAPHIC Age: 3 years old Gender: Male Breed: German & Labrador Mix
SPARKY 34 of 66
NEED
C L I C K O N T R AC K FOOD
SELECT WHICH MEAL G I V E N A N D S AV E
• System that makes it easy to track amount of food and activity • System that alerts the vet of Charlie’s health
G OA L • To have a lot best friend time
C L I C K O N A N A LY T I C S A N D F O O D TO S E E C A LO R I E I N TA K E
SPARKY 35 of 66
S PA R KY | UX P RO C ESS
S PA RKY | U X P ROC ES S
User Experience Te s t i n g P l a n OBJECTIVE: • Test navigation • Test user flow based on given task • Test if the input options are intuitive for users
TARGET USER FOR TESTING • Dog owners that has a senior dog that need extra help in day to day activities • Dog owners that worries if their dog is left by themselves and not getting enough activity in a day • Dog owners that treats their dog as family member
SCREENING OF QUESTIONAIRES • Name • Number of dog per household • age of dog • dog breed • gender of dog • activity level of dog
SPARKY 36 of 66
SPARKY 37 of 66
S PA R KY | UX P RO C ESS
S PA RKY | U X P ROC ES S
User Case Scenarios USER TASK #1: Login food intake for the day
USER TASK #2: Show analytics of your dog’s activity to your vet
USER TASK #3: Getting information about your dog
SCENARIO:
SCENARIO:
SCENARIO:
You just gave your dog lunch and you want to input
You just walked in to your 2pm appointment for your
You are in the middle of emergency, you had to
what your dog ate for lunch. Please proceed to
dog routine vet check up. You want to share the
rush your dog to a different vet hospital. But they
finishing the task activity level of dog
progress of your dog’s activity level to the vet.
need informationa about your dog to get a better
LIST OF QUESTIONS:
LIST OF QUESTIONS:
• Did you encounter any difficulties with the site? If
• Did you encounter any difficulties completing the
yes, please elaborate. • Would you add additonal feature to make the experience better? • Is the navigation intuitive?
task? • Is the navigation intuitive to finishing task? • Is the data provided in analytics helpful?
understanding. How do you get those information? LIST OF QUESTIONS: • Is the information given in your dog’s health card informative? • Is there any information you feel like should be included? • How convenient is it to have all this information available for you?
SPARKY 38 of 66
SPARKY 39 of 66
S PA R KY | UX P RO C ESS
S PA RKY | U X P ROC ES S
U s e r Te s t i n g Results PROBLEM: In my original proposal from midterm I proposed for a mobile application. However, base of my target audience most of them rely on desktop computers and tablets to access the internet. They may own smartphone, but they prefer full interaction from a desktop.
SPARKY 40 of 66
SPARKY 41 of 66
S PA R KY | UX P RO C ESS
S PA RKY | U X P ROC ES S
SOLUTION: I changed my platform to a responsive web design to better service all users using different gadgets.
SPARKY 42 of 66
SPARKY 43 of 66
S PA R KY | TA RGET AUDIENC E
S PA RKY | TARGET AU D IENC E
PROBLEM: Dog owners usually give the same food brand and serving size, and treats to their dogs. SOLUTION: I changed my platform to a responsive web design to better service all users using different gadgets.
SPARKY 44 of 66
SPARKY 45 of 66
S PA R KY | UX P RO C ESS
S PA RKY | U X P ROC ES S
PROBLEM: User find that data provided in trends are not sufficient to understand the data being visualize SOLUTION: The data is broken into daily, weekly, monthly views and created a summary snapshot that tells you at glance what your dog is up to every time you are away.
SPARKY 46 of 66
SPARKY 47 of 66
5.
S PA RKY | T EC H P ROC ES S
T E C H N O LO GY
SPARKY 49 of 66
S PA R KY | T E CH PROCESS
S PA RKY | T EC H P ROC ES S
Site Map This is the overview of Sparky’s deliverable prototype. I wanted to created a meaninful flow for user to get an overall experience on how the site would work.
SPARKY 50 of 66
SPARKY 51 of 66
S PA R KY | T E CH PROCESS
S PA RKY | T EC H P ROC ES S
How it works In creating the prototype I used Bootstrap foundation to make it easy to make the site responsive and fit to any platform. I used SQL to store all data collected to connect to Highchart to visualize the analytics.
BUILDING PROTOTYPE • Bootstrap Foundation • Html5/CSS3 • MySQL (Storage) • HighChart.JS
PLATFORMS • Desktop • Tablet • Mobile/ Smart Phones
SPARKY 52 of 66
SPARKY 53 of 66
S PA R KY | T E CH PROCESS
S PA RKY | T EC H P ROC ES S
HIGHCHARTS.JS High charts has an easy customizable data visualization that is responsive and offers different types of data charting. I used a simple bar charts, pie graph, and the live data feed to give a realistic feel as the dog move and data changes.
SPARKY 54 of 66
SPARKY 55 of 66
S PA R KY | T E CH PROCESS
S PA RKY | T EC H P ROC ES S
DATABASE IMPLEMENTATION I depend heavily on my database in connecting the data and visualizing it using highcharts. I created relation between dog owner, dog, and vet ID.
SPARKY 56 of 66
SPARKY 57 of 66
S PA R KY | BRA NDING
S PA RKY | B RAND ING
M O O D B OA R D 1
Brandon Grotesque
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
SPARKY 58 of 66
SPARKY 59 of 66
S PA R KY | BRA NDING
S PA RKY | B RAND ING
F I N A L M O O D B OA R D
P R O X I M A N O VA ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
SPARKY 60 of 66
SPARKY 61 of 66
S PA R KY | BRA NDING
S PA RKY | B RAND ING
S PA R K Y U I G U I D E L I N E S TYPOGRAPHY
LOGO IDENTITY
• HEADER 1 - 24px • Header 2 - 18px • Header 3 - 16px • Body content - 14px
BUTTONS
FONT AWESOME ICONS
SPARKY 62 of 66
COLOR SCHEME
SPARKY 63 of 66
S PA R KY | CONCLUSION
S PA RKY | C ONC LU S ION
CONCLUSION
CHALLENGES
Due to increasing rate of humanization of pets
One of the challenges in starting my research is the
it continues to open up a world of products and
lack of background in vet care. I am very fortunate
services that helps dogs live a healthy, active, and
enough that I have vet consultants that I can ask
fruitful lifestyle. Humanization also encourages
for guidance in terms of building an intuitive web
compassion for animals, which leads to increasing
app that covers most of dog owners need. I faced
market opportunities for this growing market. The
a lot of coding challenges but it help me become
shifting of U.S population not having children is
a stronger coding person. I become much more
one of the major drivers of the growth in tech in pet
conscious on design choices, since my coding skills
industry. These demographic tend to have higher
is not as great as other people. Building a database
spending money and the attitude to give the latest
that you can refer back in from your server was
and the best technology for their dogs.
challenging. I did many edits on data architecture making sure all scenarios I laid out can connect to database.
“If you cannot do great things, do small t h i n g s i n a g r e a t w ay. � - Napoleon Hill SUCCESSES I am really happy and proud that I develop something that can help dogs and dog owners to take better care of their pets. I feel that this thesis help to successfully enhance my critical thinking, design, and coding skills. I believe this product can help not only dogs but other pets as well.
LEARNINGS I came in AAU with minimum knowledge of design concepts, UX process, and coding. Now I feel more confident with the skills learned and experiences that help me become a stronger designer today. Being my own designer and front end developer, it helps me to become more well rounded designer. I take into consideration the structure of my design in order to implement it efficiently.
SPARKY 64 of 66
SPARKY 65 of 66
S PA R KY | BI BL IOGRAPHY
B i b l i o g ra p hy • Mintel. (2013). America’s Pet Owners U.S.— March 2013. Retrieved March 5, 2014 from Mintel Reports database. • Mintel. (2014). Living Online U.S.— May 2014. Retrieved May 28, 2014 from Mintel Reports database. • Pets by Number. (2014, January 30).Retrieved March 2, 2014, from http://www.humanesociety.org/issues/pet_ overpopulation/facts/pet_ownership_statistics.html • Obesity Facts & Risk. (2013, September 7). . Retrieved March 2, 2014, from http://www.petobesityprevention.org/petobesity-fact-risks/ • U.S Pet Industry Spending Figures & Future Outlook. (2013, February 1). . Retrieved March 2, 2014, from http://www. americanpetproducts.org/press_industrytrends.asp • Moschel, M. (2013, November 20). The Beginner’s Guide to Quantified Self. . Retrieved March 2, 2014, from http:// technori.com/2013/04/4281-the-beginners-guide-to-quantified-self-plus-a-list-of-the-best-personal-data-tools-outthere/
CONSULTING: VCA LAKEWOOD ANIMAL HOSPITAL
Dr. Ryan Smith 10701 South St. Cerritos, CA 90703
SPARKY 66 of 66
S PA RKY | B IB LIOGRAP H Y
Links to Sparky
THESIS BOOK
WEB APP PROTOTYPE UserName: ilovedogs@yahoo.com Password: dogs4lyfe
PORTFOLIO