Adding a New Feature
ROLE
Black and white profile icon to indicate role
UX Research
UX Design
Wireframing
Interaction Design
Prototyping
Usability Testing
TIMEFRAME
Black and white clock icon to indicate timeframe
October - November 2021
4 weeks
PROJECT TYPE
Black and white chart icon to indicate project type
Designlab UX Academy
Student Project
TOOLS
Black and white wrench icon to indicate tools
Figma
Whimsical
‍Maze
The dating app designed to be deleted

Hinge encourages meaningful and lasting romantic relationships, and believes in true love over casual hookups.  What sets them apart from other dating apps are their engaging user profiles and prompts that result in more interesting and authentic connections.  Instead of simply swiping left or right, users are encouraged to be more intentional in their matchmaking.

Three red hearts graphics

THE CHALLENGE

You’re scrolling through your phone to unwind at the end of a long day. You open Hinge. Someone named Adam has liked your photo of you hiking with your dog. He seems cute. Funny, likes dogs, and is over 6 feet tall?! You decide to match with Adam. What should I say? Should I let him start the conversation? “Maybe you can join us next time!” After a few days of exchanging pleasantries and flirty jokes, the conversation starts to idle. You go out with friends for the weekend and forget about Adam. By the time you return to the conversation, it has been a few days since the last response. You message him back hoping to revive the spark. No response.

Hinge has a lot of great features that help users start a conversation, but not enough to keep the conversations going.  There’s a lot of pre-match guidance, but you’re pretty much on your own post-match.

How might we make the post-match experience more engaging, enjoyable and successful for Hinge users?

iPhone mock up screen of Hinge Intro screen

THE SOLUTION

A new date feature within Hinge that keeps users engaged even after matching, and helps users go on more dates and make better connections by recommending date ideas based on match preferences.

THE DOUBLE DIAMOND PROCESS

I took the Double Diamond Design Thinking approach because I wanted to first explore the post-match environment and discover challenges Hinge users are facing more deeply, then focus on a solution for a defined problem.
Double Diamond design process diagram
01 Discover
Market Research
Competitive Analysis
User Interviews
02 Define
Jobs to be Done
Problem Definition
Site Map
User Flow
03 Develop
Wireframes
Visual Designs
04 Deliver
Test
Revisions
Prototype
01 Discover
Thought bubble icon
What do I need to learn in order to understand Hinge users and the challenges they face after making a match?
THE RESEARCH GOALS
Number 1 in a circle logo
Understand Hinge and how users interact with the app.
Number 2 in a circle logo
Discover what actions users take after matching with a potential date.
Number 3 in a circle logo
Discover user pain points and wins after making a match on Hinge.
Number 3 in a circle logo
Discover areas of opportunity in the post-match experience.

THE RESEARCH PROCESS

Thought bubble icon
Dating is a pretty personal topic, and unsurprisingly there isn’t a lot of qualitative data available! Here’s what I did find out.
What the Hinge Statistics Say
What post-match features do competitors offer?
Casual Dating
Purple thumbs up icon
High engagement
Purple thumbs down icon
Low success rate
Post-Match: Multimedia Messaging & Voice Calls
Ladies Make the First Move
Purple thumbs up icon
Women are in control
Purple thumbs down icon
Engagement is cut in half
Post-Match: Multimedia Messaging, Voice Calls, Conversation Prompts
Online Dating Pioneer
Purple thumbs up icon
Large database, match guarantee
Purple thumbs down icon
Outdated
Post-Match: AskMatch
Social Networking
Purple thumbs up icon
Free, no engagement barriers, extensive profiles
Purple thumbs down icon
Not a dating app
Post-Match: N/A
Thought bubble icon
Hinge has the advantage of a niche market, engaging user profiles, and a more thoughtful matching process. And while they do not have as many active users as the competitors, they have more quality engagement. But neither Hinge nor its competitors offer any significant post-match features.
Quality Over Quantity... in Dating and Data

Seeing the numbers helped put some things into perspective, but doesn’t help me understand the users or their personal experiences. I was able to gain better user insights through interviews and contextual observation.

Process: I conducted user interviews to learn more about user experiences, followed by contextual observation to observe users interacting with Hinge, completing tasks, and engaging with features.

Method: A combination of in-person and Zoom interviews and observation.

Participants: 6 participants between the ages of 25 and 31, with experience using dating apps, specifically Hinge. All participants were recruited from my personal network and the DesignLab community.

Timeline: Interviews were completed over 4 days.

Interview Questions:

Number 1 in a circle logo
What motivates you to use a dating app?
Number 2 in a circle logo
What happens after you match with someone?
Number 3 in a circle logo
How do you decide if you want to go on a date with a match?
Number 3 in a circle logo
Describe your experience with Hinge after making a match.
What the Users Said
WHAT USERS WANT
Long-term Relationships
More Dates
Compatible Matches
WHY THEY WANT IT
Loneliness
Convenience
Boredom
WHAT GETS IN THE WAY
Ghosting
Time & Energy Consuming
Low Quality Matches
Illustration of a blonde woman
"The app doesn’t do anything to help propel the match forward. I wish there was something but I don’t know what."
Illustration of a man with red hair
"I don’t want to talk too much, I want to get on a date as soon as possible before we both lose interest."
Illustration of a woman with brunette hair
"I think it feels like a lot of pressure, I just want someone else to pick the date for me."
02 Define

THE PROBLEM DEFINITION

Using the Jobs to Be Done framework, I organized and categorized the needs of our Hinge users based on my research findings.

Jobs to be Done research insights
Jobs to be Done Matrix

Narrowing down the user’s functional and emotional needs helped me identify the jobs they wanted to use Hinge to get done.

