Goalswell
Adding & Inviting Friends

Role:
User Experience Designer

Responsibilities:

User Interviews
Research
Visual & Interaction Designs
Prototyping
Usability Testing

Outcome:

Revamped user flow and search functionalities led to a 40% surge in app downloads and user engagement, while also streamlining the invitation process to reduce user journey errors and ensure a more intuitive friend-addition experience.

Overview

Goalswell is a self-improvement app that motivates high school and college students to achieve their goals with their friends.

I was hired to evaluate the app, identify any usability issues across the app, and determine the critical features to prioritize for the next release.

Usability Issues

Navigating to the right page to send the invitation link
Add Icon on the follower's page wasn't clear
Users were unsure if their invitations were sent

How Might We

How might we make Invite Button more straightforward so users can easily send invitations?

During testing, most users assumed the link was on the main menu. Some users chose the followers page but they didn't notice the Add Icon.

How might we assure users that their invitations were sent & their friends joined the app?

Users kept asking each other if they received the invitation.

Mind Mapping

There were multiple ways to implement inviting friends, but I wanted to combine my ideas with the users where thery were assuming inviting friends button would be during usability testing.

We established 6 different scenarios:

Sender: The user invites a friend who doesn’t have the app
Sender: The user searches & follows a friend has the app
Sender: Pop-up Confirmation & Acceptance
Recipient: The user doesn’t have the app receives the invite
Recipient: The user gets the notification
Recipient: Invitation

1. Sending QR Code

Invite Friends: During testing, most users chose to go to the menu page. We added a link on the menu page.
QR Code Icon: Some users just wish to show their QR Codes when they are next to their friends instead of sharing through text.

2. CTA Button and Empty State

Invite Friends Button: During testing, most users didn't notice the Add Icon, so I replaced and repositioned it to the bottom.
Empty State: Previously, the empty state had a blank page. The illustration with a note and CTA. button encouraged users to invite their friends.
Previously users had to leave the page to invite friends when they were not on the search results. Now they can easily invite without leaving the page.

3. Notifications

Previously users had to leave the page to invite friends when they were not on the search results. Now they can easily invite without leaving the page.

Usability Testing

26/30 Participants easily searched or invited their friends
The average time for the completion of the task was 15 seconds which was 1:30 minutes previously.
28/30 participants were very satisfied with the design
10/10 of the previous participants found the improvements effective

2 - GOAL CREATION

3 - CHECKLIST

Goalswell Adding & Inviting Friends

Role: User Experience Designer Responsibilities:

​

User Interviews

Research

Visual & Interaction Designs

Prototyping

Usability Testing

Outcome:

Revamped user flow and search functionalities led to a 40% surge in app downloads and user engagement, while also streamlining the invitation process to reduce user journey errors and ensure a more intuitive friend-addition experience.

Overview

Goalswell is a self-improvement app that motivates high school and college students to achieve their goals with their friends. I was hired to evaluate the app, identify any usability issues across the app, and determine the critical features to prioritize for the next release.

Usability Issues

Navigating to the right page to send the invitation link

How Might We

Mind Mapping

There were multiple ways to implement inviting friends, but I wanted to combine my ideas with the users where thery were assuming inviting friends button would be during usability testing.

We established 6 different scenarios:

1. Sending QR Code

Invite Friends: During testing, most users chose to go to the menu page. We added a link on the menu page.​

QR Code Icon: Some users just wish to show their QR Codes when they are next to their friends instead of sharing through text.

2. CTA Button and Empty State

Invite Friends Button: During testing, most users didn't notice the Add Icon, so I replaced and repositioned it to the bottom.

Empty State: Previously, the empty state had a blank page. The illustration with a note and CTA. button encouraged users to invite their friends.

Previously users had to leave the page to invite friends when they were not on the search results. Now they can easily invite without leaving the page.

3. Notifications

Previously users had to leave the page to invite friends when they were not on the search results. Now they can easily invite without leaving the page.

Usability Testing

2 - GOAL CREATION

3 - CHECKLIST

Goalswell
Adding & Inviting Friends

Role:
User Experience Designer

Responsibilities:

Goalswell is a self-improvement app that motivates high school and college students to achieve their goals with their friends.

I was hired to evaluate the app, identify any usability issues across the app, and determine the critical features to prioritize for the next release.

Invite Friends: During testing, most users chose to go to the menu page. We added a link on the menu page.