项目介绍

**SmartX** 是中国领先的超融合产品与企业云解决方案提供商，SmartX 通过软件重新定义数据中心，将类似 Google 等互联网公司数据中心的架构带给企业，为企业构建更快速，更易扩展，更灵活的数据中心。

Fisheye Dashboard 是 SmartX 超融合系统的可视化数据平台，为 IT 管理员提供监控、预警、管理硬件及资源等功能。在更新了 2 个大版本后，我们设计团队对 Fisheye 进行了完整的重新设计，并以此创建了公司产品的第一个设计系统。

本次重新设计过程中采用了 Design Sprint 和 Atomic Design 的设计方法，在短时间不断尝试并验证设计思路，并从最小的界面元素开始逐步构建整个系统。

在设计完成后整理了详细的 UI Kit。

为什么重新设计？

SmartX OS 是为超融合架构设计的操作系统, 帮助客户构建敏捷高效的现代数据中心。Fisheye 是 SmartX OS 的 Web 端控制台，为系统管理员提供最直观的监测系统状态和数据指标的平台。

在过去两年时间里完成了 2 个大版本的功能迭代，增加了虚拟机管理、快照、存储池等多个重要功能，即将迎来 3.0 版本的更新。在之前版本中，设计上更关注于完成每个版本规划的功能，设计聚焦在如何设计好这一个功能出发，缺少系统性的设计思考，另外设计师的工作是按照功能模块划分，不同设计师产出的设计组件也会有差异，导致在设计和前端开发上经常产生一些重复工作，例如同一个组件在不同版本中被设计多次，样式和交互上却不是完全一致。

组件重复，影响开发效率

设计组件库和前端代码中存在大量重复的组件，降低设计和开发效率，需要精简。

体验不一致

冗余的组件在样式和交互上不一致，造成使用体验上的不一致。

信息架构扩展性差

3.0 版本会增加更为复杂的机架感知、网络等功能，现有的信息架构无法满足大量数据信息和复杂交互的功能。

因此，设计团队决定对产品设计进行一次彻底的梳理和重构。