Application Prototyping
WooZoo!
Dalice Travillion | User Prototyping Created In | InDesign Final Presentation | PDF
Dalice Travillion
User Prototyping
Instructor: Kala Dunning
Table of Contents
02
User Centered Design Process
03
About App Summary Color Scheme Main Features
01
Dalice Travillion
07
Personas
09
Wireframe Sketches
11
Paper Prototypes
13
Storyboard
16
Final Solution
18
Digital Prototypes
User Prototyping
Instructor: Kala Dunning
User Centered Design Process Research Research topic Discover needs and goals for application Gain information on audience
Brainstorm Wireframes Sketches & Paper prototypes Storyboards & Outlines
Evaluate Review work Peer feedback Get approval of direction
Design Create branding Color charts Appearance and design
Develop Discover problems Overview project Testing of application
Produce Build final project Distribute application Launch
Dalice Travillion
User Prototyping
Instructor: Kala Dunning
02
About App
03
Dalice Travillion
User Prototyping
Instructor: Kala Dunning
Summary “WooZoo! (or WZ!) Is an educational companion App for
those trips to the Zoo. The app is focused on children and uses a colorful interface to guide them through their outing at the zoo. Giving information on the animals that includes their natural habitat, as well as their behaviors and interactions. Along with their location in the chosen zoo, this app is an essential companion for any young zoologist.” Ideate on problems that could be solved by a mobile application. Define the problem your application is trying to solve, and your ideal user.
Proposed Problems To Be Solved: Main problem to be solved: Relieving the stress and confusion that some zoo outings can cause.
Other Problems to be solved: Missing zoo shows Getting lost and not being able to find your group Difficult to find locations Unable to find close restrooms and rest areas
Problem: There are many apps created to guide the educational experience. Museums like the Smithsonian and Organizations such as NASA use applications to educate a growing mind with an added digital experience that can be useful on its own, but is enhanced with a physical visit. The one educational location that is usually left out of this venture is the national Zoo. Sure, there are a handful of zoos that dedicate the time to creating a useable app, but these are often used just for advertisement, containing simple information such as hours and special events, or just a simple digital version of their paper maps. These apps are also widely outdated, having been made in the height of the app boom as a quick advertising solution. There is a need for more in an app such as this, something that is useable both out and inside of the zoo and that is continually updated with relevant information.
Solution: My app will provide all that is missing in an application created for the zoo.I t is meant to serve as an interactive guide for families taking a trip to the zoo. Maps, news, an event finder, and most importantly, interactive wikis for each animal exhibit will be present all inside one app, making it a convinient reference. It will serve to give a fun, Interactive, and educational experience to a family’s outing to the zoo. Both the parent and the child will use this application to establish information about the animals present in the zoo. It also serves as a map outlining the zoo grounds (Including lunch areas, gift shops and shows). As apart of a partnership program, it is compatible will most major zoos across America such as the Bronx Zoo in New York, the Lincoln Park Zoo in Illinois, and the Los Angeles Zoo in California.
Dalice Travillion
User Prototyping
Instructor: Kala Dunning
04
Color Scheme Logo
WooZoo! Application
05
Dalice Travillion
User Prototyping
Instructor: Kala Dunning
Main Features
Animal Info
With the special ZooQR scanner, young children and families can easily scan the special posters present at each exhibit to gain more information on the inhabited animal and even play specially themed games that teach them about the behaviors of the animal!
Zoo Maps
Pre-plan your day before taking a step into the car! Zoo Maps allows you to highlight areas that you just cant wait to see or number exhibits by the order you want to visit them. Set reminders for certain shows to receive a notification thirty minutes before it starts, giving you plenty of time to reach your destination and find a great seat!
Phone Connect
Families can have peace of mind when separating at the zoo. Just connect your phones using the in app option on both devices. Using GPS, you can easily see where inside the zoo your separate party is, lessening the need to call and check up on them.
Digital Ticket
Sign into your zoo account to obtain a special digital ticket good until your membership expires. With special lines dedicated to the Digital Ticket, its simple to quickly scan and head on in! Membership expired? It’s easy to renew in app! Accepting payment such as Credit, Debit and PayPal, its simple and convenient!
Dalice Travillion
User Prototyping
Instructor: Kala Dunning
06
Personas
07
Dalice Travillion
User Prototyping
Instructor: Kala Dunning
Mike,Jessie, Amy, Barbara Derrick, Amanda, George Profile:
A family of four out on an educational adventure at the local zoo.
Scenario:
Prepared for the worst, Both parents, Mike and Barbara predownload WooZoo!. At the zoo, they utilize the apps features such as the map to discover new venues inside the zoo. Young Jessie gets tired. Using WooZoo!, Mike finds a nice shaded bench at a zoo park.
Dalice Travillion
Profile:
An older sister and her younger brothers who’s parents are out on a business trip. To entertain the boys, Amanda takes them out on a trip to the local zoo.
Scenario:
They find themselves at the zoo, both boys have many questions Amanda can’t seem to answer. Downloading WooZoo!, She finds a whole new experience that helps Amanda to direct the boys and educate them about all the zoo animals they encounter.
User Prototyping
Jared & Lisa Profile:
A father and daughter spending some bonding time together. Lisa really wants to go to the zoo.
Scenario:
Jared has never been to a zoo and has no clue about animals. Using WooZoo! Calms his nerves and gives him confidence to plan out his day with Lisa. He finds the ZooQR very useful and uses it frequently to answer all of Lisa’s questions.
Instructor: Kala Dunning
08
Wireframe Sketches
09
Dalice Travillion
User Prototyping
Instructor: Kala Dunning
Dalice Travillion
User Prototyping
Instructor: Kala Dunning
10
Paper Prototype
11
Dalice Travillion
User Prototyping
Instructor: Kala Dunning
Dalice Travillion
User Prototyping
Instructor: Kala Dunning
12
Storyboard
13
Dalice Travillion
User Prototyping
Instructor: Kala Dunning
Mike arrives at the zoo and uses WooZoo! to access his tickets and enters the zoo seamlessly.
Inside the zoo, Mike sees many interesting animals. His daughter Amy wants to know more about the Lemurs. Mike whips out WooZoo! Using ZooQR, he discovers many things about Lemurs and recites them to Amy.
While visiting the penguins,Amy gets hungry. Mike uses WooZoo! to find a cheap eating spot close by.
Amy wants to go to the elephants, while her sister Jessie wants to see the Giraffes. Luckily, Mikes wife Barbara also has a phone with WooZoo! and they proceed to connect. Mike now has a GPS map of his wife and daughter’s location within the zoo.
Dalice Travillion
User Prototyping
Instructor: Kala Dunning
14
Final Solution
15
Dalice Travillion
User Prototyping
Instructor: Kala Dunning
Final Concept: The final concept for WooZoo! Incorporates a clean interface that is simple to navigate. It includes visuals that will attract children and their parents alike. As apart of the final solution, the digital prototype of WooZoo! features useful tools that will help a family during their zoo outing. The digital ticket allows for an easy entrance, while the guide will help in outlining their entire day. The discover option lets children to play around with the app, giving them instant information about a chosen animal without the need to use the ZooQR scanner. Overall, The final concept for WooZoo! Helps the consumer in their outing, focusing on common annoyances and needs that may come up on their visit.
Final Outcome: All of the exercises helped to successfully plan out and eventually wrap up the technical and visual design of the application. The paper prototypes and wireframes, though done in the earliest stages, were very helpful in deciding the direction of the application. Without the personas and storyboard, there would have been a very vague idea as to the user of the application. Knowing when and who would be using the application really helped to focus on the important aspects of the app. The successful design in the final outcome of the application shows that these steps are essential in designing the interface and mechanics of a mobile application.
Dalice Travillion
User Prototyping
Instructor: Kala Dunning
16
Digital Prototype
17
Dalice Travillion
User Prototyping
Instructor: Kala Dunning
InVision Prototype
https://invis.io/VY6M71W74
The Final Design for WOOZOO! incorporates a serene design that is heavily influenced on nature and the ambiance that most zoos posess. This design direction was chosen to help connect the user to the digital platform, easing them into using the app by having a visual connection between their physical enviornment and the digital interface. Dalice Travillion
User Prototyping
Instructor: Kala Dunning
18
Dalice Travillion
User Prototyping
Instructor: Kala Dunning