货柜|产品设计实录-基于购物场景来设计订单基础流程

编辑导语:流量时代,如今不少线下商家都会选择使用门店小程序作为用户引流的方式之一。本篇文章中,作者通过自动售货机线上购物小程序项目,与大家分享小程序端的订单模块设计心得。
货柜|产品设计实录-基于购物场景来设计订单基础流程
文章插图
前段时间笔者接手了一个自动售货机线上购物小程序的项目,花了几天时间设计小程序端的订单模块,积累了一点设计心得。
今天我结合自身经验,基于用户场景的带入来给大家分享自动售货机线上订单交易模块的设计规则,也记录一下这次项目经历。主要有两个部分:

  1. 基于用户购物场景的订单交易需求
  2. 从订单状态开始构建整体订单逻辑框架
一、基于用户场景的订单交易需求在设计订单模块之前,我们首先需要了解用户的购物场景。我们的支付宝小程序同时接入了自动售货机和智能货柜。
和电商的订单交易场景最小闭环流程不同(选购商品——直接购买/加入购物车 ——去购买——填写地址等信息——支付——等待收货),自动售货机线上购买流程如下:
选购商品——加入购物车(自动售货机没有这一环节)——支付——取货 。
梳理整个购买流程,可能会出现以下场景:
  • 购买前:我要买楼下售货机的某个饮料,在小程序上了买等会下去吃饭的时候取;
  • 支付成功后:唉,我在小程序买了之后,去哪儿怎么取货啊?
  • 啊,我忘记取货了,我付了钱怎么办?
  • 取货时:怎么回事,饮料卡在里面出不来了,我已经给钱了怎么办?
  • 取货后:这瓶饮料好像味道不太对啊,我要退款!
基于上述场景我们可以归纳产品要体现出的场景包括:
1. 购买前:用户能够实现连贯下单支付操作这里有几个问题值得注意:
(1)购买机器点位问题
虽然能够在购买页手动选择要购买的机器点位,但是为了让用户的操作成本降到最低,满足用户“懒”的心里,我们需要能够尽可能准确判断用户最可能去取货的机器的点位,用户可以不用手动选择自己想要购买的机器。这里的购买首页点位显示的一期逻辑是:
  • 对于有过订单记录的用户(定义为老用户),购买首页展示用户上一次购买的机器点位;
  • 对于没有过订单记录的用户(定义为新用户),购买首页展示离用户地理位置最近的机器点位。
(2)是否能够添加商品到购物车?
自动售货机的交易特点是用户单次购买仅能购买一件商品,而智能货柜的交易数据显示,用户单次购买往往是一次性购买多件商品。因此,在智能货柜线上购买过程中,需要有加入购物车这一功能,以方便用户一次性购买多件商品。
2. 购买后:用户能够准确便捷地取货产品页面设计时,需要结合用户购买流程明确地指导用户取货地址和取货方式,避免用户因不知如何取货而导致的客诉。
货柜|产品设计实录-基于购物场景来设计订单基础流程
文章插图
图1:支付成功后引导取货-原型
相应地,待取货订单展示中需要明确标识取货机器、取货方式、取货时间等信息。
货柜|产品设计实录-基于购物场景来设计订单基础流程
文章插图
图2:待取货订单强调取货信息-原型
3. 遇到异常情况时,产品设计能够快速帮助用户解决问题每一笔订单都可能出现异常情况,比如用户去取货的时候发现机器卡货了,或者取货之后发现商品过期了等等,一些出货失败的情况系统会自动退款,但一些系统无法识别是否出货失败的情况,需要用户手动申请退款。
接下来我们就开始从订单交易框架搭建开始详细讲下如何设计自动售货机线上购买的交易流程。

推荐阅读