Instagram Notes "Likes" and Reactions

Creating the first lightweight feedback system for Instagram Notes and how this improved engagement and developed an entirely new interaction pattern for our design system.

Year

2024

For

Instagram

Project Type

UX, UI, Product Design

Role

UX/UI Designer

Overview

A new way to keep your friends updated

On Instagram, the fastest growing teen sharing format is called "Notes". It is a status update feature that allows users to share short thoughts, comments, quotes, music, polls, and more with their followers. However, we noticed in 2024 that interaction with notes tended to be consistently low (in fact, 77% of notes had no engagement at all). How might we encourage users to engage more frequently and positively with notes?

Problem

While many teens say they share notes without the expectation of a conversation, we know of them are more retained when they receive feedback. I believed that giving notes consumers a way to share feedback in a lightweight way without sending a DM will relieve the pressure of messaging, drive note engagement, and therefore encourage notes producers to create more notes.

Solution

OVERVIEW HERE

View Final Solution
My Role/Responsibilities

UX research, UI design, Prototyping, Animation

Data and Explorations

I began with a deep dive into our data science and user tests to better understand the motivations users have in creating notes and what they try to do when reacting to their friends. During testing, I learned that people liked having a lightweight, easy way to share what’s on their mind and start conversations. From asking for recommendations to sharing what they’re up to, Notes give people that casual and spontaneous way to express themselves and connect with each other. As a result, any interaction with Notes should be equally light, simple, and fast.

Then, I started drawing. From wireframes to prototypes, I created a breadth of design solutions that utilized our existing design system components to create a familiar, simple, and yet entirely new interaction pattern.

Animation

Once the design was more defined I started to think about interactivity. For motion design, I focused on creating a dynamic range, leaning into color and delight, repurposing existing emojis and our brand gradient to add a custom feeling to the experience. Careful choreography made each animation unique to match the specificity of the action taken, such as a heavier stamping action for a double tap like on a Note, versus the fluttery stream of hearts a user sees when their Note receives a like, mimicking the liveliness and immediacy of reactions on livestream video.

User Flow

I also determined the flow of this new experience for both the sender and the receiver. I created a NUX for first time users as well as a notification system that synced with the user’s OS in real time. This way users could easily return to Instagram to respond to the reactions on their Notes, creating a positive feedback loop.

Cross-Surface Integration

I also had to consider how this would impact the larger ecosystem of Instagram such as what likes and reactions would look like when shown on a user’s profile, and how the user flow would differ. I used the new components I designed to create a tailor fit experience for profile that maintains the integrity of the original experience on Notes, maintaining simplicity, craft, and parity.

Key Takeaways
01

Notes is a light-weight feature that makes it easy to share a status, so interaction with it also needs to be light and easy.

02

Better interaction with Notes also inspires more frequent creation of Notes.

03

Giving users a robust notification system on and off the app improves retention and revisitation to the feature.

04

Users want a larger variety of creative ways to interact with Notes

05

Creating parity across surfaces will ensure users learn the new way to engage with Notes faster.

06

Users are more likely to use a feature if it's fun and delightful and feels customizable.

Solution

A highly curated experience

YUM makes the process of finding a restaurant, saving it for later, and sharing it with friends simple and engaging. It connects people to a social network of fellow foodies and only suggests restaurants that match up with each user's preferences and positively reviewed and rated dining experiences.

Sign In

Intro screen and onboarding

Search

Users land on the map screen after signing in and when opening the app, making searches quick and easy.

Save

After finding a restaurant, users can then save it and add it to as many lists as they'd like

Share

After saving they can share it with their friends or friend groups

Social Feed

Users can follow friends and read their reviews or write a review and share pictures of their own dining experiences

Profile & Lists

Profiles feature a recommendation section where users can add their top rated spots

Discover

YUM recommends restaurants based on a users location, friends, saved restaurants, and their positive posts and reviews.

Problems Solved
01

Integrates all needs into one streamlined experience

02

Suggests more personalized restaurant recommendations

03

Supports social connection and engagement

04

Saves favorites for quick reference later

05

Gives users more flexibility to create specialized lists

06

Provides a source of reputable reviews from trusted friends and influencers

More Case Studies