Focus for Hinge

Timeline

4 Week, Team Project

My Role

Experience Strategy, 

Interaction Design, Protoyping

We designed a set of features within Hinge that supports daters in building lasting and more genuine connections.

Deliverables

User Journey + Stories, High-Fi Flows, Prototypes + Micro Animations

Background

over

30 MILLION

matches are made

on Tinder everyday

From Tinder Newsroom

And that's just an estimate! Dating giants like Tinder have made swiping mainstream. While swiping helps to amass tons of potential connections, it does not always translate to an actual connection.

Instead it turns online dating into a game of connecting with profiles, where people are collecting tons of profiles but are not connecting in real life.

PROBLEM

With so many people making

matches, why are people still longing for connection?

Majority of dating apps are more focused on matching you with anyone than with investigating who you would actually connect with longterm.

OPPORTUNITY

What if a dating app can live past the initial match?

Hinge focuses on being deleted but there is an opportunity to provide support after the first match to ensure that Hinge stays deleted.

Hinge is the dating app that is designed to be deleted. As a competitor to Tinder, Hinge focuses on connecting singles in real life so people can leave the dating game for good.

 

FOCUS aligns with and helps fulfill Hinge's mission because it strengthens the emerging bonds between partners over time. Through its guided moments of reflection and suggested activities, proper communication is invited into the dating experience early on, and each partner is setup for everlasting success

SOLUTION - FOCUS FOR HINGE

Concept video showing Focus for Hinge feature. 

FOCUS

for Hinge

Focus is a set of features that act as a digital dating coach within Hinge's existing app. Focus uses unique tools such as guided reflections and resolution centered activities to guide daters in making meaningful and lasting connections. By setting relationships up for success early on, Focus ensures stronger relationships and a more definite deletion of Hinge.

How FOCUS Works 

PART ONE

Guided Reflection

After each in-person date with any match, members are prompted to reflect on their time spent with that person. Reflections serve to give the person a chance to dissect their time spent together, while learning more about their own dating habits.

This feature works using geo-location and location services.

Guided Reflection Methods

Each reflection follows a predetermined path but changes based on the context from user's inputs during the reflection.

*Note — Below are examples of questions a member could get during their reflection and do not reflect the full flow. Prompts are determined based on user input.

Validation & Feedback

Members evaluate their overall time spent with a person and receive tips that will help them throughout their dating journey.

02.

Dating Log

Reflections are stored within the Dates Log (found on the account page). Stored reflections offer insight in daters own dating experience. Overtime, members can notice patterns and highlight qualities they actually look for in partners..

Focus helps beyond securing a match, it helps strengthen the match too.

PART TWO

Entering

Focus Mode

When both singles decide to kick their situationship up a notch, they can commit to each other using Focus Mode. Focus Mode, is an overhaul of the Hinge app that links the two accounts. In Focus Mode users have a shared space that aggregates all of their time spent together and restricts all match making features.

Entering Focus Mode even changes the app's color to be more discreet.

Focus Mode is limited to only two Hinge users at a time. This mode is not permanent and can be reversed if necessary.

Discreet Home Screen App and Joint Profile View.

Guided Reflection

Same as in regular mode, each person has the opportunity to complete a reflection after each hang out. However, in Focus Mode, both reflections are evaluated to look for patterns, differences, and similarities in the overall experience.

Two Reflections from the same night showing two different perspectives.

FOCUS ACTIVITIES

Focus Activities are a set resolution centered activities created by a team of trained relationship experts. Activities are designed to help partners connect deeper and/or overcome challenges in their relationships by creating the space to communicate before things potentially exacerabate.

 

Different activities are suggested based on responses during the guided reflection.

 

Designed to be Deleted, Together.

Hinge is designed to be deleted – and that mission remains the same. Once deleted, couples receive periodic check-ins from Hinge that provide support, reminders, and inspiration as the relationship continues to develop. Focus equips daters with the tools and knowledge to better understand themselves, their partner, and the realities of a new relationship. so they never have to focus on dating apps ever again.

 

