几何

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

 

01项目背景

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

 

需求沟通

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

 

硬件调研

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

 

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

一心一役  一张大图

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

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

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

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

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

 

全面上云  云上天空之城

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

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

 

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

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

“芝麻开门” 专利能够:

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

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

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

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

 

彩蛋

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

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

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

 

神龙架构 技术亮点彩蛋

 

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

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

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

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

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

 

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

作者:高超

转载请注明:学UI网 » 2019双11技术大屏(上) 体验设计全流程

登录收藏
 
你可能喜欢的:
设计沉思录|美事升级,不止于改版设计沉思录|美事升级,不止于改版
漫画内容设计之专题三板斧漫画内容设计之专题三板斧
案例:如何优雅地用卡片分类法,搞定烦人的用户需求???案例:如何优雅地用卡片分类法,搞定烦人的用户需求???
造物节品牌设计全过程造物节品牌设计全过程
设计师正在参与的战争——争抢用户注意力设计师正在参与的战争——争抢用户注意力
数据可视化设计经验分享,城市GDP大屏案例【进阶篇】数据可视化设计经验分享,城市GDP大屏案例【进阶篇】
2019双11技术大屏(下) 光明顶监控大屏设计赋能提效2019双11技术大屏(下) 光明顶监控大屏设计赋能提效
设计沉思录|这一次,我们尝试设计了仪式感设计沉思录|这一次,我们尝试设计了仪式感
设计沉思录|设计师应该了解的响应式知识设计沉思录|设计师应该了解的响应式知识
减少认知过载获得更好的用户体验减少认知过载获得更好的用户体验