Zoo Explorers

Project overview: A fictional student based project to create an engaging and enriching educational app for the Houston Zoo that incorporates Augmented Reality elements.

Meet the Team

Preview the Solution

Mockup showing 3 iPhone screens

The Process

Discovery

After comparing 3 direct and 2 indirect competitors, it was discovered that attraction related map apps appear overwhelming because everything is so cramped together.

Competitor Analysis infographic showing 3 screens from 5 separate apps

User Persona Takeaways

Define

Out of 57 survey responses and 5 one-on-one interviews, we discovered that users would like an app to help them interact more with the zoo better while learning more about the animals around them. 

Key Takeaways

Problem Statement & Solution

Jennifer needs an engaging and educational interaction with the zoo exhibits so that she can create an enriching experience for her kids. 

User Insight & Solution

Ideate

For this project, we wanted to challenge ourselves by incorporating augmented reality elements into our core concept and designs. With the zoo as our playground, we started to envision how this would function for our users.

Ideation Workshop

Through the “I Like, I Wish, What If” technique, we narrowed down our focus. We then created a Feature Prioritization Matrix to better understand the focus of our User Flow.

I Like, I Wish, What If sticky exercise
Prioritization Matrix for Solutions

User Journey Mapping

To better empathize with our target users, we created a User Journey Map before designing which led to a revelation we hadn't thought about before: what if the animals you want to see aren't available?

User Journey Map Infographic for Jennifer Watson

Design

We each sketched our ideas for the app and brought them together into a “Frankenstein” Low Fidelity Prototype.

Mid Fidelity to High Fidelity Prototype

During mid-fidelity prototyping, we started to play with color and imagery, but also explored other design options to fix some issues that were noted in user testing. The high-fidelity prototype relied heavily on A|B testing to reach its final form.

Multiple images of iPhone screens showing the Mid-Fidelity Mockup for the project

Testing

Testing was completed following all stages of design. New or altered features were added throughout the design so it was critical to get as much user feedback as possible about what was working and what needed further iterations.

Graph showing responses for 3 tasks for each of the 9 people tested
A/B Testing Results
Testing Takeaways

Edit & Enhance

Multiple iterations were key to learning the best way to incorporate AR. Although iterations are never truly complete, made style and flow changes that greatly elevated the app.

Infographic showing final touch changes made for the High-Fidelity Mockup

Final Product

9 screens stacked showing the range of the app
Lessons Learned