2019双11技术大屏(上) 体验设计全流程

双十一大促不断再创新高的同时,这背后,也意味着“运维”、“监控”、“快速扩容”等能力的展现。双十一大屏是指挥官、战区负责人和一线小二的“指挥参谋”;今年共计产出「34」个大屏,其中彩蛋屏5个,”芝麻开门”15个。并通过创新式的“千人千面”能力,有效提升指挥官们的并行决策效率,通过数字化智能化的方式充分提升“人与人”和“人与机”之间的协作;为大促的指挥作战提供了快速、准确、清晰、全面的支撑。

 

01项目背景

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

 

需求沟通

在设计之初,我们和50多个相关业务方同学进行了沟通,收集了相关需求。明确今年的技术主题:一心一役,结合往年的大屏设计确定设计目标和核心优化点。

 

硬件调研

为了增加监控头指挥的互动体验,让指挥官有较好的全局指挥掌控感,我们前期和IT及小蜜的相关同学进行了硬件调研。集合作战指挥场景,选择合适的智能硬件。

 

02 光明顶监控大屏设计流程

一心一役  一张大图

设计之初我们再次回到用户,剖析用户需求。

明确了用户的需求,结合今年的技术主题一心一役,也就坚定的明确了今年的核心设计目标:用阿里双十一核心交易链路串联所有数据。

梳理链路我们并不是从0开始,往年的大屏方案已经是千锤百炼。我们将设计方案打印出来,用卡片分类法将其链路和优先级进行排序。以获得更精炼的内容,作为链路的基本要素。

同时这个交易链路的绘制需要所有核心链路业务同学,一同共建。我们在KO会议上邀请大家共同脑暴,提出各自业务间的关联之处。

最终,初步确定一条完整的交易闭环链路,从大家通俗易懂的用户侧交易流程出发,最终到舆情、GOC故障对业务的反哺、促进、反馈。其中两大部分的交易创建作为整个大屏的视觉中心点。

 

全面上云  云上天空之城

从三地五单元的核心基础设施,到监控驾驶舱。

今年是我们在云上的第一年双十一,结合此场景,我们的监控大屏即是大家在一个驾驶舱中遨游云上天空之城的概念。

 

“芝麻开门”  让大屏有”无线可能”

在绘制这张大图的同时,我们删减掉了一些信息层级较低的内容,这些内容在监控的过程中不需要长时间盯屏查看,但仍有保留的意义。我们选择用移动端与大屏端交互的方式,根据盯屏的需要随时唤起内容。

“芝麻开门” 专利能够:

(1)切换灵活, 用户可以按需求随意切换大屏展示内容;

(2)大量节省硬件资源:让大屏展示具有很强的拓展性,但又节省硬件资源的使用;

(3)设计上无缝衔接:通过打开和闭合的状态将默认内容和切换内容间无缝衔接合理。

由此方案,我们衍生了15个”芝麻开门”的大屏内容。

 

彩蛋

光明顶是核心作战指挥中心,GMV数据凝结了阿里技术人的付出和奋斗,它讲述技术人这一年来前进的脚步。我们定制了五个不同的彩蛋,在双十一技术巅峰时刻增加兴奋点。

“天空之城”彩蛋屏起到加深主题概念的作用。从驾驶舱到天空之城,此次的双十一大屏为整个指挥作战人员呈现了云上的概念,指挥人员在驾驶舱中俯瞰整个双十一链路过程。从人的角度出发,从导购到完成订单再到舆情反馈,是每个客户的“逛”“买”和“反馈”行为搭建出整个天空之城,每一环节的用户行为都呈现为清晰可见的数据,指挥人员通过大屏实时监控与决策。

天空之城 概念彩蛋 (设计实习生:李桐)

 

神龙架构 技术亮点彩蛋

 

03技术的答卷——媒体中心技术大屏

今年是核心系统100%上云的第一年,阿里这艘飞船更换了新的引擎,技术就是这个引擎的核心。

今年颠总亲临现场进行技术亮点演讲,考虑到现场体感,在演讲者上台时先触发播放开场。

感谢所有为大屏提供数据的同学,感谢集团监控sunfire团队、支付宝监控 团队、数据业务平台GMV数据系统对数据保障,感谢项目组所有成员的高效协作。

项目组所有PD、设计、前端同学从左至右:子奂、鹿梦、屿童、文狄、嗷嗷、戴恩、弋南、汉英、徐跃、业枫

 

原文地址:TXD技术体验设计(公众号)

作者:高超

 

0

站点公告

 

AI创作与绘画大师,国内版chatGPT在线版本免费使用哦

点击打开: https://ai.uiya.cn

   
显示验证码
没有账号?注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码