top of page
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.

​

​

Screen Shot 2019-03-14 at 6.28.36 PM.png
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.

Screen Shot 2019-03-14 at 6.23.31 PM.png
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. 

Research
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.43.57 AM.pn
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 

Design
Starting the Tour

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

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

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

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.

Mockup1.png
Mockup2.png
Mockup3.png
Start
Share Experience
Mockup.png
Mockup4.png
Mockup5.png
Mockup6.png
Mockup7.png
Mockup8.png
Mockup9.png
Mockup10.png
Mockup11.png
Mockup12.png
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.

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
bottom of page