Woo

Product: Dating app

Role: UX + UI Designer

For: Student project

Year: 2020

AdMat 1.jpg
 

I designed Woo for my UX Immersion course project with CareerFoundry. Encouraged to create my own brief, I decided to tackle something that could really use some fixing: dating apps.

The Problem

Online dating is the worst.

Yet we keep trying—for a quarter century century now. From Match to Tinder and beyond, app designers and users have been searching for the perfect way to meet people. So, why is it still so frustrating?

 

According to the Pew Research Center:

  • One-third of US adults use dating apps and websites—yet most report having negative experiences on a regular basis.

  • 7 in 10 online daters say it is very common for others to lie in order to appear more desirable.

  • 54% of online daters say they don’t receive enough messages from people they’re interested in.

 

My Hypotheses
  1. By building a brand that is smart, sex-positive, and encouraging, an app can attract a self-selecting audience of like-minded users.

  2. By providing the right tools—such as video chat, smart algorithms, and well-crafted prompts—users can overcome the hurdle of online representation and choose their dates more wisely.

 

I want an easier way to meet compatible matches and get an authentic sense of who they are.

—Every dating app user ever

 

The Competition

tinder.png

TINDER

The one to beat, with colossal numbers and name recognition

bumblehive_logo_yellow.png

BUMBLE

Another popular app where women start the conversation

match.png

MATCH

25 years of experience bringing single people together

okc.png

OKCUPID

A long history of success with its multifaceted algorithm

hinge.png

HINGE

Raises the bar with prompts that inspire more engaging profiles

eharm.png

EHARMONY

Prides itself on enabling many lifelong relationships

Competitive Analysis

Comparing the top two contenders: Tinder and OkCupid

Screen Shot 2020-09-23 at 10.26.02 AM.pn
Content Audit

A thorough dissection of OkCupid's information architecture

Screen Shot 2020-09-23 at 10.55.27 AM.pn
Risk + Opportunity

​The primary risk for any new dating app is that it will fail to capture enough of the market dominated by products with name recognition. However, a huge opportunity lies in harnessing the backlash against these apps, which seem to force us to choose: hookup or marriage? The right product will fill the void between user expectations and rewarding experiences.

Impressions
Impressions

Real sense of other
Real sense of other

Timeframe
Timeframe

Impressions
Impressions

1/8
User Flows
Swipe, Match + Chat

Swipe, Match + Chat

Initiate Video Call

Initiate Video Call

Update Profile Preferences

Update Profile Preferences

User Research

I conducted an online survey in order to better understand behavior and pain points around online dating. The majority agreed cited personality representation as a major issue with online dating.

To expand on these findings, I conducted video interviews with five of the survey respondents. We discussed how they use online dating, their successes and disappointments, and the ways in which apps on the market could better serve their needs. 

From those interviews, I developed four key personas and three primary user flows as the basis of my subsequent ideation.

User Personas
 
 

Sketches + Wireframes

Profile Edit

Profile Edit

Swipe Mode

Swipe Mode

Connect Screen

Connect Screen

Text Chat

Text Chat

Woo_lo-fi_ProfileEdit
Woo_lo-fi_Swipe
Woo_lo-fi_Connect
Woo_lo-fi_Chat

The Brand

Dating apps are unique, in that the user is also the product and the content. The personality of the app and the audience will inform one another. It's crucial that the brand voice set the tone from the start, attracting a self-selecting, discerning audience and building a community where like-minded users can find one another.

 

Building on my hypotheses and user insights, I set to work creating a brand that is:

  • Approachable: We use casual, everyday language that makes users feel at home.

  • Sex-Positive: We have healthy, progressive attitudes toward dating and sex. 

  • Dryly Witty: We speak with a wink and smile. It's a dating app, after all.

  • Encouraging: We inspire action without being pushy.

The Name

Woo

Verb: to pursue the affection of another.
Interjection: expressing joy.

Style Guide
Colors short.jpg
Type short.jpg
Components.jpg
Icons.jpg
Full-Color Mockups
final-screens.png
 

Usability Testing

Armed with my first full-color, clickable prototype, I conducted a round of moderated usability tests with six subjects.

  • GOAL: Assess whether first-time users understand the app, its value, and how to complete basic functions: Swiping, Text Chatting, Video Chatting, and updating personal Profiles.

  • FINDINGS: All participants completed the tasks, found the app easy to use, and expressed having a positive experience with it. 

  • ISSUES: Those unfamiliar with Tinder were uncertain of how to "like" someone, while some participants were confused about certain navigation icons.

  • CONCLUSION: I determined that an effective onboarding process would answer the most pressing user questions.

 

Final Prototype

After revisions based on user and peer feedback, iOS and Material Design considerations, and WGAC accessibility guidelines, I arrived at my 12th and most glorious iteration.

Kim.png

See also:

angled.jpg
Fit

UI Design + Branding

EDCLV%20home_edited.jpg
Insomniac

Product Management + Content Strategy

director-best-practices-1.jpg
Machinima

Brand Marketing + Campaign Management