top of page
Instagram Vanish Mode
Redesign Instagram Vanish Mode
UX Design Mobile App
What is Vanish Mode?
Vanish Mode on Instagram lets you have a temporary chat that is automatically erased when the chat ends.
Problem statement
-
Few users know and use vanish mode.
-
The interactive way of turning on/off vanish mode is not very convenient.
-
Vanish mode is easy to trigger in the process of swiping the screen.
Goal
-
How can Instagram users use two different chat modes (normal mode and vanish mode) to chat conveniently, and do not affect each other at the same time
-
Improve the user experience of chat features on Instagram
-
Improve how users search chat history
Competitive Analysis
Interviews
How often do you use the ins chat function?
Have you used vanish mode?
What's your experience of using the Ins chat function?
Behavior
Experience in using similar functions in other apps
Mood
Which way did you search the chat history? (swipe screen/search in keyword )
What reason/environment you would want to use the vanish mode?
What is your experience with vanish mode?
Interests
When I'm in dark mode, it's hard for me to distinguish which mode I'm in. All are black.
I didn't know ins had this function !!!!!
I often have trouble finding chat history after I do not know when to turn on vanish mode.
Why is it swiping up to close? It's too awkward.
Wow, this feature is so interesting!!
Why haven't I discovered this feature before?
The way to turn on/off this feature is so weird
Qusetions
Results
8
Users
3
Don’t know Vanish Mode
3
Know ,but never use Vanish Mode
2
Used
Have you ever accidentally turned on vanish mode in your previous chat experience?
How user interact with vanish mode
Way of expression
I think this feature adds fun for my friends and me. But, we always open it accidentally.
For example, when we swipe the screen to see the previous chat history.
Pain Points
According to the interviews and observations, some user pain points need attention to make them better.
Switch between
two chat modes
Distinguish
two modes
How to search
chat histories
Persona
User Journey Map
User Flow- Vanish Mode
User Flow- Search in History
Design
The way how to turn on/off Vanish Mode
Before
Swipe up: On/Off
Hard to find the place to close/change the mode
The way how to turn on/off Vanish Mode
Now
Add Icons
Introduction to vanish mode
Users who have turned on vanish mode for the first time
Change Background
Before
Add Vanish Mode Background setting in details page
Change Theme
Difficult to distinguish in dark mode
Change Background
Now
Add Vanish Mode Background setting in details page
Added options for patterns/textures
-
Choose at least one pattern and color
-
Choose only one theme/pattern/color
Applies to:
-
Users who want to use two different themes to distinguish two different chat modes
-
Users with visual impairment problems
-
Users using dark mode
Search in History
Before
Search in keyword & media
Search in History
Now
Search in keyword & media & date & post link
Jump directly to the corresponding date/chat content
Prototype
Style Guide
low-fi
Next Step
The survey
- how many people know/do not know to vanish mode
- How many people are interested in vanish mode
Add custom background
-Users can upload their photos/images
bottom of page