SNAPCHAT REDESIGN

Redesign Snapchat to make it clear, simple, and confidently usable

SNAPCHAT REDESIGN

Redesign Snapchat to make it clear, simple, and confidently usable

SNAPCHAT REDESIGN

Redesign Snapchat to make it clear, simple, and confidently usable

the Problem

Snapchat’s chat interface mixes multiple content types without clear hierarchy and provides limited onboarding, reducing clarity, usability, and increasing interaction errors, especially for new users.

THE goals

Validate interaction complexity, cluttered information display, and learning barriers by gathering insights from new users (onboarding, learnability) and experienced users (efficiency, satisfaction).

who is user?

Young People (Age 18 - 24)

Behavioral Traits

Sharing real, everyday moments — quick photos, videos, and fun snippets of life.

Staying socially present and feeling seen by friends anytime.

Team

Dawna Zhang

Yiping Lin

Xuanzi Cao(Cathy)


duration

Research (2 weeks)

Recruiting & Pilot Testing (2 weeks)

Usability Testing (2 weeks)

Redesign & Iteration (4 weeks)

My role

Led UX/UI design

UX researcher

Prototyper

Motion Designer

tools

Figma

Excel & Word

Usability tools

Team

Dawna Zhang

Yiping Lin

Xuanzi Cao(Cathy)


duration

Research (2 weeks)

Pilot Testing (2 weeks)

Usability Testing (2 weeks)

Redesign & Iteration (4 weeks)

My role

Led UX/UI design

UX researcher

Prototyper

Motion Designer

tools

Figma

Excel & Word

Usability tools

📖

Project overview

the Problem

Snapchat’s chat interface mixes multiple content types without clear hierarchy and provides limited onboarding, reducing clarity, usability, and increasing interaction errors, especially for new users.

THE goals

Validate interaction complexity, cluttered information display, and learning barriers by gathering insights from new users (onboarding, learnability) and experienced users (efficiency, satisfaction).

redesign 1:

Friends List Page: Improving Message Access & Interaction

Friends List Page:

Improving Message Access &

Interaction

Added a Snap Message Preview

Users can quickly view all Snaps without relying on complex gestures.

Refined Timestamp System

Improved Message Indicators and Visual Clarity

Added unread message counts and explicit media labels (e.g., “Sticker,” “Snap,” “Chat”)

before

after

before

after

redesign 2:

Chat Interface: Simplified Gestures and Clearer Controls

Chat Interface: Simplified Gestures

and Clearer Controls

Added a Save Message Button

Clear color-coding makes saved states instantly recognizable, while a separate button placement helps reduce accidental taps.

Optimize Voice Message Controls

before

after

before

after

redesign 3:

make disappearing message rules clear and easy to manage

make disappearing message rules

clear and easy to manage

Disappearing message Notification

New user can get a notifiaction of the disappearing message when they first use chat function

User can use“Setting” to change how long they want to keep all messages in chat, such as “After Viewing””24 Hours after Viewing””7 Days after Viewing”, or”Never”

Visible Timer

User can see the “Setting”/”Set time” under their friends name

A “Timer” next to the time of each message

redesign 4:

Introduce a “permanent Message” Mode for Important Conversations

Introduce a “permanent Message

” Mode for Important Conversations

Enable or Disable Permanent Messages

Turn Permanent Messages on or off to keep all messages indefinitely, with both users notified of any changes.

Auto-Saved Messages Indicator

In Permanent Mode, the Save button turns yellow to show messages stay in the chat.

Toggle Permanent Message Mode

Use the “Add” button to switch Permanent Messages on or off.

Swipe Up to Open

Toolbar Entry to Open

redesign 5:

Introduce Interactive Onboarding with Short Animations or Gesture Tutorials

Quick Search

The tutorial teaches quick, gesture-based search using simple swipes and taps.

Turn Off Anytime

Users can turn off the tutorial anytime for full control while still navigating the chat confidently.

Quick Access:

Swipe Right to Chat

A simple gesture that makes navigation faster and easier to learn.

Message Access Shortcut

Message Reopening

Flexible Tutorial Duration

The tutorial remains active for 5 days, and users can turn it off anytime or keep it on if they need help.

Tutorial Reminder

📖

usability testing

methodology

Quantitative Data

Task completion rate

Task completion time (per task)

Error encountered

Quiz success rate

System usability score

Qualitative Data

Screening form responses

Verbalization and Behavior during tasks

Post-task interview responses

Observed user frustrations and quick fixes

Study Process

Screening

Task Performance

Post-Test Questions

Quiz (Icon recognition)

SUS Questionnaire

User task

This section describes the tasks participants completed during testing.

Task 1 : Snap Creation and Sharing

Task 2 : Chat & Send Message

