POCket Tour
UI/UX Designer
01/2019 - 03/2019
Role

Worked with a project manager, developer, and other three UX designers to develop an educational augmented reality app to help people learn more about the culture, history, and the possible hardships of people of color. I was the main designer for the high-fidelity wireframes and collaborated with the team for the entire design process from research to final implementation.

Overview

Our team saw an opportunity to leverage augmented reality technology to deliver a unique way of learning history. Therefore, through the use of augmented reality, Pocket Tour provides an immersive and meaningful experience to help people visualize the culture and history of people of color who are living in Seattle’s International District rather than learning it by listening to lectures.

History of International District in Seattle

Chinatown International District was granted federal status as "Seattle Chinatown Historic District" in 1986. Further, International District comprised of Chinatown, Japantown, Manilatown, and Little Saigon with their histories and historic architectures. 

 
Screen Shot 2019-03-14 at 6.36.45 PM.png
Harry & Tai Tung

Interview

During the research process, our group was able to interview Harry Chan and capture the important moment of the long history of Tai Tung and as a whole of Chinatown.

Interview with Tai TungHarry Chan
00:00

Harry Chan is the third-generation owner of Tai Tung

Original Wireframes
Screen Shot 2019-03-18 at 12.44.08 AM.pn
User Flow

Incorporated augmented reality visuals, UI screen elements, and auditory feedback to elevate the experiential of the space. In order to ensure the application is accessible, the audio was added to enable users with assistive needs to be included in the experience. Additionally, we've also added a flow where users can share their experiences by entering or recording their reviews.

 

Pocket Tour cares about user experience, thus adding a share experience screen within the augmented reality app would help us to improve Pocket Tour. 

pocet tour user flow.png
Color Palette

I used a gradient of pink/ coral, orange and red to symbolize Pocket Tour. In my design vision, I believe our AR app should provide a fun and memorable experience with the purpose of educating the history of Chinatown International District. Therefore, I tried to work with the color palette that my group originally wanted to work with but it did not turn out well.

 

As the result, I came up with something relatively close to the original color palette in hopes of evoking the exciting atmosphere in user experience as well as applying aesthetic usability effect to stimulate users to want to learn more about the history of Chinatown International District.

Caring

Enthusiasm, Stimulation

Excitement, Energy, Desire, Passion 

 
Starting the Tour

The launch page begins with the background knowledge of the app and how it works

Main screen
Main screen

Mission
Mission

How To Use
How To Use

Main screen
Main screen

1/4
Unedited Tour
Unedited Tour

Edit Tour
Edit Tour

Touring
Touring

Unedited Tour
Unedited Tour

1/5
Choose Location

The recommended tours are customizable. Add or remove any locations that are catered to your needs. Once the tour is finalized, the estimated travel time will be provided

Entering Location

When arriving at a location, tap "Enter location" to fully utilize the AR tour feature for an immersed experience

Touring
Touring

Arrived
Arrived

Touring
Touring

1/2
ar.gif
Touring through AR

Historic information will be shown and demonstrated through augmented reality assets. Historical moments become live as well as guiding you through this enhanced experience

Ending the tour with reviews

Once the tour ended, users can provide reviews by typing or recording feedback to POCKet Tour at their geographical location for others to see

Share Experience
Share Experience

Write Review
Write Review

Record Review
Record Review

Share Experience
Share Experience

1/4
Visual Design
POC_Logo_White.png

Through the use of augmented reality, Pocket Tour provides a meaningful experience that visualizes the culture and history of people of color who are existing in Seattle’s International District.

Start
Share Experience
Edit Tour
Finish Editing Tour + Touring
Future Ideation

If Pocket Tour is further developed in the future, we want to incorporate auditory guidance as users navigate through the sites to elevate the experiential of the space to include users who need additional assistive technology to ensure they are also included within the experience.  Also, we would like to expand the locations more than just exploring the International District in Seattle.

Future Reflection

After receiving feedback during the product review, more ideas have come to my mind to improve Pocket Tour. Some ideas such as adding pop-up notifications to recommend the most popular food for different locations as a contribution to local stores. I see potentials in this project. Hence, It would be a great opportunity to develop it even more further and complete the app. 

Thank You