400-028-6758135-4035-3421

立即与安古项目顾问通话

13540353421

业务咨询

售后服务

咨询电话

安古新闻 案例动态 网络知识

几个方法帮你搞定数据可视化界面设计 ----安古信息

来源:安古信息 发布时间:2022/8/1 9:01:24 浏览:

“仪表板”、“大数据”、“数据可视化”、“数据分析”——越来越多人和企业,开始运用他们的数据来做一些有趣的事情。在我的职业生涯中,有幸参与一大批数据为重的界面设计,我要在此分享一些观点,讲讲如何造就这种特殊且有意义的产品。很多人已经讨论过这个议题,我会围绕创作过程中最具影响力的部分。

一、用户不同,数据不同

任何时候设计一套复杂的系统,都不可避免要为很多用户和角色进行设计。总裁、经理和分析师是几个常见角色,每个都有自己的工作流程和对数据的需求。定义好角色,产生不同视角,这本身就是一种艺术。我就不在此详细解释了。如果你对此有兴趣,请看Cooper的这篇有用的文章。关于角色,重要的一点是预先确定好,围绕它们来组织信息结构与线框图。下面是我们去年做的一款健康报告应用的最终成品。这套系统有着不同的用户群,他们各自都需要不同的数据管理。创建了关键角色后,我们每次评审会将它们放在旁边。注意画板上的那些角色。我们的客户都接受这种方式。在满屋子客户面前展示作品是件难事。无论是在解释线框图、流程图,还是就视觉设计进行讨论,都很难让每个人跟上你的观点。通过角色来组织作品,会防止你(和客户)在这些讨论中跑题。

二、制作页面模型

我多年所用的一个技巧,是制作页面模型。核心点很简单:首先为用户呈现他们需要的,再将页面余下的信息根据用户故事或信息层级,进行结构化处理。制作页面模型的概念,正是写散文(和其他很多种沟通形式)的核心原则,我在写过一本书之后就对它了如指掌了。如果一开始就使人分心,那么用户不仅难以分辨每个元素是什么,也难以集中精力于整个流程。这是进行用户体验设计时需要牢记的一项准则。下面是制作页面模型的两个常用方式。给画板创建某种结构。问问自己——通过这些信息要讲述怎样的故事?我在Behance和Dribbble上看到很多仪表板和数据画报项目,(视觉上)设计得很漂亮,但通常都使人眼花缭乱、过目即忘。它们要么是各种图表组件以缺乏层级的瀑布流形式排列,要么视觉上过度设计,并不适合这项数据。不是说控制台式的界面就没有用武之地……我个人愿意设计成那样。但多数情况下,没有必要时刻看见所有信息。

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

三、选择正确的图形

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

1.始于数据

未经处理的原始数据表格一点也没有吸引力。但它是最佳的起点。它帮你开始思考数据中有哪些变量可用,这些变量数据如何关联。

除了从空白数据行列入手,等待灵感忽然进入你意识。你还可以更积极一些,通过下面这些很棒的资源,帮你揭示出有趣的关联:Charted ——Medium开发的一款自动数据可视化工具。通过Google Sheets、Illustrator和Sketch设计更好的图表。Tableau——这个工具是最好的,不过相当昂贵。在整个过程中,这部分并没有灵丹妙药。别对深入研究数据心存恐惧,试着混合搭配不同变量,创建基本图表。这需要时间,但它是值得的。我想到的一些绝妙点子,都来自这些原始数据文件的拼拼凑凑。

2.处理离散数据和连续数据

我花了很长时间才意识到这点,有些图表比其他更能表达你的数据。在创作中很容易陷入这样的境地,选择一种好看的图表,然后指望它能发挥作用。我经常这么做(我挺喜欢散点图),并为此感到内疚。有些图形比其他更好,这取决于你所处理的数据类型。选择合适图表的方法之一,是评估你手中的数据。有两种主要数据:离散数据——数值可清晰计数。比如进球数或Facebook点赞。柱状图最适合表现离散数据。连续数据——任何范围值。比如一季的降雨量,或一个人的身高体重。

3.曲线图最适合表现连续数据简单说,曲线图最适合表现连续数据,柱状图最适合表现离散数据。

四、基本的或定制化的图形

最后,作为这些海量数据系统的设计师,你得反复问自己“我应该选择非常规方式来定制化设计?还是使用久经考验的图表来展现信息?”最近无意中读到这篇来自37 Signals的文章—— 只要3种图表就够了。作者强烈表达一个观点,图形的“有效性”胜过它的视觉特征。我非常赞同文中这一观点。不过,我觉得他的观点代表着一种极端实用主义的视角。我相信定制化的图形通常也能提升数据的易用性,同时独具一格引人入胜。

基本柱状图的例子:对我来说,有“一种尺寸通行”的图表,还有“适用于最佳尺寸”的图表。表格、曲线图和柱状图就很好,可以容纳各种类型的数据,但它们也非常普通(一种尺寸通行)。作为专业的设计师,我希望我的作品看起来和感觉上是独特且有用的。比如,纽约时报做得很好,通过定制化的交互式图形,来为他们的文章添彩。可以在这里看到更多他们的作品。

作为首要准则——数据与技术所需,我们需要尝试各种定制化图形。但我们还是要有备选计划,以防设计并不奏效,或者客户喜欢相对保守的方式。

这个方法使我们的客户产生共鸣,尤其在重要信息上。但我之前提过,总要考虑各种角色,所以要用在适当的地方。就像其他所有形式的设计一样,它也需要一种平衡。力求使你的数据与众不同,但是要避免过度设计和无谓的分心。为数据选择正确的图形,但别忘了有层次地构建页面。无论多么单调、令人沮丧,还要打磨每个小细节……安古信息致力于高端网站建设、小程序开发、APP开发、微信商城、分销系统、多店系统、系统平台开发等领域,所有项目均为您提供,供您选择!



如有此类需求可联系安古信息客服

Designerpart Designagentur
Designerpart Designagentur
Designerpart Designagentur
Designerpart Designagentur
Designerpart Designagentur
Designerpart Designagentur
安古信息

电话:400-028-6758135-4035-3421

邮箱:tech@scangoo.cn

网址:www.scangoo.cn

地址:成都市锦江区东大街花样年·喜年广场A座3803

微信扫码咨询

Copyright © 2020 版权所有 四川安古信息技术有限公司 未经许可 严禁复制 蜀ICP备2022007717号     ipv6 ready

×

扫描二维码
与销售顾问咨询

免费获取方案与报价!

输入联系方式或致电 13540353421