In 2020 we launched Instagram Messaging (referred to in this post simply as “Messaging”) for personal desktop computers. We believe that this feature will improve everyday experiences and enable ne…
Overview
The article discusses the launch of Instagram Messaging on desktop, highlighting the importance of multiple interfaces in enhancing user experience. It details the engineering efforts, user research, and experimentation that led to the successful implementation of this feature, which caters to both casual and power users.
What You'll Learn
1
How to enhance user engagement through multiple interfaces
2
Why real-time communication is critical for messaging applications
3
How to implement effective A/B testing for new features
Prerequisites & Requirements
- Understanding of user experience design principles
- Familiarity with A/B testing methodologies(optional)
Key Questions Answered
What were the key engineering achievements in launching Instagram Messaging on desktop?
The engineering team achieved several milestones, including the use of purely functional components with React hooks, a shift from GraphQL to RESTful endpoints, and the implementation of real-time communication using MQTT. These innovations allowed for a more efficient and responsive messaging experience on desktop.
How does Instagram Messaging on desktop affect user engagement?
The introduction of Instagram Messaging on desktop has not cannibalized engagement from native apps; instead, users who engage with both platforms spend more time on each. This suggests that the desktop experience complements the mobile app, enhancing overall user engagement.
What metrics were used to evaluate the success of Instagram Messaging on desktop?
The main metrics monitored included the number of users sending at least one message per day and the overall number of messages sent across both the native apps and desktop web. The results showed significant increases in both metrics post-launch.
What changes were made to improve the desktop messaging experience?
Key improvements included enhancing the user experience with desktop-centric actions like drag and drop, adding features such as Presence and Voice Messages, and optimizing caching for a more up-to-date experience. These changes catered specifically to the needs of desktop users.
Key Statistics & Figures
Percentage increase in desktop web usage during the pandemic
The desktop web was the one that grew
percentage wise
User engagement metrics after launch
Increased usage of messaging product, as measured by the number of users who send at least one message per day.
This indicates the success of the desktop messaging feature in attracting user interaction.
Technologies & Tools
Some links below are affiliate links. We may earn a commission if you make a purchase.
Frontend
React
Used to build the messaging interface with purely functional components and hooks.
Communication Protocol
Mqtt
Implemented for real-time communication in the messaging feature.
Backend
Restful Endpoints
Shifted from GraphQL to RESTful endpoints for better alignment with other Instagram applications.
Web Technology
Serviceworker
Expanded for encrypted push notifications in the messaging feature.
Key Actionable Insights
1To enhance user engagement, consider developing features that leverage the strengths of different platforms. For example, desktop interfaces can provide unique functionalities that complement mobile applications.This approach can lead to increased user satisfaction and retention, as users find value in accessing services across multiple devices.
2Implement A/B testing rigorously when launching new features to gather data on user behavior and preferences. This can help in making informed decisions about feature rollouts.Monitoring user interactions and engagement metrics can provide insights that guide future enhancements and ensure that new features meet user needs.
3Utilize real-time communication technologies like MQTT for applications requiring instant messaging capabilities. This can significantly improve the responsiveness and interactivity of the user experience.Real-time features are increasingly important in messaging applications, especially in contexts where timely communication is critical.
Common Pitfalls
1
A common pitfall is assuming that introducing a new interface will automatically lead to user engagement without understanding user needs.
It's crucial to conduct user research and gather feedback to ensure that the new interface addresses specific use cases and enhances the overall experience.
Related Concepts
User Experience Design
A/B Testing Methodologies
Real-time Communication Technologies