当BI碰撞美学

 

只愿你在晓看暮色时转发,夜听风雨时点赞。...



引言

什么是数据可视化?

数据可视化就是借助图形清晰有效地传达信息。

但这并不意味着,数据可视化为实现其功能用途而变得枯燥乏味,或是为了绚丽多彩而变得极端复杂。

现在就告诉大家当BI大数据碰撞美学,可以碰撞出什么鬼?

步骤

一言以蔽之:

可(piao)以(liang)召(you)唤(qu)神(jian)龙(jie)!

不出神多半是姿正确姿如下


第一步 分析 万里航程靠舵手

首先对整体项目进行需求分析,按客户需求和数据设计相对应的原型,然后提供给设计部的同学,指明设计方向。

第二步 设计(注入灵魂,画龙点睛)

接下来,设计部的同学需要从用户体验和设计美学的角度,充分理解原型,嵌入美学元素,从而得到直观易懂、漂亮有趣的Dashboard。

设计步骤如下:

  • 客户需求(了解客户)
确定主体的配色(客户官网、公司文化)、风格(客户所在的行业)和icon。

  •  排版(页面重置)
根据原型对数据图表的拆分和优化,划分不同数据模块,使每块都能清晰明确地展现。

  • 设计(构思编辑)
将繁杂多样的数据加入对应模块,达到图与数据的完美结合。通常要做多个版本供用户选择,之后就是调整优化的无限死循环模式。

当接到一遍一遍的修改意见,设计部的同学觉得自己做了一个假的设计,然后砰~砰~砰~


这都是为了让设计服务于数据,让客户看到数据化繁为简的展示,即通过视觉与动效的结合,让数据不光会说话还会唱歌跳舞。

 

第三步 完成

不断地修改美化,得到最精致的版本,再由设计部和数据部共同完成最后的测试。



以上是召唤神龙的工作流程,人靠衣装马靠鞍,一套优秀的数据可视化设计方案,往往差的就是美学。

规范

  •  iPhone (以 6 / 6p 为例)


  • ipad - 界面尺寸


  • ipad - 图标尺寸


  • 界面设计版式 - 导航设计


  • 版面设计 ( 以iPad 界面为例 )
① 借鉴网页设计中栅格化模式以10X10像素方块平铺全屏,形成网格



②借助网格,迅速地布局页面



③根据实际情况,响应超多布局方法



不断调整页面布局找到合适的方案后,按照优先级排放对应数据,再根据重点数据修改其他数据,相互呼应。欣赏

某快消移动端(iPhone)BI 案例

  • 内页( 初版 )




不断地调整优化……
(此处省略一万字)


直接看最终版!!!!

  • 业绩达成


  • 专项分析 附近门店 我的指标


视觉设计配合数据可视化,注重用户体验。

让客户对摩柏产生好感:

晓看天色暮看云,行也思君,坐也思君;

夜阑卧听风吹雨,铁马是你,冰河是你
文章读完,要么转发,要么点赞!


    关注 摩柏数据吧


微信扫一扫关注公众号

0 个评论

要回复文章请先登录注册