数据可视化大屏的设计奥秘——交互动效

数据可视化通过可视化的方式表达相对复杂抽象的数据的内在信息和规律,促进数据信息的传播和应用,更直观地传达图表信息；通过可视化,我们的大脑可以更好地掌握和理解有效信息,增加对信息的印象.

但如果数据可视化设计不合理,会带来负面影响,影响信息传播,误导用户认知；所以在设计的时候需要多维度的展现数据,并不局限于单一的层面.这时候动态设计是很重要的一环.

我们希望数据可视化设计能够让数据通过可视化的形式传递,让信息更容易接受,让数据内容更容易理解,让数据信息更容易记忆.

一、为什么需要交互设计.

在数据项目中,许多数据通常会实时变化.为了减少数据变化和刷新的突然性,并通知用户数据更新,动态设计是必不可少的.

另外,数据可视化的服务主要面向B端用户.在设计过程中,要让设计服务于数据内容,给用户最清晰最清晰的数据展示.

根据大屏幕数据可视化的特点,我们将具体谈谈为什么需要做动态设计:

1.信息量大.

和B面产品一样,视觉大屏幕的信息量比较大,更注重用户获取单位面积信息的效率,所以我们需要在有限的大屏幕上显示尽可能多的有效信息.

但如果只是将信息“插”进大的数字屏幕,而没有对信息结构和呈现方式做好规划,那么庞大的数据量往往会导致信息堆积,给用户接收和处理信息带来一定的干扰.

这时的动态效果可以很好的解决这个问题；利用动态效果,构建大屏数据的层级,将数据存储在不同层级的页面中,为用户带来更好的数据信息服务体验.

2.专业可操作性强.

从目标用户的角度来看,可视化大屏幕主要是针对具有一定专业知识的用户,因此产品需要高度专业、逻辑和规范,用户在使用时可以按照一套现有的标准化流程进行操作,从而大大提高工作效率.

但是专业的操作流程往往会导致操作环节过长的问题；所以需要设计动态效果,好的动态效果可以引导用户熟悉流程,更快更简单的上手完成任务.

3.专业概念众多且复杂.

可视化大屏幕往往需要解决一些专业问题,同时传达的概念也多而复杂.如果只靠文字和数据来展示,往往会增加用户的认知成本；同时,大的可视屏幕在帮助业务人员理解和领导决策方面发挥着巨大的作用.怎样才能快速传达复杂的专业概念？

这时候“动态效果”就发挥了很大的作用——在大数据时代,文字和数据确实能让人感到疲惫,但是把它们变成图片甚至动画,可以通过概念物化,帮助用户更好的理解和记忆.

第二,做什么样的互动效果.

根据视觉大屏幕的这三个特点,具体来说,我们可以做出什么样的动态效果来使视觉大屏幕移动:

(以下案例均来自EasyV数据可视化)

1.信息整理.

信息排列可以解决信息量大的问题,在一个有效区域内显示尽可能多的信息,这就要求设计者对信息显示的布局进行优化.当同一种指标需要应用于不同场景时,可以使用交互按钮切换指标体,将不同的场景数据存储在同一位置.

比如属于售票率指标的公园门票和观光门票,可以通过交互按钮进行切换,在同一个区域块中可以存储两个不同数据的图表；它不仅解决了空间存储的问题,还使用户更好地理解数据主题,提高了用户的交互体验.

当你需要了解更详细的文字和数据信息时,可以通过互动效果来补充信息.

用户在使用时可以通过整体信息的概述来关注整体数据的变化,并不需要时刻了解各个地区的具体数据信息,但有时需要关注具体业务时,需要了解更详细的数据；比如用户咨询新疆地区,就可以从大屏幕上获取新疆地区的销售品种、新书品种、销售代码等信息.

数据可视化大屏幕要说的设计奥秘——交互效果.

区分全局信息和局部信息,通过动态设计优化信息排列,可以帮助用户获得更好的交互体验.使用数据可视化大屏幕时,领导决策者会更关注全局数据,具体业务负责人会更关注局部数据；例如,在上面的模板中,全局数据用地球视角表示,局部数据用指标视角表示.整个数据屏幕中的数据区分清晰,便于决策者和业务人员更好地使用和理解数据.

2.引导互动.

动态效果设计可以引导用户进行交互,让用户知道下一步该做什么,或者马上知道从自己的操作中得到什么.使用动态效果的交互引导,即使大屏幕的操作环节过长,也能让用户快速上手,减少过程的学习时间.

例如,当用户的鼠标滑过时,字段将突出显示或图表块将突出显示,提示用户单击此处,从而吸引用户单击查看下一级数据.

进入下一个场景后,会有相应的区域提示用户返回全局或查看其他场景；当出现逐层响应时,可以减少用户在每一步操作中的困惑时间,帮助用户快速上手操作流程,大大提高工作效率.

3.概念化.

用动态效果可视化抽象概念,会大大降低用户的学习成本,用动态效果讲好故事,无疑会给大规模的视觉场景添花.

比如通过动态效果把整个流程做成一个模型,用户可以直接清晰的找到某个环节的数据；如今,数据可视化不再仅仅是图表的堆叠.更多的设计师开始关注3D建模、动态交互等.,并将更逼真的场景带到大屏幕上,给用户一种真实感.

在数据可视化的大屏幕上,优秀的动态设计不仅是酷炫的场景和惊艳的动画,更注重用户的体验.

动画的制作归根结底是为了更好的服务用户,提供更好的互动体验.有时候,一个微小的动画设计就能极大地提升用户体验.