SITUATION
When I
use dating apps
When I
match with someone
When I
am planning a date
MOTIVATION
I want to
find meaningful connections
I want to
meet them quickly
I want to
make the right decisions
EXPECTED OUTCOME
So I can
be in a relationship
So I can
save time and energy
So I can
impress my match

How might we help Hinge matches go on more quality dates that will lead to a meaningful relationship?

THE IDEA

Let's Make it a Date!

Thought bubble icon
I considered the user jobs and problem statement, did some brainstorming and awful sketches, and decided to add a feature to Hinge that would offer date recommendations and allow matches to plan a date within the app. This will increase engagement after matching and encourage matches to go on more dates.
What would this new date feature need in order to be successful?
Number one circle logo
Suggest date ideas based on both user’s locations and interests from their preferences.
Number two circle logo
Incorporate a quick questionnaire for both users to further narrow down a date recommendation, such as outdoors or indoors, coffee or drinks, etc.
Number three circle logo
Link to website or booking if the date requires a booking, such as a restaurant, movie tickets, museum tickets, etc.
Number four circle logo
Have a confirmation once both users have accepted the date, and allow them to add to their calendar.
Number five circle logo
Follow up after the date to receive feedback on suggestion, quality of match, and compatibility, and to ensure both users are safe.

THE SITE MAP

How should the date feature be structured?

It made sense to separate the feature into three sections: the introduction screens, the date feature itself, and the date follow-up.
Hinge Date Feature Site Map

THE USER FLOW

How will users navigate the date feature?

As you can see from the site map, there are many parts to the date feature but for this project I will be focusing on one main flow: Planning a date on Hinge.
Hinge Date Feature User Flow
03 Develop

THE WIREFRAMES

Introduction to the Date Feature

Hinge Intro to Date Feature wireframe screens

Hinge Date Feature

Hinge Date Feature wireframe screens

Follow-Up Feedback

Hinge Date Follow-Up wireframe screens

THE TEST

Which design works better?

I came up with two different visual designs for the date feature that would both be effective in different ways. Which design is more effective for the core users?

Process: I conducted an A/B test to compare two different visual designs of the Hinge date feature to determine which design users resonated with and how effective each design is.

Method: ​​Maze A/B test with open questions.

Participants: 13 participants who have used Hinge, recruited from my personal network and Designlab community.

Timeline: Maze tests conducted in 3 days.

The First Design
Thought bubble icon
In my first design, I place the new date feature as a bottom pull-up tab to mimic Hinge's design for their 'Date From Home' feature. I also utilize visuals for the questionnaire because Hinge uses a lot of graphics throughout their app, and in my research I found that users have a relatively short attention span so this design is a quick and fun way to engage users.
Mobile Visual Designs of Hinge Date Feature 1
PROS
Fun to use
Visuals are engaging
Pull-up tab more accessible on mobile
CONS
Images can be misleading
Feature placement is easily overlooked
Only two answer options available
The Second Design
Thought bubble icon
For the second design, I place the date feature within Hinge's main navigation. This placement is seamless and hard for users to miss. I also use pill selection buttons for the date questionnaire as it mimics Hinge's profile onboarding design and allows for a wider range of preferences.
Mobile Visual Designs of Hinge Date Feature 2
PROS
Easy to use
Information is clear and effective
Seamless feature placement
CONS
Not as interesting or fun to use
That's all!
Really!
And the Winner is... the Second Design!
9 out of 13 users preferred the second design.
Although the first design mimicked a similar feature Hinge had called ‘Date from Home’ during the pandemic, that was a temporary feature, and with the goal of the new ‘Date’ feature being a permanent addition to Hinge, the top placement makes the most sense as it seamlessly integrates into the existing design and main navigation.
For the design of the date questionnaire, while a lot of users liked the visuals of the first design, visuals are not as effective or efficient, and could be easily misinterpreted and it’s difficult to find context images that will resonate with every user. Therefore, the second design remains the best choice as it is simple and clear, and is the most consistent with Hinge’s existing design.
Thought bubble icon
Overall, the second design is more coherently similar to Hinge’s existing design system and is more effective in helping users get the job done.
04 Deliver

THE PROTOTYPE

The final prototype of Hinge's new 'Date' feature. Based on the results from the A/B testing, I made the following revisions.

Number one circle logo
Kept the 'Date' feature situated as a top tab within the main navigation.
Number two circle logo
Kept the pill selection buttons for the date questionnaire as it demonstrated more effectiveness and more closely aligns with Hinge’s design system.
Number three circle logo
Iterated questionnaire buttons and added the ability to go backwards.
Number four circle logo
Removed the progress bar as it didn’t help the design and confused some users.
What's next?

NEXT STEPS

I would like to continue testing and reiterating upon the new date feature to continue improving this new experience for Hinge users. I would also continue building out additional parts of the feature to make it more cohesive. What would changing or canceling a date look like? What would editing your date preferences look like?

Finally, Hinge’s current design system uses a lot of visuals and graphics, so I would like to find a way to incorporate that into the date questionnaire as users have said seeing the visuals make them more excited to go on a date but choosing the right visual representation is very important.

LESSONS LEARNED

My initial vision for the date questionnaire was to use images to convey selections. In my research I found that users do not spend much time on the app, so I thought this would be a fun, almost gamified way, to keep users interested and engaged. While this idea did have some merit, as users said the images made them more excited to go on a date, the type of image used had a significant impact on what the users thought about that answer.

Ultimately, simple and effective design always beats a bit of flash.

FINAL THOUGHTS

Designing a new feature for an existing app meant I had to adhere to an already established design system, which I quite enjoyed. Having parameters to work within helped me stay focused and structured while still designing something new.