bi设计分析

百度统计搞了二年多变成现在这样,的确有一些好的东西我们可以借鉴的,

在这里和大家分享一下针对百度统计设计的分析和一些思考

 

化繁为简,突出重点

根据重要程度,控制整体信息对比及优先级

 

趋势图:将XY轴以外的线条、文字视觉弱化,以让趋势曲线更为清晰,明显降低干扰。

 

概况页表格:去掉表格竖线尽量降低干扰元素,凸显“今日”数据,便于及时关注最新数据,同时把握数据变化趋势。

今日为最关注的数据。

 

 

数据可视化:繁杂数据,清晰具体

可视化主要借助图形化手段,清晰有效具体的传达与沟通信息

 

如新老访问比例设计:

以人物色彩区分新/老访客,同时放大重要的比例数据,相对弱化显示浏览量、来源TOP5等细节数据。

 

 

对齐原则:整齐划一,视觉清晰

同一个或者更多的其他组成部分成一直线排列,有左对齐、右对齐、中间对齐。内容按规律对齐,可在视觉上形成虚拟边缘,易于浏览。尤其在大量数据情况下,数据间与列头的对齐便于快速查看与对比。

 

全局表格结构:依据各类数据的阅读属性来设定其对齐方式。例如文本类固定为左对齐,数字类固定为右对齐。

 

 

一致性原则:形式趋同,易学适用 

系统内重要标签:样式一致降低认知成本。

 

帮助体系的统一:

新的帮助体系用绿色给人以平和、希望之感,易于辨识与浏览。在页面顶部的报告标题处做醒目提示,位置固定。去掉了过去较多的“帮助问号”,将内容集中显示。

 

首推性能,不必过于追求特效

特效应为锦上添花的东西,的确可以让用户有更好的体验,但过于追求特效甚至用特效来堆砌交互,带来的是负面的结果

 

百度统计采用的是flash来展示图表的方案,相比较我们的JS,既要兼顾效果还要兼顾兼容性,同时性能上和效果上我们并不占优势。而即使使用了flash的百度在图表展示方面也没有使用大量的特效,估计是考虑到了浏览器和性能的原因。

 

方案1:抛弃IE6/IE7老版本浏览器

方案2:去掉累赘的图表特效等

 

抛砖引玉,希望能够帮助报表能够再提升一个层次,大家一起努力

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值