关于数据看版的二三事(二)

阅读数:2 2019 年 12 月 31 日 15:42

关于数据看版的二三事(二)

专业词汇多,图表数量大

记得刚接触后台数据看板,交接工作时,产品经理丢给我一套思维导图让我先对应现有页面进行理解,修改。一大堆看不懂的专业词汇以及满屏的折线饼状柱状图,完全的一脸懵逼,百度对应的专业词汇也只能参透其中一二,完全无处下手。
关于数据看版的二三事(二)
此时最重要的就是沟通沟通再沟通。面对不懂的词汇问清楚,只有了解清楚其中含义才能对症下药,做好相应的设计。作为设计师,之前的并没有数据去分析的工作经验,因此设计中的“同理心”“模仿用户行为”等方法在此时也无法使用,只有多和产品经理去沟通,了解他们的需求,才能做出符合用户要求的设计。

设计思路差异大

后台数据看板类产品与 C 端产品不同,用户都是专业人员,注重效率,查询数据时目标明确,以及需要同时多维度查看分析数据。针对该用户群体,设计时也会有不同的侧重点。

最近在做的项目优化,产品给的一个需求就是最好能在首屏看到越多的内容越好,一眼浏览到需要的数据,因此在设计时,就给占据空间较大的条件筛选区域加入了折叠面板,节省首屏空间。同时在做页面设计时多使用卡片,有利于页面的可扩展性,便于用户操作。

视觉风格差异大

C 端产品一般会使用大量留白或鲜艳的颜色,外加图文排布,以及交互动效来吸引用户,而后台数据看板类产品则不然。后台产品一般颜色都比较统一平淡,满屏图表,且少有交互动效,这样利于使用者长时间观察数据。设计时就要收敛一下来自设计师的天马行空,理解用户需求,为用户体验负责。

因为需要清晰展示大量的数据信息,建议选用浅色底,数据信息在浅色底上的识别度,可读性相对较高。
关于数据看版的二三事(二)
在配色上,我们需要在同一图表中,选择辨识度更高的配色,色调与明度的跨度都要大。如下图,左右两个柱状图,左边选用了相近色,尤其在折现和柱状图重合的部分,并不能快速区分开来,读取所需要的数据信息。而右边选择了辨识度更高的配色,信息一目了然。
关于数据看版的二三事(二)

总而言之,无论是做公司内部使用的后台产品还是面向外部用户的 C 端产品,首先要做的就是了解业务,了解用户的真实需求,紧跟用户的需求去思考,才能做好产品设计。

本文转载自 Think 体验设计公众号。

原文链接: https://mp.weixin.qq.com/s/m2gMVqA8YmrXV3B0rRjtDw

评论

发布