Selected

All Works

About

A mobile experience
to support young adults
‍to maintain long-lasting friendships
How might we better support young adults to maintain long-lasting friendships?
Project background
Maintaining relationships need effort and the same thing as friendships. Some friendships would last a life-long time, but most of them just passed by. Those friends grow apart because of time, distance, and different life tracks. The needs of maintaining long-lasting friendships are uncovered by current products.
Project Time Line
Research Breakdown
Sync Interview Results
We interviewed 6 users and synced the interview takeaways by affinity maps.
User Personas
To better consolidate our research findings, we made two personas to represent our user groups. This is mainly for us to refer back to our detailed interview takeaways.
Crazy 8
Based on the crazy 8, we made this Mid-Fi wireframe. We used this to conducte a quick round usability testing before we moving forward to Hi-Fi stage.
Moderated Usability Testing
Participants
4 participants falling in our user groups.
Scenarios
Suppose you’ve already been the users of Ofriends (this app). This is your today’s first time to open the app, and you want to use this app to interact with your friends.
Tasks
Find where to change your mood status. Chat with one friend Find your chat histories with friends Create an activity within your chatroom View your memories with your friends
Try mid-fi prototype
Iteration 1: Move “Me” to bottom nav tab & change the icon in “status” tag
3 out of 4 participants had difficulty to find where to change the “mood status” in task1.
There are two reasons:
  • They expected to change the status in the user profile, but the profile entrance is not located at where they feel familar with (they expected it to be in the bottom).
  • The message bubble icon in the tag is misleading. Two users said that they thought this was an action button that directing to a chat page, instead of a “mood status” tag.
Iteration 2: Add labels to the gifts & redesign the “Me” page to preview more contents
  • 4 out of 4 participants didn’t know what these illustrations represent at the first glance.
  • 2 out of 4 participants said that they could not image what these three buttons would show.
Iteration 3: Redesign the toggle of switching between “list” and “bubble” view & rename the page of “Connections” to be “Friends”.
  • 4 out of 4 participants didn’t notice that they can switch between the “bubble view”and “list view”. Besides, this toggle design is not familar for Andriod users.
  • Although all users successfully recognize “connections” page is their firend list, we noticed that this is not the actual term users would use.
Overview of iterated wireframe
We also made other design tweaks based on feedback and added some new screens. Since those changes were not significant enough, we plan to not go through them one by one. Here is the final iterated wireframes.
Launching Page
Your Daily Status
Friends, What’s Up?
Sharing and finding common language through small activities.
Friends and You
A Virtual Home for You
Me Place
Check user’s persona