Project Overview
This project focuses on redesigning the Instagram Direct Messaging (DM) inbox experience to reduce friction in message management through improved organization, clearer interaction patterns, and safer, more intuitive actions. It introduces a more structured inbox using message filters (All, Unread, Groups, Favorites) to help users quickly navigate and prioritize conversations. In addition, swipe-based interactions were added to balance efficiency and error prevention—allowing quick actions like marking messages as read/unread while introducing safeguards for destructive actions such as deleting chats.
The goal of this project is to streamline how users interact with their inbox by minimizing unnecessary steps, improving visibility of key actions, and creating a more intuitive and responsive messaging experience. This redesign demonstrates how small but intentional interaction changes can significantly improve usability in high-frequency workflows, making the messaging experience more efficient, predictable, and user-friendly.
Role: UX Designer (Solo Project)
Platform: Mobile (iOS & Android)
Timeline: 5 days
Scope: This project focuses on improving the Instagram Direct Messages inbox by enhancing message organization and interaction efficiency. The redesign is limited to the inbox screen, with a minimal home screen included only to provide entry into the messaging experience. It does not include chat-level features or changes outside of inbox management.
Instagram DM Inbox Redesign
Final Prototype Demonstration
Design Goals
Help users quickly find and prioritize important conversations
Decision: Introduce a simple drop-down system with message filters (All, Unread, Groups, Favorites) to help users sort their inbox.
Rationale: A single list makes it difficult to distinguish between important and less relevant conversations.
User Impact: Users can quickly find and focus on the messages that matter most.
Make common actions like marking or managing messages faster and easier
Decision: Added swipe interactions to allow quick actions like marking messages as read/unread or deleting chats.
Rationale: Existing actions require multiple taps and are not easily accessible
User Impact: Users can manage messages faster with fewer steps, making the experience feel more efficient.
The Challenge
Problem Statement & Context:
Instagram is one of the most commonly used social media apps in the world. Consequently, its direct message communication feature is used frequently for both casual conversations and content sharing. As users receive more messages on Instagram, the inbox becomes harder to manage. Conversations are difficult to prioritize, organize, and common actions like marking messages or deleting chats are not easily accessible, leading to a cluttered and inefficient experience that only gets worse with time.
Goals:
Make it easier to organize and prioritize conversations
Reduce the number of steps needed to manage messages
Make key actions more visible and intuitive
Prevent accidental actions while keeping interactions fast
Key User Pain Points:
It’s hard to quickly find important or unread messages
Conversations are not well organized as inboxes grow
Key actions (like marking or deleting chats) are hidden or take too many steps
Managing messages feels repetitive and time-consuming
Assumptions & Constraints:
The redesign is limited to the inbox screen only
Existing Instagram features and patterns should feel familiar to users
No major changes to the overall Instagram system or chat functionality
Design decisions are based on product observation rather than direct user testing
Current Instagram DM Inbox Experience
The current Instagram DM inbox presents all conversations in a single, continuous list with limited ways to zero ways to organize or prioritize them. Important messages can easily get buried as new ones come in, and there is no quick way to filter or separate different types of conversations (e.g., unread, groups, or priority chats).
Key actions like marking messages or deleting chats are not easily accessible and require multiple steps to access. As a result, managing conversations feels slow and repetitive, especially for users with a high volume of messages.
The Solutions
The Message Filtering System
To make the inbox easier to manage, I introduced a set of visible filters at the top of the screen: All, Unread, Groups, and Favorites. These are the exact same filters that are used in WhatsApp, hence I felt it was a good idea to align with Meta’s design system and branding style.
Instead of treating every message the same, this allows users to quickly sort their conversations based on what matters in the moment. This change helps reduce the need to scroll through a long, mixed list of chats. For example, users can instantly view only unread messages or jump to priority conversations without losing time searching. By bringing structure to the inbox, the experience feels more organized and easier to control.
The reason for a drop-down option and some sort of horizontal bar of buttons was to keep the UI as clutter-free as possible. Having “All Messages” and then an arrow right beside it helps indicate to users that some sort of action can be taken, and then having the 3 option list pop up (while still preserving a clean look) struck a perfect balance.
Current Instagram DM Inbox
The Swiping Interactions
To make common actions faster, I added swipe gestures on each conversation. Swiping right allows users to mark messages as read or unread, while swiping left reveals the option to delete a chat.
During the design process, I initially explored having swipe actions trigger immediately. While this made interactions faster, it also created a high risk of accidental actions—especially for deleting conversations. To address this, I refined the interaction so that swiping reveals the action first, and users must tap to confirm.
This approach keeps the experience efficient while adding a layer of safety. Users can still act quickly, but with more control and less risk of making mistakes.
Message Filtering Drop-down Menu Design
Initial Swiping Design
Refined Swiping Design
One little visual intricacy I would like to highlight is the symbol that appears for the “Mark as Read” vs the “Mark as Unread” actions. The “Mark as Read” symbol is a closed envelope, whereas the “Mark as Unread” symbol is an envelope with a notification-like symbol beside it. I felt this would be a subtle but thoughtful add-on to help distinguish between the two actions, despite their interaction being identical.
Reflection & Learning
Small interaction changes can have a big impact
Improving simple actions like filtering and swiping made the inbox feel much easier to use without adding complex features.
Designing for speed vs safety is a key balance
Iterating on swipe actions helped me understand when to prioritize efficiency and when to add safeguards to prevent mistakes.
Keeping the scope focused led to a stronger outcome
By concentrating only on the inbox, I was able to go deeper into specific problems instead of spreading the design too thin.
Next Steps & Opportunities for Improvement
If this project were to be taken further, the following ideas would be prioritized to improve the experience, allowing for more customization, increased understanding, and greater accessibility for all.
Enhance the filtering system
Allowing for opportunities to customize or combine filters, giving users more control over how they organize their inbox.
Conversation previews
Explore ways to highlight context within conversations, such as showing more useful previews or indicators for active discussions, making it easier to understand conversations at a glance.
Improved accessibility through visible alternatives to swipe
Find a way to ensure actions are clear without relying only on gestures, allowing all users to easily access key features such as deleting chats, marking chats as read/unread, and anything else in the future.
This project reflects my interest in reducing friction in everyday interactions by making common actions more visible, efficient, and easy to use.
Questions about this project? Feel free to contact me :)