WooZoo! App Design Process

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