Touchpoint

An app that helps socially anxious adults make long-lasting friendships and find local communities.

Where it all began

A colleague of mine was describing a personal problem they were having:

“I just moved to a new city and am having a hard time making friends during quarantine.”  

Which is an incredibly relatable problem. I don’t know a lot of people who’ve been in this exact scenario—moving right before COVID-19 and finding themselves marooned in an unfamiliar place. But, I think most everyone has struggled with making friends outside of a work environment and, in general!

So, I sought to solve this challenge:  How do we make friends?  

DURATION

2 week sprint

METHODS

User interviews

Journey mapping

Wireflows

Wireframing

ROLE

Sole UX Designer

TOOLS

Marvel

Miro

Zoom

Sketch

To put it succinctly

PROBLEM

The user, a young professional, just moved to a new city and has no friends. She needs a different and easy way to meet and make friends because she is uncomfortable approaching people in real life.

INSIGHTS

Users don't typically go out of their way to make new friends. When they do make new friends, they're looking for people who have similar interests and lifestyles.

SOLUTION

Touchpoint. An app that

  • Allows users to find people with interests similar to her own.
  • Generates options for activities that users can invite others to participate in.
  • Provides a community space for inviting and joining activities.

Sketch prototype

Now, let’s really get into it


My methodology

My creative process starts with the user. It's important that we know not just how one person make friends, but how a whole host of people make friends. So, I interviewed multiple people. Using the data collected, I am able to define the user, the problem, and our possible solution. Having identified these things, I jumped into fleshing out the solution—ideating, prototyping, and testing.

Below, you can see the details for each of these steps.

USER INTERVIEWS
User 1

User 1

User 2

User 3

Tell me about your friendships

I interviewed three people on their experiences making friends. My intention was to identify three different types of people who, although at different stages in life, would represent a wide base of users looking for friends.

I gathered all of this data on an affinity map, sorting by their habits, their frustrations, and their desires.

What I learned

  • Users typically don’t go out of their way to make friends.
  • Users have specific preferences for activities and locations when spending time with new people.
  • Users want to meet people who have similar interests and lifestyles to them.
  • Users want friendships to be convenient.  

close section

PERSONA & USER JOURNEY

Have you met Alex?

Alex Kone is a persona made up from the data I collected. She represents the very real needs, desires, and frustrations of our user base.

The Scenario

Alex, a young professional, recently moved to Philly. She doesn’t know anybody outside of work and doesn’t know what to do with all of her free time. She’d like to meet some people, but she really isn’t the type to go up to anybody on the street.

One night, bored of browsing Netflix, Alex summons the courage to go out to a bar in the hopes of meeting some friends. Let’s follow along on her journey.

As you can see, the outing unfortunately doesn’t go so well for Alex. Her confidence wavers, and she’s left wondering how to continue her conversation, and ends up going home, resigned. Her journey, however, reveals to us opportunities for improvement—what we can solve. 

What I learned

Based on these opportunities, we learn that Alex needs something that can…

  • Provide Alex options for activities/places where she can meet new people where she feels comfortable and safe.
  • Help Alex identify who would also like to make new friends.
  • Match Alex to people who have similar interests as hers.
  • Provide follow up activities for them to do.
  • Find a way for Alex to communicate to potential friends before meeting in person.

close section

PROBLEM & SOLUTION

Let’s distill Alex’s problem:

Alex is a young professional who just moved to a new city. She needs a different and easy way to meet and make friends because she is uncomfortable approaching people in real life.

And, we have to ask ourselves:

How might we create safe and comfortable ways for Alex to meet people so that making friends is less daunting of a task?

close section

IDEATION

Finding inspiration

I found inspiration in Tinder and Craigslist.

Tinder is the most iconic dating app of our generation. Why?

  • Gamification of meeting people.
  • Just about every uses/has used it = high user familiarity.
  • A good freemium app. Users are happy with the functionality of the free version, and those who pay find the upgrade worth the money.

I wanted to utilize the familiarity of swiping on Tinder in how users can view other profiles on my app. But, having to cold message strangers on Tinder can be intimidating for users as shy as our persona, Alex.

I found the solution through Craigslist.

What I appreciate about Craigslist is that users can interact with the website in three different ways.

  • Active = Posting ads.
  • Middle = Responding to ads.
  • Passive = Browsing ads.

This allows Craigslist to have a wide user base. Users choose to if they want to be active, passive, or somewhere in between.

Craigslist is also powerful because it is location specific. Craigslist serves as a community board where anyone in a certain area can post and anyone can respond. The Craigslists of specific locations represents the culture of that community. And when you travel to a different city's Craigslist, you see posts that are completely new and different.

I wanted to create a similar space on my app. I wanted a space that allows users to choose how intimately they want to participate on the app

There is also the problem of Alex becoming frustrated over choosing an activity she wants to invite her new friend to. Data collected from our user interviews indicated that a way to mediate this problem would be to provide Alex with options of activities to choose from.

Thus, I created Touchpoint.

Executing my objectives

Touchpoint is an app that…

  • Allows Alex to find people with interests similar to her own.
  • Generates options for activities that Alex can invite other users to participate in.
  • Provides a community space for inviting and joining activities.

These intentions are brought to fruition by its features.

  • Meet Friends: Connecting to profiles with interests similar to Alex’s.
  • Ask to Hang: Providing options for activities that Alex can invite other users to participate in.
  • Flyers: A space for users to post events on a bulletin where users can respond.

close section

ITERATIVE PROTOTYPING

Sketching & Prototyping

Through an iterative process, I brought these ideas into fruition, working from paper sketches, to paper prototypes, to low-fidelity, digital wireframes, to mid-fidelity wireframes.

The iterative process. Click to see more.

close section

USABILITY TESTING

How enjoyable is the experience?

I conducted three tests to gauge the usability—the intuitiveness and enjoyability—of the initial mid-fidelity digital prototype. Because Alex is a fictional person, I took special care to identify users who broadly resembled Alex.


Then, I tasked these real-life Alexes with:

  • Locating and selecting a different user’s profile.
  • Contacting the user.

Through these tasks, I hoped to observe their understanding of the multiple ways to discover and contact other users as well as an innate understanding of the features themselves.

What I learned

  • Although the Flyers feature was ambiguous because of its name and unfamiliarity, users found it to be their favorite feature of the app once on the page.
  • Users also observed a lack of sorting and filtering for Flyers and Profiles, wanting a way to find specific flyers and people.
  • Users liked the familiarity of the Meet Friends function, but wondered if the similarity to Tinder and other dating apps made finding friends less platonic.

Immediate Solutions

I made these immediate fixes:

  • Change the first page users see from Meet Friends to Flyers.
  • Add tags to flyers.
  • Allow users to search through flyers by tags.

close section

The finalized mid-fidelity prototype

At the end of two weeks, this was the final prototype. Overall, I was pleased with the results. The users from my last test and my peers all thought that the app was something they wanted right now. This let me know that I’ve hit upon something really important. And that feeling of satisfaction from creating something that actually matters is an incredible high! It was to tough working on this alone, and I’m proud of all I did.

View the full prototype on Sketch here.

So, what's next?

There's definitely room for improvement. Most importantly, I want to move Touchpoint into high fidelity.

And when I finally have time, I’ll partner with a developer to bring the app to life. Maybe, you’ll see Touchpoint in the App Store sometime this year. 😉

High fidelity prototype coming soon.