Case study

Data Platform

The design solution for Meta's Monitoring & Observability platform was to provide a customizable dashboard for each user/team, along with an automated alert system for identifying and addressing current and potential problems. The platform also offered suggestions for improvements based on collected data, allowing users to proactively prevent issues and improve their systems. This design empowered users to have more control and visibility over their systems, leading to more informed decisions and improved satisfaction with the platform.
Back to Projects

Overview

A well-designed Monitoring and Observability platform can help organizations to proactively monitor and manage their systems, detect and resolve issues quickly, and optimize their performance and cost-effectiveness. There were key components for the Monitoring & Observability platform: The platform collects various types of data from different sources, including application logs, server metrics, network traffic, and user interactions. It then processes this data using techniques such as analytics, machine learning, or other methods to identify patterns, correlations, or anomalies. The processed data is presented in a user-friendly way, such as dashboards, charts, or alerts, to help users understand the health and performance of their systems and identify areas that require attention. Collaboration among different teams and stakeholders is enabled through features such as sharing dashboards, commenting on alerts, or assigning tasks. Finally, the platform automates certain tasks or workflows to reduce manual effort and improve efficiency, such as auto-scaling, self-healing, or proactive issue resolution.

Role:

As a product design manager of Monitoring & Observability, I oversaw the designs of 18 system data products that monitored a wide range of system data, including network traffic, server uptime, application logs, and user behavior. These products leveraged advanced analytics and machine learning-based assistants to detect anomalies, predict trends, and recommend optimizations in real-time. Additionally, they featured automation capabilities that streamlined workflows, minimized downtime, and improved cost efficiency. I collaborated with cross-functional teams to prioritize and deliver enhancements to these products, resulting in a 30% reduction in system errors and a 20% increase in customer satisfaction.

Tools:
  • Figma
  • Origami
  • Google Workplace
  • Quip

Problem

Meta's Monitoring & Observability platform users are struggling to efficiently identify and troubleshoot performance issues within their complex systems due to the overwhelming amount of data and the lack of actionable insights. As a result, they are experiencing downtime, decreased productivity, and increased operational costs. Users need a solution that can provide them with clear and concise data visualizations, real-time monitoring, and automated alerts to quickly identify and resolve issues, ultimately improving system reliability and reducing downtime.

Solution

Based on the user problem statement of Meta's Monitoring & Observability platform, our design solution was implemented to provide a customizable dashboard for each user/team. This allowed users to choose which metrics and data they wanted to monitor and display in real-time. An automated alert system was also included that notified users when any anomalies or issues were detected in the monitored data, helping users quickly identify and address any potential problems, improving their overall experience and efficiency while using the platform. Furthermore, the platform provided suggestions for improvements based on the data collected, allowing users to proactively prevent issues and improve their systems. Overall, this design solution empowered users to have more control and visibility over their systems, enabling them to make more informed decisions and ultimately improving their overall satisfaction with the platform.

UX Research

Based on our research, the Monitoring & Observability involved the following components.

  1. Data collection: The platform collects various types of data from different sources, such as application logs, server metrics, network traffic, and user interactions.
  2. Data processing: The platform processes the collected data to extract meaningful insights and detect anomalies or issues. This may involve using analytics, machine learning, or other techniques to identify patterns, correlations, or outliers.
  3. Visualization: The platform presents the processed data in a user-friendly way, such as dashboards, charts, or alerts. This allows users to quickly understand the health and performance of their systems and identify areas that require attention.
  4. Collaboration: The platform enables collaboration among different teams and stakeholders who are responsible for managing and maintaining the systems. This may involve features such as sharing dashboards, commenting on alerts, or assigning tasks.
  5. Automation: The platform automates certain tasks or workflows to reduce manual effort and improve efficiency. This may involve features such as auto-scaling, self-healing, or proactive issue resolution.

Based on our research, we aimed to investigate the effectiveness of data visualization and real-time monitoring features in Meta's Monitoring & Observability platform for improving users' ability to efficiently identify and troubleshoot performance issues within their complex systems. We identified two key problems that users were facing. Firstly, users were being overwhelmed with the amount of data and the sheer number of data products within the platform. As a result, they were having to jump back and forth between different datasets, which made it difficult to analyze the data effectively. Secondly, there was a lack of actionable data insights available, which meant that users had to manually compare large amounts of log and trace data to identify and troubleshoot performance issues.

Design

Our design approach was informed by the results of our UX research, which aimed to address the key user problems identified in Meta's Monitoring & Observability platform. To tackle the challenge of overwhelming data and a lack of actionable insights, we prioritized providing users with a customizable dashboard that allowed them to monitor and display real-time data and metrics relevant to their needs. This feature enabled users to quickly identify and troubleshoot performance issues within their complex systems.

In addition, we implemented an automated alert system that notified users when any anomalies or issues were detected in the monitored data. This feature enabled users to take prompt action to address potential problems, improving their overall experience and efficiency while using the platform. Furthermore, we incorporated a smart ranking algorithm that automatically analyzed and summarized data, providing users with actionable insights and suggestions for improvements based on the data collected.

Our design approach aimed to give users greater control and visibility over their systems by utilizing automatic data analysis and summary, along with recommendation through a smart ranking algorithm. This empowered users to make more informed decisions and improve their overall satisfaction with the platform. By combining these features with data visualization and real-time monitoring, we aimed to improve users' ability to efficiently identify and troubleshoot performance issues, ultimately reducing downtime, increasing productivity, and decreasing operational costs.

Impact

Our design team worked closely with Meta's 150-person engineering team to ensure a seamless collaboration between design and agile development. We began by creating wireframes, prototypes, and high-fidelity designs that captured the product vision and user needs. These designs were then shared with the development team, who worked with us to refine the designs and translate them into technical specifications. Throughout the development process, we conducted regular design reviews and user testing to ensure that the design was meeting the needs of the users and was aligned with the product strategy.

One challenge we faced was Meta's consistent delivery process, which did not allow for any staging. This meant that any changes to the design or development had to be implemented in real-time, which required close collaboration between the design and development teams. Despite this challenge, our collaboration with the engineering team was successful in ensuring that the final product was not only functional but also met the needs of the users and delivered a great user experience.