Suz 3.jpg

Augment UW

 

Augment UW


Context

CSE 441 / DES 372
10 weeks
University of Washington

Team

Katie Hawkins
Ken Dong
Moein Pardakhtim


Augment UW cover

Project overview

The University of Washington has a rich and fascinating history. Established in 1861, the Campus has witnessed a multitude of world events and influential leaders. Yet, very few students are well connected to the historical significance of the campus they walk on every day. The UW Time Capsule will give you a chance to learn about the people and buildings that have made the University what it is today. Using Augmented Reality, you can see the history of UW come to life right before your very eyes!

Main contribution

  • user testing

  • making of the AR markers

  • resize and reposition information in 3D space

  • compile and design all documentation


 
 

Research

AEIOU, Fly on the Wall, Survey

INsights

  • Students walk from class to class without much engagement in their surroundings

  • The campus lacks things for students to interact with on a day to day basis

What is the need?

A way for students/faculty to engage with their surroundings in a new and interesting way

inspiration

we took inspiration from the University of Washington instagram account (shown below) and proposed a concept that students can interact with and capture themselves in projections of historical UW images.

Design Decision: our initial idea was to project those old photographs onto the actual building but we are concerned about the projector getting stolen, not positioning well and the scope of the project limited by the amount of photographs that we have.

source: instagram.com/uofwa/

 
 

Feasibility Check

storyboard

illustration by Katie Hawkins

 

Architectural design diagram

As shown in the figure, there are many components to our project. We hope that our stand wins the interest of our users while they are walking on the UW campus. The user will notice the stand and be curious why there is a stand at this location.

Architectural Design Diagram By Claire

Architectural Design Diagram By Claire Chen

Design Decision: we all agreed on building a webpage instead of an phone application so it's more universal and accessible for all devices

 
 

Prototypes

Wizard of OZ

The user can hold the ‘phone’ up to certain parts of campus (Suzzallo, The Broken Obelisk and Red Square) while two ‘wizards’ feed the transparent paper through the cardboard phone. The user can see information ‘augmented’ onto specific areas of campus as they move their phone around and the wizards change which images are displayed on their ‘screen’. 

Our Wizard of OZ session prompted us to think about how we are going to display the QR code in Red Square. We want the physical construction that the QR code is presented on to grab peoples attention and inspire them to approach the project. We hope to augment information onto will be crucial to how the AR is presented to the user. Also we will need to be careful about how much information is augmented onto specific sights, thinking more specifically about how much users will actually move their phones around to discover new information. We are beginning to understand that markers will be a necessary component to our project given the time we have. Overall, the users who interacted with our prototype were very excited to use it and they were especially interested in the visual representation of AR that we provided them with. 

 
 

Medium Fidelity Prototype

For our medium fidelity prototype we used a 2 foot cardboard box, attached to this box was a skinner 2.5 foot box. This made the entire stand 4.5 feet. On the top of the structure we taped the QR code and marker. We then placed this stand in the middle of Red Square. Users would approach the stand, scan the QR code with their camera, be directed to a website and see a prototyped augmented animation.

For this version of prototype we were focusing on testing the height of the markers, instructions, the overall flow, and marker tracking feature on phones

 
 

High Fidelity Prototype

For this version of prototype we are focusing on testing our custom marker, orientation of the information, and the materials used for building the actual stand.

Demo

The Markers

The markers shown below are the final markers that we used during our final showcase.

 
 
Design decision: communicated with the engineers to create markers that are simple yet different enough that the computer can read/differentiate them
 
 

Process Photos

 
 

Final Showcase

 
 
Final Architectural Design Diagram by Claire Chen

Final Architectural Design Diagram by Claire Chen

 

give it a try!

 
instruction