Task 3 : Saving Message

Task 4 : Replying & Camera Template Features

System Usability Scale (SUS)

Sample size: 16

Average SUS Scores: 49.79

49.79

38.79

60.79

0

10

20

30

40

50

60

70

80

90

100

not acceptable

Marginal

acceptable

43.44

New Users

67.5

Experienced Users

task completion time & click error & Quiz success rate

New users

Experience users

completion time(sec)

task 1

task 2

task 3

task 4

80

60

40

20

43 SECONDS GAP

On average, new users spent 43 seconds longer per task than experienced users.

completion time(sec)

task 1

task 2

task 3

task 4

80

60

40

20

58 SECONDS GAP

New users needed 66 seconds, while experienced users completed it in just 7.6 seconds.

task 1

task 2

error counted(times)

task 3

task 4

30

20

10

22 ERROR NUMBER GAP

New users made 34 errors while experienced users made 12 errors

task 1

quiz success rate (%)

task 3

100%

75%

50

25

task 4

task 2

87.5% Performance Gap

New users scored 0%, while experienced users achieved 87.5%

USER QUOTES

Inconsistent Information Hierarchy

“The layout gets messy when there are different message types in one chat. I lose track of what’s what.”


—— Gail · Experienced Snapchat user (2 years)

Onboarding Issues - Unclear disappearing message rules

“I worry that this feature could lead to mistakes or misuse and sometimes I cannot find important messages that I sent.”


—— Lauren

Experienced Snapchat user (6 years)

Lack of Permanent Message Options Drives Users to Other Apps

“I wish I could keep certain messages forever instead of worrying they’ll disappear.”


——Siqing (New user)

Low feature discoverability and gesture recall

Even after a year using Snapchat, I still forget some gestures or can’t find certain features.


—— Ichia

Experienced Snapchat user (1 years)

Unclear disappearing message rules

“I worry that this feature could lead to mistakes or misuse and sometimes I cannot find important messages that I sent.”


——James (New users)

Onboarding Issues - Unintuitive gesture to reopen messages

“Wait… I can long-press here to replay it? I never knew that.”


—— Nia (New user)

Unintuitive “Tap to Save” interaction

“I tried to long-press the message like I do on Instagram, I didn’t realize I was supposed to just tap to save it.”


——Xueyi (New users)

Users cannot easily identify who saved a message

“I’m not sure if I saved this message or if it was saved by my friend.”


—— Tanvi · Experienced Snapchat user (2 years)

Onboarding Issues - Non-discoverable review chat gesture

“I actually had no idea you could swipe. I’m not very well versed with the gesture.”


—— Owen (New users)

🔗

If you're interested in exploring more of our process and thought details—including our usability testing report and the full magazine file—you can find the links here.


Usability testing report

Magazine file

🤔

Prioritized Problems & Proposed Solutions

SELECTION CRITERIA

Quantitative

Low task completion rate

High error frequency

User impact range (number of users affected)

Impact on business goals (e.g., conversion rate, retention rate)

Qualitative

Low user satisfaction (interview)

Key Issues

⭕️ ISSUE 1: Onboarding Issues with Chat Navigation and Gestures

⭕️ ISSUE 2: Lack of Unread Message Indicators and Inaccurate Labels

⭕️ ISSUE 3: Unclear disappearing message rules

⭕️ ISSUE 4: Users cannot easily identify who saved a message

⭕️ ISSUE 5: Lack of Permanent Message Options Drives Users to Other Apps

Impact-Effort Matrix

We prioritized our concepts with an Impact–Effort Matrix, spotlighting quick wins with strong impact. Each selected solution directly responds to critical pain points identified during testing.

SELECTION CRITERIA

impact

Enhances User Satisfaction

Improves User Efficiency

Reduces cognitive load and decision time

Rooted in Human Factors Principles

Alignment with Business Goals

effort

Feasibility and Development Cost

Time to Implement / Time Effort

✍️

redesign

Solution 1: Onboarding Issues with Chat Navigation and Gestures

⭕️ Issue Addressed

New users are unaware that they can long-press a message in chat list screen to replay it.

Instead, they try to reopen messages by tapping and entering the chat thread, which increases effort, slows task completion, and causes confusion.

Message Access Shortcut

Overview chatting page

This mode provides users with an interactive AI-guided tutorial on the chatting page.

Quick Search

It helps users understand key features, such as sending messages, exploring message types, and using gestures for navigation.

tutorial on friends list page

tutorial on chatting page

Message Reopening

When a new user logs in, a short introduction explains how to use the Snapchat tutorial.

“ Tap to Save ” Interaction

Color distinction between personal and group saves

Trigger Permanent Mode

Users can swipe up halfway to enable Saving Mode. Teaching this gesture in the tutorial helps users manage important messages with ease.

