本文章已获阿里设计官方授权,内容来自阿里本地生活设计部。点击左上角蓝字「UX小学」,关注即可长期接收「 大厂设计经验方法内容推送。  
Alibaba Design 外部合作订阅号:UX小学


今天这篇文章方法,主要讲述如何站在业务视角,来对设计发起改版,文中的改版案例,为口碑产品中的核心店铺主页,这也是阿里本地生活服务中,非常重要且关键的一个页面。所以接下来,咱们就一步一步的进行分析讲解,口碑饿了么设计师,是如何一步一步推导改版方向的。


设计前的洞察:行业背景现状分析

Online To Offline ( O2O ) 概念已十分普及,它将线下的商机与互联网模式结合,也让互联网成为连接线下交易的平台。平台中「店」这个场景极为重要,就好比线下开了一家门店,用户逛店、消费等行为都是通过「店」这个场景来完成。相信你在日常生活中遇到过这样的场景: 

1、重要纪念日是,在 App 里挑选一家餐厅带对象(如果你有)去吃 
2、剪个头发挑选 tony 老师太困难,喜欢看看评价筛选一下 
3、马上周末了,想囤些商品在家里躺平刷剧度过 …… 


O2O 门店场景覆盖的维度非常广,像这样的线下消费场景还有很多。和电商门店最大的不同是,O2O 门店的很多服务体验都是电商类难以覆盖的线下高频或低频场景。而 O2O 线上门店的核心价值在于:解决用户的高低频、到店到家等多维场景诉求,帮助用户快速线上决策,引入线下到店消费。 

随着本地生活业务方向的变化,现有的线上门店已经不能满足业务现状,口碑设计师的第一件事情就是深度挖掘线上门店业务。

今天的干货分享也就此开始,建议小伙伴们先收藏好本文或转载至朋友圈,方便后续查看或者随时做笔记。



跳脱设计视角,了解业务找准大方向

我们先一起回顾一下本地生活 O2O 餐饮线上门店的发展史: 

2015:本地生活平台做支付、打优惠,提升用户及商户覆盖量:线上门店策略突出优惠支付功能,拓展用户阵地 


2016-2017:本地生活平台业务主打提升 GMV:线上门店策略丰富了门店内容、商品优惠,提升订单量 


2018:本地生活平台探索全新模式:线上门店强突出预点餐、点餐等服务功能,帮助用户建立新服务心智 



这一系列的发展的背后,我们可以发现线上门店的每一次的改版,都是在贴进本地生活的平台战略方向。

那么2019年的战略方向是什么?现有线上门店是否能够满足现有业务呢? 


战略洞察:灵活性提升

2019年口碑饿了么逐步融合,下图可以看出门店范围分为:基础场景、行业场景、多端场景。其中有一个很重要的策略是:需要借力集团多端的力量聚合流量。面对多端场景,线上门店的需要灵活度高的框架适应多端场景土壤。

*UX小学小贴士:点击下方图片可以查看高清大图



市场洞察:内容导购升级

市场洞察:内容导购升级通过多渠道市场报告也能够发现2019年的线下市场有一个比较大的变化,越来越多的新媒体内容营销开始兴起,各种主播/大V能够快速的引流并带货,传统信息决策模式逐步发展为内容导购模式。

*UX小学小贴士:点击下方图片可以查看高清大图



从业务数据下手,分析体验现状

从初步了解业务、市场、战略,我们能够聚焦一些方向,但依然要回归业务本身,通过数据看门店的现状。通过数据可以发现:除了不能承接战略方向和市场变革,现有线上门店也不能够很好满足业务现状,商品曝光点击流量占60%以上,但有100W以上不卖商品但门店使用这个框架,会十分局限。

所以,问题可以归纳为:一套框架局限,多行业场景覆盖弱。


*UX小学小贴士:点击下方图片可以查看高清大图




总结设计方向,多视角思考

前期通过战略分析、了解现有市场、挖掘业务现状、通过报告了解用户后,我们来总结一下方向改版的四个方向:

1、门店:现有结构拓展 
2、战略:灵活性提升 
3、市场:内容导购升级 
4、业务:行业覆盖增强 


设计师的视角维度不单单局限与业务本身,而是提升至全链路全局观的视角,洞察线上门店问题并聚焦可突破的改版方向。

这里我们用到 多维视角4步法:市场研究—公司战略—业务聚焦—设计策略。


*UX小学小贴士:点击下方图片可以查看高清大图


so,接下来,就是围绕上面的设计策略,来输出有效的设计方案啦。我们将从几个维度,来对方案进行完善,达到预期目标。


Step.01 – 框架升级
升级前:线上门店tab维度仅聚焦门店本身模块
升级后:tab分层,结合不同行业属性tab下聚合内容明确,框架维度升级,为门店业务提供更多土壤


可结合行业属性透出特色信息框架升级:梳理门店内60+模块,TAB下内容展现策略清晰,拓展门店TAB土壤,首页流量导流,分tab聚合餐饮行业外卖服务,营销大促活动,商家信息聚合,内容有聚合心智。


Step.02 – 内容丰富度提升
助用户进店直观决策。门店内容模版升级:设计多版内容承接方案,采用大图模式结合数据,UGC,融合直播,VR等内容,帮助用户进店直观决策。


*UX小学小贴士:点击下方图片可以查看高清大图


Step.03 – 行业场景细分
行业洞察:细分餐饮行业类目下细分场景,通用用户研究,问卷走查等方式研究用户心理。正餐用户诉求:菜品类型多,单价高,多人场景,重视环境菜品质量设计策略:强找店—弱商品—重内容轻快餐用户诉求:标品居多,单价低,追求效率设计策略:轻找店—强商品—轻内容


*UX小学小贴士:点击下方图片可以查看高清大图



Step.04 – 设计方案打磨
改版后:一套框架承接门店场景,框架不满足现有业务,内容丰富度低,行业覆盖弱改版后:框架维度升级,提升门店丰富度,多门店模版细分餐饮行业场景


结合市场融合内容,外卖等场景,丰富线上门店土壤。

视频效果展示↓↓




最后的简单小结

今天的方法就先到这,如果看不懂或者觉得难吸收的同学,可以反复多看几遍,多想想,不懂的也可以在文末评论区留言。

最后总结这次改版过程,当主推设计方案思考单一时,往往容易陷入推动被动的情景。但当我们可以站在多个角度全局思考时,方向就能够在梳理的过程逐渐清晰。作为业务类设计师,思考方式当不局限与设计和业务层面,多探索一步后,我们在助力业务的同时可以看到更远的方向。

PS:另外如果你喜欢阅读一些大厂的文章及方法,那么可以在长按下图扫码关注后,把本公众号添加为星标,这样就能持续接收到精华大厂文章推送啦。



长按关注 大厂/原创 干货公众号:UX小学

近三月超 10000+ 人订阅大厂干货资料


另外,阿里的很多设计师也在咱们的 UXD FANS 大厂微信交流群里。如果你想一起学习沟通玩耍,那么长按上方二维码,进入公众号后台回复『设计交流』就能免费加入我们6000人的大厂设计师社群啦!



—— 猜你还喜欢下面这些热门文章 ——

近一月累计超 10000+ 阅读
这十组作品,真的让我大开眼界,太好看了!!
腾讯设计发布《2019-2020 设计趋势 · 图形风格》
掌握这套网格排版技巧,版式不高级都难!!
如何正确设计「按钮」,看完这些公式你就知道!
京东APP – 2020 设计升级


喜欢就“ 分享 ” 赞 “” 在看 “ 三连呐~~~

本篇文章来源于微信公众号: UX小学