Cross–platform video calling

Tango provides free video calls to over 330,000,000 people around the world. Available for iOS and Android users.

Tango

Tango took the Android and iOS app market by storm as it debuted the first cross–platform video calling experience. Much of its success grew from the rich and engaging content that is accessible during a video call.

The Challenge

Millions of people around the world rely on Tango Video Calling to keep their meaningful relationships with friends & family.

Tango needed to breathe new life into its outdated cross–platform video calling experience.

I led the UX strategy and visual design for the new Tango Video Calling experience, surfacing engaging content and focusing on meaningful core interactions.

The
Approach

After many in–depth user interviews, I found three major obstactles that seemed to hinder the average person's ability to fully immerse themselves within a Tango Video Calling experience.

Discovery

Call durations for people who engaged with the content were much longer than those who didn't. My hypothesis was that providing more obvious ways of accessing the content will improve engagement and call durations.

Browsing

Given the nature of the video call, people ended up focusing on trying to understand the interface rather than enjoying the shared content with their friends and family.

Navigation

Solving for a good Discovery and Browsing experience meant providing easy ways of navigating to and from that content while keeping the user engaged with whom they're speaking with.

Access engaging content from the main video screen
Swiping up created a larger viewing area for the user to browse content
Navigating between content uses a familiar swipe interaction
Rapid prototyping brought the designs to life, giving confidence to move forward quickly.

The Outcome

Designing for tomorrow

Using a carousel for browsing and navigating content allowed us to avoid dead ends. The user could navigate through an endless cycle of content and not worry about getting lost.

Balance of content and context

The content area does not obstruct the entire view of the video call. This acts as a constant reminder for the user that they are still on a video call. It allowed the user to see the applied effects as they played with controls and content.

Progressive advancement

The new interface allows for the use of gestures to manipulate and navigate content. However, not all affordances are lost. Users can still tap on content and navigation to reveal content.

Millions of Tango users experience new interactions and capabilities.

The Takeaways

Manage complexity

Resisting the urge to shove all the ideas into one prototype was key. It allowed me to validate ideas fast without running into many obstacles. I conveyed short and simple ideas through a handful of prototypes to reduce complexity.

Know your tools

I switched between using Framer.js and Principle. I used Framer.js to do a lot of heavy lifting to mimic complex features in my prototypes. I leaned on Principle to convey ideas on simple interactions. Choosing the right tool for the job allows me to move forward with high velocity.

Previously

Sketchpacks

Sketch plugin management

← View case study
Up Next

Tango Out

Voice calling for iOS & Android

View case study →