您现在的位置:   首页 >> 新闻中心 >> 数据分析

如何用数据来驱动界面设计,造就一款产品?

发布人:www.yunke.ai 发布时间:2021-01-01 150 次浏览

“仪表板”、“大数据”、“数据可视化”、“数据分析”——越来越多人和企业,开始运用他们的数据来做一些有趣的事情。在我的职业生涯中,有幸参与一大批数据为重的界面设计,所以在此分享一些观点,讲讲如何造就这种特殊且有意义的产品。

很多人已经讨论过这个议题,我会围绕创作过程中**影响力的部分。

1. 用户不同,数据不同

任何时候设计一套复杂的系统,都不可避免要为很多用户和角色进行设计。总裁、经理和分析师是几个常见角色,每个都有自己的工作流程和对数据的需求。

定义好角色,产生不同视角,这本身就是一种艺术。我就不在此详细解释了。如果你对此有兴趣,请看Cooper的这篇有用的文章。

关于角色,重要的一点是预先确定好,围绕它们来组织信息结构与线框图。

下面是我们去年做的一款健康报告应用的最终成品。这套系统有着不同的用户群,他们各自都需要不同的数据管理。创建了关键角色后,我们每次评审会将它们放在旁边。

36大数据

注意画板上的那些角色。我们的客户都接受这种方式。

在满屋子客户面前展示作品是件难事。无论是在解释线框图、流程图,还是就视觉设计进行讨论,都很难让每个人跟上你的观点。

通过角色来组织作品,会防止你(和客户)在这些讨论中跑题。

2. 制作页面模型

我多年所用的一个技巧,是制作页面模型。核心点很简单:

首先为用户呈现他们需要的,再将页面余下的信息根据用户故事或信息层级,进行结构化处理。

制作页面模型的概念,正是写散文(和其他很多种沟通形式)的核心原则,我在写过一本书之后就对它了如指掌了。多年来,我花费大量时间在这本书《样式:清晰与优雅的基本要素》上。它除了作为绝佳的写作参考之外,还清晰阐明这项观点:

如果一开始就使人分心,那么用户不仅难以分辨每个元素是什么,也难以集中精力于整个流程。

这是进行用户体验设计时需要牢记的一项准则。下面是制作页面模型的两个常用方式。

36大数据

给画板创建某种结构。问问自己:通过这些信息要讲述怎样的故事?

我在behance和dribbble上看到很多仪表板和数据画报项目,(视觉上)设计得很漂亮,但通常都使人眼花缭乱、过目即忘。它们要么是各种图表组件以缺乏层级的瀑布流形式排列,要么视觉上过度设计,并不适合这项数据。

36大数据

左图展示的就是眼花缭乱的数据画报。右图例子则是装饰物分散注意力,注意不到数据。

在上面的图中(左图),这个数据面板用了控制台的方式来呈现信息……相当有压迫感。为避免如此,我们试着以组织信息的方式处理这类界面,让人们感觉像是在阅读杂志文章。

并不是说控制台式的界面就没有用武之地……我个人愿意设计成那样。但多数情况下,没有必要时刻看见所有信息。

最关键的一点——避免创造出令人一知半解的图形。为页面信息建立模型,首先给用户呈现关键信息,然后才是支撑内容。

3. 选择正确的图形

在美学方面,有很多(太多了)设计都在误用图表。

最糟的是——这些“坏习惯”似乎在成倍增加。随处可见本应是饼形图的面积图,还有本应该是柱状图的曲线图。让我们一起来制止这些设计……下面这些建议有助于你正确对待数据: