Bump leverages spatial interactions to mimic briefly bumping into someone.

Timeline 12 Weeks
Team Alvin Jeong, Brayan Jimenez Ortega, Daniel Kim
Role UX design, Motion design, User research

Bump leverages spatial interactions to mimic briefly bumping into someone.

Timeline 12 Weeks
Team Alvin Jeong, Brayan Jimenez Ortega, Daniel Kim
Role UX design, Motion design, User research
Home, listening party, and activity picking phone screens for Bump app.
1/9 Research Insight

Surveys and interviews with 90+ participants studied the often draining digital interactions in a new socially distant reality.

01

There are nuances of in-person interaction that can’t be replicated by existing mediums for digital communication.

02

People miss certain activities and the physical spaces in which those activities take place.

03

Since physical distancing, many have felt that their daily routine is more structured while others find it more ambiguous.

2/9 Persona Graph

Summary personas captured primary, secondary, excluded perspectives from research insights.

Primary persona graph for Maria, a 19 year old college student.Primary persona graph for John, a 20 year old college student.Secondary persona graph for Sarah, a 44 year old parent.Secondary persona graph for Sarah, a 44 year old parent.
(Select to Enlarge)
3/9 Ideation

The “bump” design direction resulted from 60 idea sketches weighed on persona graph and design principle appropriateness.

Illustrations for status, music and bump iteration ideas.
4/9 Journey Map

Five steps and mood mappings imagined persona use of concept.

Journey map showing 5 steps of the Bump app process: pause, initiate, bump, advance and rekindle.
5/9 Storyboard

Illustrations imagined the emotional and situational context, where a spontaneous catch up inspires later companionship.

Bump storyboard highlights primary personas Maria and John as they use Bump to connect briefly during their days.
6/9 Participatory Workshop Insight

Three activities visualized short discussions to help understand comfortability with different audiences.

Illustration of hand holding card.
Visualize how individuals prioritize conversation topics.

Card Sorting

Illustration of cowboy holding wand.
Enact discussions to understand comfortability with different audiences.

Role Playing

Illustration of hand holding pencil.
Imagine missed shared social environments with rapid sketching.
‍

Sketching

7/9 System Architecture

Used to facilitate decisions for dynamic task flow interactions.

System architecture diagram shows onboarding, buddies and discover flows.
8/9 Proof of Concept Insight

14 trial runs conducted via Zoom influenced changes to call duration.

Quotes from participants: "90 seconds feels right", "It gave me that little kick I needed", "I was left wanting more", "It's really cool to be able to not know who it's gonna be"
Task Flow 1

Onboarding and setup introduces spatial metaphors and privacy considerations.

Task Flow 2

Drag yourself into a 90 second chat with a buddy, focused with spotlight video.

Task Flow 3

Discover mutuals with shared audio activities.

9/9 Conclusion

A movie imagined the prototype within one of many stories from research participants.