带你探索双十一光明顶监控大屏

19 2 月, 2019 发表于: 交互设计. 评论

Sponsor

1、项目背景

光明顶数据监控屏是每年在双十一、双十二前后，投屏在光明顶的作战指大屏，供在场的工作的同学协同办公，发现问题。双十一和双十二是每位技术人的大团建，在光明顶作战室的近20个BU的两百多名同学，其余分作战室10余个，这也是每年一次的超大规模人机协同。

回顾近三年的监控大屏设计，为了给技术同学营造更好的数据阅读体验，每一年我们都在思辨如何改进。但由于硬件上的限制，我们大多从配色，字号等细节方面优化，对于整体的布局以及综合体验难以有更大的变动。

今年，业务的量级和发展趋势已快速扩展到更大的维度，技术也迎来的更大的挑战，已有的监控模式已难以覆盖如今的业务体量。加之我们平日已经对于数据大盘已有一定的平台沉淀，光明顶大屏硬件也在一定程度上有所升级，环境的驱动，监控模式的突破性体验升级势在必行。

我们从头梳理大屏的使用场景，发现了它目前在于体验的维度上相当局限。我们从三个维度去衡量整个监控体验：

业务视角（即业务诉求）是否全面?体验旅程（即用户诉求）是否覆盖全面? 体验接触点是否能有所创新或扩展?

2、呈现一个全方位的业务视角

以往的光明顶的监控大屏是一个”巨大的Dashboard”，布局上没有明确的重心和视觉焦点。又由于硬件的限制，内容在布局上没有整体性，各为一体。今年我们首先根据硬件升级的程度，将大屏分为一主屏，两辅屏的方式，让布局上更加聚焦的同时保持业务视角的覆盖。

接下来，根据大屏的物理拼接方式来划分整个大屏的栅格，以及业务模块，这样能够尽量避免内容出现在拼接缝的位置，这种拼接缝在展示时一般会吃掉2px左右。

在视觉设计过程中，遵循这样一个由中间向两边扩散的层级关系进行。同时，选择主屏来诠释我们的业务层级关系，底层是基础设施的分布，为我们中间层为淘系及支付宝核心交易数据，这两大核心数据支撑整个GMV。

主屏会聚焦在当下场景所关注的核心数据，一般不做变化，辅屏根据投屏的临时需求随机更换。譬如，当压测时，“业务一”出现了问题，用户可以通过语音交互或Ipad在辅屏空间内，放大“业务一”的内容。

3、覆盖一个完整的体验旅程

从往年来看，对监控的需求实际上从双十一备战期间就已经开始了。双十一备战从双十一前很早就开始了，在这段时间持续保持强烈的对系统监控的需求。所以我们对整体监控的体验流程应该从从双十一备战期间就开始切入，而不仅仅是双十一当天使用。

今年我们让各个场景的视角更加聚焦，压测聚焦在系统稳定性、成功率上；双十一当天将视角转移到淘系交易相关内容上，双十一白天10点之后随着新零售业务加入双十一的大军，我们增加了新零售场景；在接近双十一尾声，我们增加更多回顾技术双十一历程等总结性的数据内容，以及拍照留念的内容。在整个体验流程中，营造更多的惊喜点。