AR | MoPop Horror Exhibit

RecipeSaver app: high-fidelity prototype

Project Summary

June 2020

As a part of UW Bothell’s Intro to Interaction Design course curriculum, I worked on a group project to make an app prototype for any topic of our choosing. Our group decided to make a prototype for an augmented reality app for middle school students visiting the MoPop Horror exhibit. The MoPop Museum Director watched our final presentation with enthusiasm, commenting that this AR scavenger hunt was a great idea and could realistically be implemented.

Deliverable

High-fidelity prototype

Program

Figma

Class Project

Intro to Interaction Design | University of Washington Bothell

Process

Horror at Mopop FINAL IMD 250 by Catherine Brosius

01. Empathize

Methodology

User interviews

Subjects

n = 4

Demographics

2 teachers, 2 students

Middle school

02. Define

Identify Goals

Using interview notes, we found that students often struggled to stay engaged at school museum field trips with worksheets and writing assignments as deliverables. Our goal was to encourage students to build on critical thinking and writing skills in a team environment.

Create a Persona

All group members created personas of the student and the teacher based on the interviews we conducted. We voted on our top picks and selected the 2 personas shown in the above presentation.

Key Stakeholders

After talking to the Museum Director, we discovered QR codes would be fairly easy and inexpensive to implement in the exhibit, but curators often resist adding them as they are unsightly. Another method of activating the AR experience would be for students to simply take a picture of each item throughout the scavenger hunt.

03. Ideate

Wireframe

We started with a mobile UI kit from the Figma community and modified it throughout the course of several collaborative remote group sessions.

04. Prototype

Low Fidelity Prototype

We used Figma to create a black/white/grey V2, clickable prototype including icons, minimal images, and copy.

05. Test / 06. Iterate

Remote Usability Test

Due to the fast paced class schedule, we did not have time to do an official test of our prototype. We discussed logical user flows, tested them amongst our group, and revised the screens after receiving class feedback.

High-Fidelity Prototype

I was responsible for creating the badges, backgrounds and mascot. Our group collaborated in Figma to finish adding color, copy and graphics and make the prototype clickable. We presented our project to the class and to a MoPop Museum Director.