Tutorial Reminder

The tutorial stays active for the first 5 days, and users can choose to turn it off or keep it if they need more help.

Solution 2: Lack of Unreatd Message Indicators and Inaccurate Labels

⭕ changes recommended

Adjust the layout of the Friends List to make the layout clearer and easier to read.

Simplify how users view Snap messages

Redesign the information display

Add unread message count

Make timestamps more precise and clearly visible

redesign plan 🟢

Add Received Time and Message Count

We updated message timestamps for clarity: today’s messages show the time, this week’s show the weekday and older messages show the full date.


Show the exact number of unread messages.

1

5

18:30

3

New Snaps

A dedicated section for newly received snaps, making it easier for users to quickly view fresh content without scrolling through old messages.

Message, Snap, and Video Tags

Add accurate tags for unread message types to prevent new users from misunderstanding the icon meanings.

Received new messages

after read message

Sent new messages

after read message

Solution 3:Chat Interface: Simplified Gestures & Clearer Controls

⭕ changes recommended

Streamline the gesture for saving messages to enhance discoverability and reduce accidental triggers.

Remove the gray background used to indicate saved messages

Optimize Voice Message Controls : separating the “Show Transcript” and “Playback Speed” buttons to minimize mis-taps.

Slightly reduce the size of image messages

Improve Snap Message Status Visibility ---Make the “Read / Unread” status of Snap messages more distinct for quicker recognition.

Reorganize layout spacing and hierarchy to improve visual clarity

Plan A ⭕️

Pros

Showing who saved it and how many people saved it.

Cons

Showing avatars on every message could make the chat visually cluttered and overwhelming.

Plan B ⭕️️

Pros

Color-coded labels make it easy to see who saved the message.

Cons

Color-coding every message could make the group chat feel visually chaotic.

Plan C 🟢

Pros

More intuitive color-coding makes the saved state easier to recognize.

Reduces accidental taps by separating the save action from the message area.

Saved List

before

after

Refined Information Hierarchy

before

after

after

Optimize Voice Message Controls

Make the “Read / Unread” status of Snap messages more distinct for quicker recognition.

Solution 4: make disappearing message rules clear and easy to manage.

⭕️ Issue Addressed

Users are unclear about message expiration times and rules. 

Difficulty locating settings to change disappearing message duration.

Even experienced users remain unaware of how message retention actually functions.

Disappearing message Notification

New users get a notification the first time they use chat to inform them about disappearing message

Disappearing message Setting

New users get a notification the first time they use chat to inform them about disappearing message

Visible Timer

The “Timer” option under their friend’s name, and a timer will appear next to each message showing how long it will remain.

Solution 6: Introduce a “Permanent Message” Mode

⭕️ Issue Addressed

Users want to preserve meaningful or valuable conversations.

Lack of easy and visible ways to keep messages permanently.

Users currently migrate to other apps for long-term or important chats.

Plan A ⭕️

Pros

Highly visible and easy for users to find

Cons

Susceptible to unintentional activation

Plan B 🟢

Swipe Up to Open

Toolbar Entry to Open

Pros

Adds Permanent Message Mode to the input bar’s plus icon, making it accessible beyond the chat view and available directly from the input area.

Places Permanent Message Mode at the bottom of the chat for a more intuitive activation point.

User flow - Plan B 🟢

open permanent messages

notification

close permanent messages

notification

Demo - Plan B 🟢

Reflection

1. Measuring Learning, Not Just Performance

Looking back, we should have included icon recognition in both the pre- and post-test. Without it, we couldn’t clearly capture users’ initial understanding or see how much they learned after completing the tasks. This was a missed opportunity in our testing setup and a clear takeaway for improving future studies.

2. Tiered Tasks by User Expertise

In retrospect, our tasks were too basic for experienced Snapchat users, who finished them almost instantly. This meant we focused more on if users could complete tasks, rather than how they did them, limiting deeper insights. Introducing a “Same Tasks, Tiered Difficulty” approach earlier would have helped us capture a wider range of behaviors and better understand both beginners’ discoverability issues and experienced users’ efficiency needs.

3. Testing in Context, Not in Isolation

Adding realistic scenarios to our usability tasks helped surface deeper insights into how users handle multi-step actions, priorities, and real-world feature use. However, our post-test quiz focused too much on isolated icon recognition, measuring memorization rather than understanding. In hindsight, embedding the same real-life context into quiz questions would have better captured how users interpret system cues and decide what to do next.

4. Pilot Testing Prevents Bigger Problems

Running a pilot test helped us catch unclear instructions, technical issues, and timing problems before full testing. In addition, it's better to highlight the issue prediction in the script so the team can check whether the process is smooth and complete during the pilot testing.

© 2025 by Ping