Overview

As one of my most frequently used apps, I enjoy using Instagram. However, I sometimes encounter design or functional issues that cause me difficulty. I wonder if other people experience the same problems as I do.
Timeline
3 weeks
Role
UX Designer
Team
Self-directed

Result

All eight participants unanimously agreed that the revised design greatly improved their experience with the "hiding and unhiding a friend's story" feature and may boost their usage frequency.

Let's do the research by conducting usability testing and interview!

Heart Icon

Here is how I do...

Adapting the double diamond is to build a framework that will handle the usability issues and find ways to solve them.

Diagram

Who will be in the test?

I invited eight young professionals, ranging in age from 25 to 30, and divided them into three groups. I observed the experience of using the story feature in each group.

Frequently creating stories

4 participants

At least once a day

Intermediate creating stories

2 participants

1 ~2 times a week

Rarely creating stories

2 participants

Every 3~6 months

Task:

Test the creating story flow

  • Scenario 1: (No story)  Create a new story with current pics, and you also want to prevent two friends from seeing this story.
  • Scenario 2: (With stories on it) You decide to create another story with the current picture, and suddenly you change your mind. You want to make a Story by taking a new photo.
  • Scenario 3: (No story) See how many people have been hidden from your story, and you want to unhide them.

Test the adding story to highlight flow

  • Scenario 1: (No story) You want to add the previous story into a new highlight.
  • Scenario 2: (With stories on it) You want to add the current story into a new highlight.

Here’s what I found after the test!

The success rate seems to be satisfactory. However, most users have been using Instagram for a long time and are already accustomed to certain features that may have initially annoyed or frustrated them. To gain a deeper understanding of user experiences, I conducted interviews to gather more insights.

Diagram

Let’s see what people said about it!

I used an affinity map to group similar insights together in order to identify the most common issues that users had.

Icon

I can't customize the hiding function in story.

Icon

Where can I hide this story from people?

Icon

It’s hard to find the hiding function. Can I hide the friend before I publish?

Icon

Forget to unhide friends.

Frame the priority of problems

I analyze three elements which are the task criticality, the impact, and the frequency. These three elements came out of the number of severity. Therefore, I found the most critical usability issue, which is “Hiding and Unhiding Story”, the top priority of the development.

Diagram

Primary Problem Analysis

According to the research above, the primary problem would be the feature of "Hiding and unhiding story from friends." Here is some data and user journey map to provide a clear context.

Diagram

Use case 1: Hiding story from

Most users came to this page first to find the access, but none of them used the setting icon on the right top corner to hide a friend.

Photo

Use case 2: Hiding story from

Users went to the setting, and tried to find it in other categories such as "block an account", "close friends," etc. Some of them succeed, others fail.

Photo

Use case 3: Hiding story from

There are two frequently users hiding their friends after they post a story.

Photo

Use case: Unhiding a friend

With no previous story, there's only one flow for the user to unhide their friend, which is the flow in use case 2.

Photo
Photo
Photo

Time to solve the problems

Make the solution specific.

User flow

I created three flows to solve the problem based on the different use cases.

Diagram

Before

Photo

After

Photo

Issue:

Users often find it challenging to locate the function to hide friends when creating a new story.

Description:

Despite the presence of a setting icon in the top right corner of the create story page, users have difficulty finding it. The process to hide friends requires multiple steps, and even frequent users of the function prefer to hide friends after they have already published their story, which they find inconvenient.

Solution:

I have made the story setting function more intuitive by placing it on the edit story page, allowing users to hide friends before they publish their story.

Before

Photo

After

Photo

Before

Photo

After

Photo

Issue:

Users often forget to uncheck the hiding function.

Description:

Many users report frequently forgetting to uncheck the hide function after hiding a story from friends, causing all stories to be hidden.

Solution:

When users want to hide a story from friends on Instagram, they have two options. When viewing a current story, they can choose to hide the friend from just that specific story or from all stories. If there are no current stories, users can go to the "Hide story from" page in the Privacy section and only see the option to hide the friend from all stories. Additionally, users can view their hiding status on this page and reverse it at any time.

Before

Photo

After

Photo

Issue:

The complex flow, "Settings-Privacy-Story...", often leads to frustration among users. Many are able to reach the "Privacy" section, but become confused by the subsequent options, such as "Hidden Words" and "Block an Account," which often divert them from their intended goal.

Description:

When searching for a specific item among multiple subjects, factors such as the "Name of the subject," the "Order of the subjects," and "Readability" play a crucial role.

Solution:

Users often scan pages without thoroughly examining them, making the arrangement of subjects crucial. To optimize the subject order, I would need additional data such as the click-through rate for each subject. Additionally, I have used different background colors to distinguish categories, making the user interface more visually distinct and easier to read.

Iteration

Iteration is crucial! Through another round of user interviews, all eight participants unanimously agreed that the revised design greatly improved their experience with the "hiding and unhiding a friend's story" feature and may boost their usage frequency.

Takeaway

Include various situations

As an UX designer, it's essential to anticipate that a feature may have multiple paths for completing an action, and not all users will necessarily follow the flow envisioned by the designer. Thus, it's crucial to take into account various scenarios and consider all potential flows in order to accommodate different user behaviors and facilitate the achievement of their goals."

What can I improve?

After reviewing my last round of interviews, I realized they were not as thorough and insightful as I had hoped. To enhance my process in the future project, I will develop a complete flow and recruit a diverse set of participants, who were not included in the first round of interviews and usability testing, to assess the effectiveness of my proposed solutions in addressing the issues.

Next Project

Cover

NEX Work Referral Website

Let's Chat!
Email
Mail
LinkedIn
LinkedIn