AR with Camera Detection, School Project

Flow of Presence is a visual interface that reacts to the temporal presence of people in passing space.

Flow of Presence is a visual interface that reacts to the temporal presence of people in passing space.

Flow of Presence is a visual interface that reacts to the temporal presence of people in passing space.

Details

Year

Feb '24 - Apr '24

Role

Spatial Interaction Designer | Site Research, Visual Design, Prototyping, User Testing

Tool

Unity, Blender, Figma

"How might we leverage technology to
create an engaging and interactive experience
for users in transitional spaces?

Overview

To support the opening of Mullin Transportation Design Center in LA, I design an interactive visual interface that respond to users' movement, behavior, and sensory input.

User Speed & Directionality
input

Live Clock & Data Visualization
output

Outcome

95%

During the Mullin Transportation Design Center's opening, we measured engagement through camera analysis and data visualization of our work, and 95% of passersby stopped to interact actively.

Data Collected from the Opening Event

Site Research

After research interviews and observations, we found the hallway mainly serves as a passage for people heading to specific destinations. We then identified two key interaction opportunities: direction and speed.

Design Iteration & Decision

I explored solutions through prototyping, discussions with designers and user testing to make sure the data visualization are clear, legible and easy to understand for users.

Color Decision

Dynamic background color gradient emphasize the presence of people with their directionality.

To make the project more engaging, we planned to change colors using code. However, through experimentation, we discovered 6 visually effective color combinations by simply adjusting hue in system.

Reflection

01

Being pro-active, creative, and bold! 

I learn to explore new ideas, experiment with new technology, and step outside of my comfort zone.

02

Refining design with technical constraints

I learn to continuously refine and improve designs through exploration, experimentation, and collaboration with partners.

I learn to communicate and collaborate effectively with cross-functional partners across, beyond my team.

©️ 2022 - 2025 Claire Wenhsun Li.

©️ 2022 - 2025 Claire Wenhsun Li.

©️ 2022 - 2025 Claire Wenhsun Li.