共计 1275 个字符,预计需要花费 4 分钟才能阅读完成。
设计指标
为了晋升产品美感,进步用户体验,数据平台前端团队与数据平台设计团队针对旗下的产品进行了一轮视觉降级,接下来把准则与成绩与大家分享下,心愿能有所启发。
咱们大方向上的准则是:
让 B 端产品优雅且难看,开箱难看,上手晦涩
指标是扭转用户对于 B 端产品“瑕不掩瑜”,即好用不难看的刻板印象,做到“美玉无瑕”,兼顾性能与视觉。让用户第一工夫关上咱们产品的时候,就感触到优雅的气质。
设计准则
在分享当初的设计准则之前,咱们先看下之前的设计准则。
之前的设计准则围绕性能进行的论述,提出了工作提效、为实在的世界设计、化繁为简、以人为本四个方向。
工作提效,指标是通过适合的疏导与反馈,帮忙用户达成外围工作。
为实在的世界设计,要求产品还原现实生活,听从用户以往操作习惯。
化繁为简准则会把用户须要关注的外围行为门路进行强调突出,缩小无用的烦扰。
以人为本,会要求应用适量的用户疏导来生动有趣地帮忙用户了解和上手操作。
能够看到之前的设计准则是围绕升高用户了解老本,帮忙用户应用性能的大前提,以“好用”为指标,但在体验上充其量只能达到及格分。
而当初,要求在“好用”的根底上做到“优雅”,进一步提高用户美的感触,外围准则是极致的粗劣与不喧宾夺主。
极致的粗劣要求前端动效听从真实世界的物理细腻质感,给用户粗劣与共鸣感。因为对于应用咱们数据产品的用户来说,往往都须要实现一些比拟高门槛的数据分析工作,咱们心愿在升高认知老本的同时,给予一种粗劣的美感,从而进步用户对于咱们产品的信任感。
不喧宾夺主要求在做设计的时候要“克服”,克服的做加法,而不是为了难看而难看,难看并不是 B 端用户的终极目标,咱们的难看是要在性能齐备的根底上做一种恰到好处的加法,而非争夺视觉焦点,影响用户门路。
向行业优良案例学习
在进一步细化设计语言之前,让咱们一起看看行业上最优良的 B 端美学语言是怎么做的。
细化设计语言
通过联合各家所长与理论状况,咱们把设计语言做了进一步的细化
具体到各个具体的方向,咱们的成绩如下:
这里在材质上简略开展讲讲。咱们能够听从物理环境与光影档次,营造海拔成果还让用户第一工夫辨别各个控件的层级,进步用户对次要门路的聚焦感触。
同时咱们把海拔的标准积淀到组件资产中,使各业务线的美感能够放弃对立
理论例子
接下来以表单为例看一下视觉降级成果
这些是之前产品中的表单,能够看到界面元素辨析度不高,导致第一眼抓不到重点,难以聚焦重要信息。所有表单平铺展现进步了用户了解老本,同时也没有必要的用户疏导会减少用户产生挫败感的概率。
UI 降级后的表单如上所示,体现了每一项设计语言。
进步了界面元素辨析度,放大了题目字号,把表单标签换成了灰色,引入了栅栏布局,这些都能使构造更清晰。
简单元素组织无效,把简单表单进行分页,升高用户了解老本
重要信息更加聚焦,无用的表单项与界面元素进行了去除和精简。
主次有序,缩小干燥枯燥,通过适当的用户疏导来帮忙用户实现工作,升高乏味感。
这些设计语言的灵活运用可能进步产品中表单的品质感,保障其优雅且难看
总结
咱们的指标是通过极致粗劣与克服加法来帮忙数据产品做到“优雅且难看”。