case-study-test

date
Jun 3, 2021
slug
case-study-test
status
Published
tags
Website
Sociology
Book
TEMP
summary
case-study-test
type
Post
Bring deep visibility and control to server components in a data center.
 
 
notion image
 

角色

📌
项目唯一设计师 Created high-level and detailed-level user flows, prototypes, and visual designs. User research, market research, competitive research.
 

介绍

SmartX 是国内领先的超融合虚拟化厂商,通过
is a company that focuses on providing Hyper-Converged Infrastructure(HCI) software and solutions to help businesses build agile and efficient data centers. SmartX is trying to make the IT infrastructure simpler with an operating system: SMTX OS. SMTX OS runs on generic x86 servers, it collapses compute and storage into a single platform.
SMTX OS 可以运行在通用的 x86 服务器上,将计算和管理功能集成到单一的平台中,实现统一的监测管理。
📖
名词解释 SMTX OS:SmartX 超融合操作系统; Fisheye:Web 端管理平台,提供可视化操作和管理工具,包含对虚拟机、硬件、网络等功能的管理; 硬件:Fisheye 核心功能之一,监测硬件状态,并对硬件进行控制。
 
平台用户是谁?
 
硬件是 SMTX OS 运行的基础,因此对硬件的监测和控制能力至关重要。
在早期的版本中,我们对硬件的管理能力也相对初级,只能反应硬件的基本信息,例如服务器中 SSD/HDD 的数量和容量,
<早期硬件列表图>
 
在经历两个大版本的迭代后,我们在技术上可以实现监测更全面的数据信息,同时也支持对硬件进行控制。因此,我们需要在设计上增加这些信息的展示,另外不增加产品的使用难度,保持产品的易用性。
 

 
设计目标

将机房和服务器硬件可视化,提供简单的管理体验

Goal

更全面的信息监测:电源
  • 定位服务器:了解机房,以及服务器在机房中的位置
  • 反应硬件状态:
  • 对硬件进行操控:
 

 
设计难点

服务器硬件的复杂性

 
不只包括 x86 服务器的硬件,也包含放置服务器的机房,
复杂性体现在:
1 种类多样,名词概念
2 层级结构,复杂的空间结构如何在有限的 UI 界面中展示。直观、简单的使用体验。
立体空间 → 平面
<机房图、服务器图、机架图>
notion image
notion image
notion image
 
 
 

现有信息架构 (也可放在设计步骤)

利用现有信息架构
 

 
Research

厘清概念:深入机房,了解硬件

弄清机房的服务器里有多少硬件,和工程师深入机房。
<SmartX 一体机图片>
 
市场调研,厂商网站、电商网站,了解机架、机箱、服务器常见的 HDD/SSD 数量及尺寸。
<表>
 

了解客户:硬件的使用方式

客户的机型,但不了解客户实际的使用环境。
上门实施工程师,了解实际使用场景。客户机型。占比,
 

 
设计

探索最直观的呈现形式

 
differentiate solutions
table vs.
 

信息架构

 
增加视图,两个视图
主要信息是主机。辅助信息
 

交互形式

主机展开、收起
 
侧栏展开/收起
 
 

 
迭代

One step further

产品迭代?
 
样式上:Design system
新设计规范的应用,样式上采用新的设计语言,见另外一个案例: Fisheye design system
 
技术上?
 
市场上
 

 
 
 

 
再来一次

可以改进的地方

 
客户了解,通过售前、售后工程师传达。
数据:客户量级小且分散在不同行业领域,数据并没有起到很好的指导作用。主要依靠经验。
 
 

© zhen 2021