百度统计搞了二年多变成现在这样,的确有一些好的东西我们可以借鉴的,
在这里和大家分享一下针对百度统计设计的分析和一些思考
化繁为简,突出重点
根据重要程度,控制整体信息对比及优先级
趋势图:将XY轴以外的线条、文字视觉弱化,以让趋势曲线更为清晰,明显降低干扰。
概况页表格:去掉表格竖线尽量降低干扰元素,凸显“今日”数据,便于及时关注最新数据,同时把握数据变化趋势。
今日为最关注的数据。
数据可视化:繁杂数据,清晰具体
可视化主要借助图形化手段,清晰有效具体的传达与沟通信息
如新老访问比例设计:
以人物色彩区分新/老访客,同时放大重要的比例数据,相对弱化显示浏览量、来源TOP5等细节数据。
对齐原则:整齐划一,视觉清晰
同一个或者更多的其他组成部分成一直线排列,有左对齐、右对齐、中间对齐。内容按规律对齐,可在视觉上形成虚拟边缘,易于浏览。尤其在大量数据情况下,数据间与列头的对齐便于快速查看与对比。
全局表格结构:依据各类数据的阅读属性来设定其对齐方式。例如文本类固定为左对齐,数字类固定为右对齐。
一致性原则:形式趋同,易学适用
系统内重要标签:样式一致降低认知成本。
帮助体系的统一:
新的帮助体系用绿色给人以平和、希望之感,易于辨识与浏览。在页面顶部的报告标题处做醒目提示,位置固定。去掉了过去较多的“帮助问号”,将内容集中显示。
首推性能,不必过于追求特效
特效应为锦上添花的东西,的确可以让用户有更好的体验,但过于追求特效甚至用特效来堆砌交互,带来的是负面的结果
百度统计采用的是flash来展示图表的方案,相比较我们的JS,既要兼顾效果还要兼顾兼容性,同时性能上和效果上我们并不占优势。而即使使用了flash的百度在图表展示方面也没有使用大量的特效,估计是考虑到了浏览器和性能的原因。
方案1:抛弃IE6/IE7老版本浏览器
方案2:去掉累赘的图表特效等
抛砖引玉,希望能够帮助报表能够再提升一个层次,大家一起努力