今天跟大家唠唠我刚搞完的一个大数据页面设计,这活儿可折腾了我两周。当时老板把后台数据报表往我桌上一拍,要求三天内给运营组做出能实时看数据的界面,急得我差点把键盘吃了。
从零开始踩坑
打开系统时血压就上来了。七八个数据模块像垃圾场废铁堆在屏幕左上角,红色绿色黄色警报闪成迪厅灯球。用户想找本月销售额,得蹲在显示器前玩五分钟"大家来找茬"。这玩意儿不改,运营同事怕是会提着扳手来找我喝茶。
三大救命招数实战
第一招:数据分堆儿
打印了三米长的数据字段清单铺在地上,扛着记号笔蹲着搞分类。搞了半天总算分出四堆:
- 每天要盯的核心指标:销售额、用户增长这种,标上红星星
- 每周看看就行的:商品排行、地域分布这些
- 出事了才查的:服务器状态、错误日志
- 纯凑数的过气数据:去年促销数据这种鸡肋
第二招:排主次座位
把显示器用便利贴分成田字格,最贵的超宽屏被我贴得像小学生手抄报:
- 左上角黄金位留给销售额,放大到字号32加粗
- 右侧塞进用户增长曲线图,做成会动的折线
- 底部划条窄道放服务器状态,平常就指甲盖大小
- 鸡肋数据打包塞进"更多"按钮里
第三招:抄成熟模板
连夜扒了二十多个银行系统后台截图,发现都爱用蓝配灰。跟着搞了现成的组件包: 周四下班前给老板演示原型,结果刚点开页面就翻车。鼠标悬停在地区分布图时,广东的数值直接弹出小数点后六位,把旁边的海南数据顶飞了。紧急把数据精密度锁到两位数,又给弹出框加了最大宽度限制才压住。 现在运营同事打开页面: 前天开月会,领导居然夸这界面看得懂。早知道大数据设计就是分堆儿、排座、抄作业三件套,上个月就不该熬那五个通宵!
实战翻车现场
最终成品长这样





