下载PDF
UXPin > 实例探究 > 改进 BlazeMeter 的启动屏幕:用户体验设计案例研究
UXPin Logo

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

技术
  • 自动化与控制 - 人机界面 (HMI)
  • 无人机 - 垂直起降/垂直起降混合无人机
适用行业
  • 设备与机械
适用功能
  • 产品研发
  • 质量保证
用例
  • 实验自动化
  • 虚拟原型与产品测试
服务
  • 硬件设计与工程服务
  • 测试与认证
挑战
该案例研究围绕 BlazeMeter(Broadcom 企业软件部门下属的测试平台)的高级 UX 设计师所面临的挑战展开。 BlazeMeter 的核心应用程序是性能测试部分,它允许团队通过模拟数千或数百万从不同位置与其站点交互的虚拟用户 (VU) 来测试产品。测试配置屏幕后面的“启动屏幕”是此过程的关键部分。然而,现有的启动屏幕已经过时,并且是为更轻松的测试配置文件而设计的。我们面临的挑战是设计一个新的、用户友好的启动屏幕,能够以简单且易于访问的方式处理大量信息。主要问题是启动进度条,它需要以不同的速度显示“待处理”、“启动”、“下载”和“就绪”等多种状态,这使得无法用传统的进度条或旋转加载程序来表示。
关于客户
本案例研究的客户是BlazeMeter,它是Broadcom 企业软件部门旗下的一个性能测试平台。 BlazeMeter 允许团队通过模拟从不同位置与网站交互的数千或数百万虚拟用户 (VU) 来测试他们的产品。该平台结合了用户界面和功能测试,提供全面的性能测试。 “启动屏幕”是测试过程的关键部分,通过各种状态显示测试进度。客户需要一个经过改进、用户友好的启动屏幕,能够以简单且易于访问的方式处理大量信息。
解决方案
使用基于云的设计和原型设计工具 UXPin 找到了解决这一挑战的方案。设计者首先想到使用动态饼图,但事实证明在某些情况下它很难阅读。也考虑过常规的垂直图表,但被认为太无聊了。最终的解决方案是将不同的状态呈现为一直动态变化的波浪。使用 UXPin,设计师使用钢笔工具创建了单个波浪,并使用渐变颜色对其进行了着色。为其创建了十个状态,代表从 10% 到 100% 的负载。然后为每个状态复制波形,并在加载页面时设置动画逻辑。还添加了屏幕简单模式和高级模式之间的切换。结果是一个完全交互式的“启动屏幕”原型,具有令人惊叹的效果。
运营影响
  • 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.

相关案例.

联系我们

欢迎与我们交流!

* Required
* Required
* Required
* Invalid email address
提交此表单,即表示您同意 IoT ONE 可以与您联系并分享洞察和营销信息。
不,谢谢,我不想收到来自 IoT ONE 的任何营销电子邮件。
提交

Thank you for your message!
We will contact you soon.