Revamping BlazeMeter's Booting Screen: A UX Design Case Study
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
About The 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.
The 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.
The 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.
Operational Impact
Case Study missing?
Start adding your own!
Register with your work email and create a new case study profile for your business.
Related Case Studies.
Case Study
Smart Water Filtration Systems
Before working with Ayla Networks, Ozner was already using cloud connectivity to identify and solve water-filtration system malfunctions as well as to monitor filter cartridges for replacements.But, in June 2015, Ozner executives talked with Ayla about how the company might further improve its water systems with IoT technology. They liked what they heard from Ayla, but the executives needed to be sure that Ayla’s Agile IoT Platform provided the security and reliability Ozner required.
Case Study
IoT enabled Fleet Management with MindSphere
In view of growing competition, Gämmerler had a strong need to remain competitive via process optimization, reliability and gentle handling of printed products, even at highest press speeds. In addition, a digitalization initiative also included developing a key differentiation via data-driven services offers.
Case Study
Predictive Maintenance for Industrial Chillers
For global leaders in the industrial chiller manufacturing, reliability of the entire production process is of the utmost importance. Chillers are refrigeration systems that produce ice water to provide cooling for a process or industrial application. One of those leaders sought a way to respond to asset performance issues, even before they occur. The intelligence to guarantee maximum reliability of cooling devices is embedded (pre-alarming). A pre-alarming phase means that the cooling device still works, but symptoms may appear, telling manufacturers that a failure is likely to occur in the near future. Chillers who are not internet connected at that moment, provide little insight in this pre-alarming phase.
Case Study
Premium Appliance Producer Innovates with Internet of Everything
Sub-Zero faced the largest product launch in the company’s history:It wanted to launch 60 new products as scheduled while simultaneously opening a new “greenfield” production facility, yet still adhering to stringent quality requirements and manage issues from new supply-chain partners. A the same time, it wanted to increase staff productivity time and collaboration while reducing travel and costs.
Case Study
Integration of PLC with IoT for Bosch Rexroth
The application arises from the need to monitor and anticipate the problems of one or more machines managed by a PLC. These problems, often resulting from the accumulation over time of small discrepancies, require, when they occur, ex post technical operations maintenance.
Case Study
Data Gathering Solution for Joy Global
Joy Global's existing business processes required customers to work through an unstable legacy system to collect mass volumes of data. With inadequate processes and tools, field level analytics were not sufficient to properly inform business decisions.
