大数据可视化大屏设计经验及案例分享

  今天要跟大家分享我一年多设计大数据可视化大屏的经验和观点,下面从UI设计、交互设计、动效设计三个方面来分享。

   UI设计 

     设计大屏一样要谨记要以展示数据为核心,在任何炫酷屌炸天表现都要建立在不影响数据的有效展示上!

     拼接大屏:大屏几乎都是拼接屏,UI设计时不用考虑屏幕缝隙影响内容的呈现,内容不会丢失,但有可能影响视觉的表现,例如一个很大的人物图像被缝隙正中“劈成”两半,或者“劈中”了眼睛,看起来很不舒服,所以设计时可以建立缝隙位置的参考线避免类似情况发生。

      视觉设计:首先了解需求,整合数据,分析出主要数据次要数据、总量数据细分数据、各数据的维度等等,通过了解这些可以先设计出一个布局模版,也可以在纸上画出来,布局可以在设计过程中随时调整。

    交互设计 

      我把大数据可视化大屏分为两种,一种“纯展示型”另一种“展示+功能型”,具体怎么区分!

      纯展示型几乎没有交互,后台录入数据,在大屏上展示就行了。

      展示+功能型,例如实时监控数据、采集数据、数据对比功能、云计算数据、分析与预警等等。

      这里就着重说一下带有功能型的大屏产品的结构层(信息架构)。一切功能结构都要围绕核心数据主页面来架构,因为大屏展示的核心就是将一些业务的关键指标数据以数据可视化的方式展示出来。

      为了让用户感知到一直停留在主页面上,交互上跳转页面能用“关闭”按钮就不用“返回”按钮!

     动效设计

       什么是过度的动效设计?这个度又该怎么把握?

        看下图动效设计过度的一个案例,当你试着去看图表的内容,你的眼球一次一次的被闪动的边框抓走,这就是过度的动效设计!

  大数据可视化大屏设计经验及案例分享

        把握动效设计这个度其实并不难,只要看的舒服不影响数据清晰展示就可以,有数据展示的页面最好动的地方不易过多,如果要多,几个动画就得有节奏的变化,例如一个动画表现的视觉强,另一个就表现稍弱化,有强有弱、有主有次节奏才会舒服,同时动效能结合数据的变化而变化最好,这样就不容易看数据内容被动画抓走眼球。

      更多案例演示:http://yuanbaoshuju.com

大数据可视化大屏设计经验及案例分享

大数据可视化大屏设计经验及案例分享