• About Facebook and Wipro

    Wipro is a global IT, consulting, and business services company that partners with organizations to deliver innovative solutions. As part of a contract with Facebook (now part of Meta), Wipro provided specialized IT and design services to support Facebook’s mission of connecting people through its social networking and digital platforms. Facebook relies on internal tools like debugging software to ensure the quality and reliability of its products, and Wipro’s collaboration enabled the enhancement of these critical systems.

  • My Role

    As a UX/UI Designer at Facebook, my responsibility was to redesign the user interface of an internal debugging tool used by the Software Testers. I was tasked with creating a more intuitive and visually appealing design from scratch, ensuring that testers could navigate the tool efficiently and perform their tasks with greater accuracy.

  • Project Overview

    The project focused on revamping Facebook’s internal debugging software, which was essential for software testers to identify and label bugs in software builds. The goal was to transform the outdated and developer-designed UI into a user-friendly interface that would reduce errors, improve efficiency, and enhance the overall testing experience for the team.

The Problems

The original debugging software suffered from several usability issues due to its outdated design, which was initially created by a developer without a focus on visual design or user experience. Key problems included:

  • The UI lacked visual hierarchy and intuitive navigation, making it difficult for software testers to use the tool effectively.

  • Mis-clicks were frequent due to poorly designed buttons and unclear labeling, leading testers to inaccurately label software builds as either containing or not containing bugs.

  • The absence of a cohesive design system resulted in a clunky and confusing interface, slowing down the debugging process and increasing frustration among testers.

  • Testers reported a 30% error rate in bug labeling due to the unintuitive design, which also caused delays in the testing workflow.

The Solution

To address these challenges, I took a user-centered design approach and created a new design system from scratch for the debugging software. The redesign focused on improving visual hierarchy, enhancing navigation, and ensuring intuitive interactions.

Key improvements included:

  • Developing a cohesive design system with clear typography, color schemes, and button styles to create a visually appealing and easy-to-navigate interface.

  • Redesigning the button layouts to prevent misclicks, with larger, clearly labeled buttons and sufficient spacing to improve accuracy.

  • Introducing a streamlined workflow with visual cues to guide testers through the debugging process, reducing confusion and errors.

  • Conducting user testing with the software testers to iterate on the design, ensuring it met their needs and preferences.

The Results

The results of the redesign were significant:

  • The intuitive new interface reduced the error rate in bug labeling by 25%, from 30% to 5%.

  • Software testers completed debugging tests 40% faster due to the streamlined workflow and improved navigation.

  • Overall user satisfaction with the tool increased by 60%, as reported through internal feedback surveys, reflecting the positive impact of the redesign on the testing team’s efficiency and morale.