恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
小米商城门店闪送设计案例优化,如何结合场景做设计!
0.0°
2021-12-29 原创文章 经验/观点 举报 11180 3 34 2

教你结合场景做设计,成为团队中有价值的UI设计师!

前言 

产品设计的流程,通常先经过PM再是交互最后是UI设计,UI设计是最后一道工序,事实上也是最后一道防线。

优秀的UI设计师,设计前都会验证功能和体验的可行性,同时善于提出质疑和发现问题,并且还可以给出恰当的解决方案。

练就这样的能力其实并不难,本期分享的案例会告诉你,从哪些方面思考轻松搞定功能和体验的设计方案验证。


案例解析 

我们商城近期上线了新功能“门店闪送”,以后在商城买东西可以像叫外卖一样方便,买个手机一小时内就能送到家,简直不要太爽,这真是新零售的优势!

目前闪送功能应该说属于1.0版本,后面会继续优化,原因产品经理对功能的理解不全面,导致现在体验上存在一些小问题。

在商品规格选择页中新增闪送功能,闪送信息内容呈现分别是,时间信息和门店信息,问题就出在了内容呈现上。

产品设计定义一个功能通常从三个方面入手:目的、用户、场景。


目的:从产品平台的角度思考功能的目的,能体现怎样的价值,如果没有价值,也就没有设计的必要。

用户:思考用户的需求,分析用户使用功能的一系列行为和心理变化,想要达到怎样的结果等。

场景:分析使用场景,应对可能出现的任何状况,依据场景反推功能设计的匹配度。

结合这三个方面进行思考,商城配送、门店闪送、到店自提,三者功能点的不同,用户的需求和使用场景分别是怎样的。

门店闪送的功能特点是,匹配3公里内离配送地址最近的门店,在一个小时内给用户送达。

了解功能后,接着思考用户为什么要使用闪送服务?他的核心诉求是什么?用户选择闪送服务最关心哪些信息?

最后可以得出,用户选择闪送服务的核心诉求就是要尽快拿到商品,用户不会关心哪家门店发货,因为闪送都是1小时内送达。

单单从用户的需求上就能看出,现在线上版本闪送服务,不应该把门店信息优先展示。

用户不关心门店信息,那应该放什么信息?这就需要从场景思考,场景思考对大多数产品设计者都是难点。

因为很多人习惯从用户表面需求解决问题,这样在上线后,往往会因为一些特殊场景的出现导致体验不佳。


如何进行场景思考


进行场景思考,可以从两个方面出发,一是结合功能思考关键点的交互过程。

比如门店闪送的场景是商品从a点到b点的过程,整个过程都有哪些交互行为和触点。

二是思考特殊场景的预案,如用户给朋友买商品使用闪送服务,这个场景就需要有更换地址的功能。

再比如用户再次使用闪送服务门店缺货,这时还要给用户做好正确引导等。

我们把三个配送方式的场景依次分析出来,然后才可以进行功能信息的设计。

总结来说,商城配送和门店闪送是货找人,而到店自取是人找货,这是在场景上的本质区别。

货找人的用户关注商品送到哪,所以用户关注收货地址;人找货用户关注去哪找商品,所以用户关注门店在哪。

这样一分析就能得出,商城配送和门店闪送的场景,应该优先展示用户的收获地址。


产品经理的观点


当我问到产品经理闪送服务为什么要给用户呈现门店信息,他给我的答案是这样的。

产品经理:因为门店闪送和到店自取业务上都是关于门店的,所以闪送应该和到店自取一样呈现门店信息。

这其实是一种技术逻辑,也就是技术思维,我以前做B端产品常常会遇到这样的问题,把产品的后台逻辑给用户去用,导致用户学习成本很高。

体验设计师都知道,后台逻辑与前端逻辑的关系,后台是支持前端逻辑的实现,并非后台主导前端。

后台逻辑往往是10步支撑前端的1步,因为前端是给用户用的,用户使用越简单越好,用同样的道理去思考闪送服务就能明白了。


用文案传递价值

用户文案传递价值,有时候能大大助力业务,这是体验设计师的高阶技能。

上图中商品配送的文案这样的写的 “明天21点前付款,预计12月29日送达”,用普通用户的角度仔细品一下这句话。

用户当前时间是晚上21点,文案表达明天21点前付款,送达时间是一样的,也就是说用户在这24小时内付款,都不会影响收货时间。

给了用户这么大的时间空间,也就是给足了用户思考时间,拖延下单的可能,最终导致的就是订单流失。

这么大的时间空间,还会让用户认为平台的物流速度不行,感觉像两天发一次货,简直太慢了!!

修改后的文案,一定是把时间跨度缩小,当然这必须要与业务方进行沟通探讨,符合业务逻辑。


修改后文案:

“11点前下单,预计12月29日送达” (上午下单)

“18点前下单,预计12月29日送达” (下午下单)


结合用户当前时间,匹配物流业务逻辑,把下单时间提示控制在当天,物流若上午走一次,下午走一次,就可以分别引导展示,物流若一天一次就提示当天最晚时间。


送达时间定规则,发挥更大价值


在送达时间上我们还可以继续优化,用一种有策略性的表述,再结合视觉设计进行更有价值的信息传递。

同城当天能到,临近省市隔天到,再远点就是两天以上到,不同的时间点,我们应该更清晰的传递给用户。

目前线上的逻辑没有策略性,比如今天28日下单,提示29日到达,这样就没有清晰告诉用户今天下单明天到。


我们来定一个送达时间表述规则:

“预计 【今天】 24:00前送达” (当天到,高亮“今天”)

“预计【明天】24:00前送达” (第二天到,高亮“明天”)

“预计【周四】12月30日送达” (两天以上一周内到)


打破用户惯性认知

三种配送方式,商城配送和门店闪送主标题都是时间维度,到店自取是门店信息,这样的就应该区别一下设计表现形式。

对于门店来说需要做差异化设计,可以在门店信息前加个门店图标,或者放一个“附近”标签,与前两者不同,这样用户视觉感知上体验会更好。

另外,距离标识信息对用户来说是个重点关注信息,所以最好把“距您2.19km”距离标签另起一行位置固定展示,这样信息层级表现也会更好。

最后优化后的设计方案:


最后 


最后总结一下,拿到原型图或设计方案后,UI设计师要有意识的先从平台目的、用户需求、场景分析进行一番验证。

这不光是在为前面角色避免问题,同时也是为自己接下来更好的做UI设计。

最为重要的是UI设计师需要有这样的能力,这样UI设计角色才能在整个业务线中发挥更大的价值,收获团队的认可和信赖。


文章对你有收获,帮忙点个赞

微信公众号:互联网设计帮

更新:2021-12-29

收藏

3人已收藏

  • 40

    作品

  • 676

    粉丝

  • 0

    关注

  • 小米商城APP首页全新升级
  • 小米商城 春节首页动画设计
  • 一文搞定UI设计间距那点事!【进阶篇】
  • 【案例解析】数据可视化设计的底层逻辑!图表如何扩展设计!

    猜你喜欢

      2021-12-29 原创文章 经验/观点 举报 11180 3 34 2

      小米商城门店闪送设计案例优化,如何结合场景做设计!

      0.0°

      你确定要举报小米商城门店闪送设计案例优化,如何结合场景做设计!

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2021年12月29日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      34
      3
      2

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录