UXPin Case Studies Revamping BlazeMeter's Booting Screen: A UX Design Case Study

Edit This Case Study Record

	Revamping BlazeMeter's Booting Screen: A UX Design Case Study UXPin

Revamping BlazeMeter's Booting Screen: A UX Design Case Study

UXPin

Technology Category	Automation & Control - Human Machine Interface (HMI) Drones - VTOL & VTOL Hybrid Drones
Applicable Industries	Equipment & Machinery
Applicable Functions	Product Research & Development Quality Assurance
Use Cases	Experimentation Automation Virtual Prototyping & Product Testing
Services	Hardware Design & Engineering Services Testing & Certification
Challenge	The case study revolves around the challenge faced by the Senior UX Designer at BlazeMeter, a testing platform under Broadcom’s Enterprise Software Division. The core application of BlazeMeter is the performance testing section which allows teams to test products by simulating thousands or millions of virtual users (VUs) that interact with their site from different locations. The 'Booting screen' that follows the Test Configuration screen is a crucial part of this process. However, the existing booting screen was outdated and designed for a much lighter test profile. The challenge was to design a new, user-friendly booting screen that could handle a large amount of information in a simple and accessible way. The main issue was the booting progress bar, which needed to display multiple statuses like 'pending', 'booting', 'downloading', and 'ready' at different paces, making it impossible to represent with a traditional progress bar or a spinning loader. Read More
About Customer	The customer in this case study is BlazeMeter, a performance testing platform under Broadcom’s Enterprise Software Division. BlazeMeter allows teams to test their products by simulating thousands or millions of virtual users (VUs) that interact with their site from different locations. The platform combines user interface and functional tests to provide comprehensive performance testing. The 'Booting screen' is a critical part of the testing process, displaying the progress of the test through various statuses. The customer needed a revamped, user-friendly booting screen that could handle a large amount of information in a simple and accessible way. Read More
Solution	The solution to the challenge was found using UXPin, a cloud-based design and prototyping tool. The designer first thought of using a dynamic pie chart, but it proved to be hard to read in some cases. A regular vertical chart was also considered but was deemed too boring. The final solution was to present different statuses as waves that would dynamically change all the time. Using UXPin, the designer created a single wave with the Pen Tool and colored it with a gradient color. Ten states were created for it, representing a load from 10% to 100%. The wave was then duplicated for each status, and the animation logic was set when the page was loaded. A toggle between a simple and advanced mode of the screen was also added. The outcome was a fully interactive 'Booting Screen' prototype with a 'wow' effect. Read More Log in to view content
Contents

Technology Category

Automation & Control - Human Machine Interface (HMI)

Drones - VTOL & VTOL Hybrid Drones

Applicable Industries

Equipment & Machinery

Applicable Functions

Product Research & Development

Quality Assurance

Use Cases

Experimentation Automation

Virtual Prototyping & Product Testing

Services

Hardware Design & Engineering Services

Testing & Certification

Challenge

The case study revolves around the challenge faced by the Senior UX Designer at BlazeMeter, a testing platform under Broadcom’s Enterprise Software Division. The core application of BlazeMeter is the performance testing section which allows teams to test products by simulating thousands or millions of virtual users (VUs) that interact with their site from different locations. The 'Booting screen' that follows the Test Configuration screen is a crucial part of this process. However, the existing booting screen was outdated and designed for a much lighter test profile. The challenge was to design a new, user-friendly booting screen that could handle a large amount of information in a simple and accessible way. The main issue was the booting progress bar, which needed to display multiple statuses like 'pending', 'booting', 'downloading', and 'ready' at different paces, making it impossible to represent with a traditional progress bar or a spinning loader.

About Customer

The customer in this case study is BlazeMeter, a performance testing platform under Broadcom’s Enterprise Software Division. BlazeMeter allows teams to test their products by simulating thousands or millions of virtual users (VUs) that interact with their site from different locations. The platform combines user interface and functional tests to provide comprehensive performance testing. The 'Booting screen' is a critical part of the testing process, displaying the progress of the test through various statuses. The customer needed a revamped, user-friendly booting screen that could handle a large amount of information in a simple and accessible way.

Solution

The solution to the challenge was found using UXPin, a cloud-based design and prototyping tool. The designer first thought of using a dynamic pie chart, but it proved to be hard to read in some cases. A regular vertical chart was also considered but was deemed too boring. The final solution was to present different statuses as waves that would dynamically change all the time. Using UXPin, the designer created a single wave with the Pen Tool and colored it with a gradient color. Ten states were created for it, representing a load from 10% to 100%. The wave was then duplicated for each status, and the animation logic was set when the page was loaded. A toggle between a simple and advanced mode of the screen was also added. The outcome was a fully interactive 'Booting Screen' prototype with a 'wow' effect.

Impact #1	The operational result of the solution was a fully interactive 'Booting Screen' prototype that was well-received by users. The prototype was tested with real users using UXPin's preview link feature, which allowed users to test the prototype and leave their comments directly on it. After incorporating the customers’ feedback, the design was handed over to the development teams to build the real thing. The use of UXPin as a single source of truth, along with the designer's meticulous approach, resulted in a final page almost identical to the prototype. This successful design process boosted the designer's confidence and pride in their work.

Impact #1

The operational result of the solution was a fully interactive 'Booting Screen' prototype that was well-received by users. The prototype was tested with real users using UXPin's preview link feature, which allowed users to test the prototype and leave their comments directly on it. After incorporating the customers’ feedback, the design was handed over to the development teams to build the real thing. The use of UXPin as a single source of truth, along with the designer's meticulous approach, resulted in a final page almost identical to the prototype. This successful design process boosted the designer's confidence and pride in their work.

Download PDF Version

Overview

Revamping BlazeMeter's Booting Screen: A UX Design Case Study

Operational Impact