top of page
Goalswell-Showcase Rectangle.png

Adding & Inviting Friends

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. 

MindMap - Add&Invite Friends

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

Brainstorm-Invitation.png
QR-LoFi.png
Menu-LoFi
QR-HiFi.png
Menu-HiFi
ezgif.com-gif-maker.gif

Updates

  • 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. 

FollowersPageLoFi.png
EmptyStateLoFi.png
FollowersPageHiFi.png
EmptyStateHiFi.png
FollowUnfollow.gif

Updates

  • 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. 

Additional Implementation

Citrus Fruits
Search

Friends Search

Updates

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. 

Citrus Fruits
Popups.gif

Notifications

Updates
  • Sender wasn't getting notifications when the invite was sent and the recipient joined the app. We implemented notifications for senders when their invitation was sent and accepted by both parties. 
     

  • The recipient had to Search & Add the sender after joining the app. With the new implementation, the recipient immediately became friends with the sender. 

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

Goal Creation

3 - CHECKLIST

Checklist Showcase
bottom of page