WooZoo! App Design Process

Dalice Travillion User Prototyping Instructor: Kala Dunning

WooZoo!Application Prototyping

Dalice Travillion | User Prototyping

Created In | InDesign Final Presentation | PDF

Dalice Travillion User Prototyping Instructor: Kala DunningDalice Travillion User Prototyping Instructor: Kala Dunning01

Table of Contents

User Centered Design Process

About App

Personas

Wireframe Sketches

Paper Prototypes

Storyboard

Summary

03

02

07

09

11

13

16 Final Solution

18 Digital Prototypes

Main FeaturesColor Scheme

Dalice Travillion User Prototyping Instructor: Kala DunningDalice Travillion User Prototyping Instructor: Kala Dunning

User Centered Design Process

Research

Brainstorm

Evaluate

Produce

Design

Research topic

Discover needs and goals for application

Gain information on audience

Wireframes

Sketches & Paper prototypes

Storyboards & Outlines

Review work

Peer feedback

Get approval of direction

Create branding

Color charts

Appearance and design

Build final project

Distribute application

Launch

DevelopDiscover problems

Overview project

Testing of application

02


About App

03


Ideate on problems that could be solved by a mobile application.Define the problem your application is trying to solve, and your ideal user.

“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.”

Summary

04

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.

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 showsGetting lost and not being able to find your group

Difficult to find locationsUnable to find close restrooms and rest areas

Dalice Travillion User Prototyping Instructor: Kala DunningDalice Travillion User Prototyping Instructor: Kala Dunning

Logo

Application

Color Scheme

WooZoo!

05


Animal InfoWith 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 MapsPre-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 TicketSign 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!

Main Features

06


Personas

07


Mike,Jessie, Amy, Barbara Derrick, Amanda, George Jared & Lisa

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.

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.

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.

08


Wireframe Sketches

09

Dalice Travillion User Prototyping Instructor: Kala Dunning 10


Paper Prototype

11

Dalice Travillion User Prototyping Instructor: Kala Dunning 12


Storyboard

13


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.

14


Final Solution

15


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.

16


Digital Prototype

17


InVision Prototype

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.

18

https://invis.io/VY6M71W74



WooZoo! App Design Process

Documents

Transcript of WooZoo! App Design Process