Staging Photo

Project

Q Media Sharing

Roles

UX, UI, Interaction

Company

Samsung

Background

I was part of a team of six designers working together to make Samsung’s next hit apps. Each team member fleshed out design ideas and created product pitches in two-week sprints. This resulted in the design of 34 products that take advantage of proximity awareness, identity across apps and devices, media streaming, and existing Samsung corporate partnerships. This is one of those products.

Project Summary

Every day, millions of people around the world want to share moments with each other — figuring out how is still a challenge. Q lets you find folks around you, regardless of social network or even internet connectedness. Choose to whom you'd like to send a photo, then choose your photos, and send away — securely and anonymously. Once you've received photos from someone, you can easily share to the web via Twitter and more.

Next step: design an experience that:

  • doesn’t require the exchange of private information in order to share files
  • detects nearby users eligible to receive files
  • uses simple identity to convey who you are to other users
  • allows for a user to send media to multiple users
  • allows for a user to receive media from multiple users
  • utilizes a neat circle/spiral recipient chooser interaction

Exploring the Initial User Flow

I designed a unique 3D spiral control to show users around you running Q with the foremost face being the nearest, and each face behind being further away. The same spiral control is used when choosing photos, only older photos were further down the spiral.

Exploring the sending and receiving flow

Process

Exploring Visual Design

My spiral UI control was a cool way to "string" recipients together... allowing scrolling further and further back to find folks further and further away. Below, I explore flat visual styles, a non-spiral circular contact control, and a faux OS X Lion effect.

Exploring visual treatments of the interface

We came to a consensus at that point that the third visual design treatment worked best. I continued to design the Choose Recipients flow below.

Spiral UI view

Tap + hold on recipient

Recipient dragged into well

Recipient chosen

Refining the User Flow

After further examination and consultation with stakeholders and developers, we found it’d be easier for users to choose nearby users from a circle. Dragging versus tapping-and-holding introduced issues for those who tested it. Below, I explored a flow with a modified interaction pattern: select nearby users from a circle, and select media to send from a grid. Additionally, incoming file transfers would be monitored in the notification area, so a user could leave the experience, yet still receive files if near enough to the sender. It felt like a simpler and more robust experience.

Refined user flow with updated interaction patterns

Motion Demo

The motion demo of our updated experience was created by a team member for review by department managers and other parties.

Previous Project:

360 Replay

Harry McCorkle, UX Designer

All content is the property of its respective owners.