Creating Focus for Hinge

"I feel like every time I go on a date, they do something that offends me... Why is dating so hard?"

— Anonymous Team Member

Mentioned during a meeting about Microagressions

My team members and I all shared the experience of going on a bad date (or three). By talking through these shared experiences, we started to realize that there is a misconception that we are seen as experts at dating, but in reality dating is nothing but practice. This often leads us to situations where we do not have the slightest clue about how to proceed — leading to feelings of frustration and misunderstanding.

This sparked us to unpacking the phenomenon behind microagressions.

Defining the Problem

Takeaway — Conflicted feelings keep people from reacting to offenses

We honed in on the intersection of Microaggressions and Dating as a jumping off point. Microagfressions are normally thought as overtly racialized acts, but they are broadly defined as misunderstandings where a person does not feel their experience is validated. The solution to fix this is easy — talking it out, but we found that most people do not take this route.

Creating Dating Scenarios

DATING PERSONAS

Andrew, 25

Braxten, 27

Kelvin, 28

Aidan, 30

Based on feedback from talking to people about their dates, and research on dating habits of millennials, we crafted four personas and sent them on dates with each other. 

With this narrative storytelling, we were able to pinpoint similar pain points along this journey.

DATING JOURNEYS

Group Ideation

We utilized Affinity Mapping and Crazy 8's to come up with different ways to tackle the problem. Out unique experiences in dating came up with unique ideas such as dating classes, activity books, and much more.

With this, we landed on using a form of meditation. This solved our core problem as it could help people feel validated throughout their dating experience, while offering advice.

Interaction Design

Learning

from Hinge

The best way for me to understand what differentiates Hinge was to use the dating app. I made an account, utilized the app, and talked to people to find out why they liked it.

From a design standpoint, the attention to detail within the app is insane. The overall flow of Hinge is substantially slower than Tinder. The animation is built in a way that makes each action feel deliberate and conscious.

Screenshots from my time on Hinge

Taking queues from Hinge's design system, I knew that this same intentionality had to come through this new expansion of Hinge. This led to the emergence of the guided reflection.

In utilizing a flow similar to a journaling, I was able to make each query intentional so that users had to really focus when chronicling their time spent together.

I utilized various methods of generating user input, such as sliders, buttons, fill in the blanks, and select an input to make this process feel caring but also not be too complicated.

Examples of wireframes and previous versions of Focus

Iterating

Prototyping

I built the prototype using Principle and Facebook's Origami Studio. I combined motion design principles with interaction design to make the reflection process as intentional as possible. Doing this led me to incorporate slower and more subtle movements with different methods of input.

Together, I used sliders, fill in the blanks, buttons, and chips to strike the perfect balance between guided and free form input.

Building the prototypes allowed me to test whether the reflection process felt guided but not overwhelming. 

Example Prototypes made in Origami Studio & Principle used in testing. 

Looking Back 

& Running Forward!

Creating Focus for Hinge was a fun experience. Collaborating with gave us all the opportunity to learn from one another and really push this concept into a wild areas. Working also gave me the chance to really push my interaction skills to have to create a connected experience that would be enticing to do over and over again.

Only have a month to deliver this concept was also a nice constraint that demonstrated to me the ability to work smart and quickly.

Next Steps – Interview Dating Experts, Build out more focus activities

The Team —

Barbrianna Adams (Experiential AD), Jan Junloy (Art Director), Stevenson Cerrillo (UX Writer), and Me (Experience Designer)

*Note - Focus for Hinge is a concept project. Illustrations are owned by Hinge*

Explore Other Work

Case Study

CULTIVATE

Designing a New Way for

Understanding Mental Health.

Internship

UX Internship

Learn more about my time at Google as a UX Designer on Google Duo.

Misc.

Etc.

A look into things I do on the side to keep my noggin sharp.

FOCUS

Delete Us, Together

Let's Link! 

This doesn't have to end. Reach out to me at jdstokesjr@gmail.com and let's talk about anything.