Instagram History Feature

The feature that allows users to find recently viewed content that was previously lost.

Background

Instagram is a popular social media platform primarily focused on photo and video sharing. It allows users to upload, edit, and share content with followers or the public. Users can interact with posts through likes, comments, and direct messages, and they can follow other users to see their content on their feed.

Problem

Have you ever been scrolling through your feed at breakneck speeds absorbing all Instagram’s platform has to offer and you find something you want to send someone just for your entire feed to refresh? I most certainly have and come to realize there is no fix for this just keep scrolling. I immediately thought of how useful a history option would be and decided to dive deeper to see if I was the only user that felt this way and if not how may I design a feature that can allow for ease of use in such a bloated application.

Objective

Implement a history feature for instagram that can allow for users to find old post they passed by or lost before they were able to send, save, or like.

Research

My goal when starting my research phase was to test my hypothesis when it came to how useful users think a history feature would be on this platform, also I wanted to see if there were any other avenues I could pivot to if my hypothesis turned out false.

  • Primary Research: User interviews with people who regularly use social media apps

  • Secondary Research: Competitive analysis on different social media apps for insights and methods on how they track content

Methods

I also conducted competitor analysis among the other top 4 applications that have social features such as ( X, TikTok, Youtube, Snapchat) to see how they attacked this issue of loosing content or if they just let it be like Instagram.

User Interviews

7 users interviews were conducted to understand how my users prefer to combat lost content and what they actually use Instagram for.

  • Users were positive towards a history feature

  • Time is a key factor when it comes to user retention

  • Bookmark is the preferred way my users save information

  • Privacy is a non negotiable when it comes to my users personal information

  • My users lose focus when the UI is muddied.

Insights

User interviews reveled that my hypothesis was spot on, when it came to loosing content on Instagram all my users found it to be a frustrating ordeal that only served to sour their mood and slow down their intake on new content. This gave me an all go as far as starting forward in the design process.

Research Synopsis

Define

After analyzing my affinity map and user interview notes, I was able to develop a persona that represented the user group highlighting their key needs, goals, and frustrations. This was the main answer to any questions that arose during the design stages.

User Persona

Ideation

After defining my target audience and understanding who I’m designing for, I created a Feature Set to visualize and organize the features that will be included in the app. I prioritized the product features based on user’s needs and project timelines.

Feature Set

User Flows

After creating a Feature Set for the app, user flows were created to visualize how a user would go through the app’s functions and the intentions of the potential interface that I intend to design.

Design

Lo-fi wireframes provide me the ability of receiving quick user feedback and iteration before I go into the high-fidelity wireframes.

Low-Fidelity Wire-frames

  • First top image (left) history icon in the home-bar for ease of access

  • Second top image (right) history icon in top right corner less crowded

  • third image (bottom) history page modeled off of bookmark (based on user preference)

After testing my screens with 7 users I was able to rethink the placement of the icon since all the ones shown in my low-fi work are in such prime real estate.

Mid-Fidelity Wire-frames

My feature found its way into the settings screen where it fit comfortably in the use section. With this set I decided to move on to mid-fidelity and more testing to see if the features placement was as intuitive as I felt it was.

Prototype & Testing

High-Fidelity Prototype

Building on the mid-fi wireframes and by utilizing the existing Instagram UI kit, I developed the hi-fi prototype.

Usability Testing

tested my high-fidelity prototypes with 5 users assigning them 6 task to complete.

  • Is the user able to complete the task without getting lost or clicking incorrect buttons or links?

  • How long does it take for the user to successfully complete the task?

  • User satisfaction

Success Metrics

10

6

0

EASE OF USE

ERRORS

TASK COMPLETED

  • Zero suggestions made, due to this being previously used platform once my user got started they were able to move quickly with no errors completing each task with extreme ease. The intuitiveness of the feature placement was all they needed.

  • Run through suggested updates and see how they stack up on the screens .

  • Work on refine each screen making sure size placement and grouping is good.

  • Final prototype check

  • Case study.

Next steps

Reflection

Adding a feature to an already existing IP was an exciting role to play, it was my first time hoping into a project where most if not all the tools were availible to me from the start. This did come with some situations where I needed to plan out acccordingly how to use the space that was provided to the best of my ability. Learning about high real estate locations on an app where only the most prominent features should be placed gave me a stronger outlook when it comes to overall design flow. I believe the final product I designed successfully address the core issues of my user group.

Check out my other work