互联网和产品 · 2020年02月14号 0

药店口罩预约小程序的MVP设计

一、产品定位

用于药店为广大消费者提供便捷的口罩、消毒液等防疫产品线上预约服务,完成预约的用户在防疫产品到货后可优先按照预约顺序购买。

二、用户故事

1. 最小MVP:线上预约

消费者进入小程序,填写个人基本信息和预约信息,提交后生成预约顺序号,可查看预约记录和前方排队购买人数,预约者按照顺序及时来店购买。

2. 后续完善(按照优先级排序)

  1. 预约说明。用于说明预约购买的相关要点、规则等,简练、富有逻辑,说明信息可置于购买前的预约须知。
  2. 购买分享。将防疫产品的购买结果对外分享,让更多的人了解和使用药店的预约服务。
  3. 支付信息推送。对于在线上或线下完成的支付结果,通过小程序进行推送。
  4. 线上支付。防疫产品到货后,向个人开放线上付款功能,个人经办身份验证后可使用微信支付,对于医保参保职工支持医保个人账户支付。
  5. 预约信息修改。修改已预约的产品信息,主要指产品数量,再次提交需要确认。
  6. 物流配送。个人支付完成后,可选择物流配送服务,由于配送距离较短,可借助外卖物流体系,也可以是药店售货人员。
  7. 公众号关联小程序。建立公众号与小程序之间的关联,实现小程序的个性化推送需求(如支付通知、发货通知等)在公众号中实现。
  8. 公众号嵌入小程序。在公众号中扩展功能模块,嵌入公众号入口。
  9. 附近药店。通过地图展示附近的药店,可筛选有防疫产品的药店,可查看药店的详细信息,按照药店为入口进行预约。
  10. 服务评价。对已完成购买的产品进行星级评价。

三、业务流程

药店口罩预约小程序的MVP设计

四、主要功能

  1. 获取微信登录授权。调用微信登录授权服务,提供用户名、手机号授权,是预约的前提条件。
  2. 防疫商品展示。展示可以线上预约购买的防疫商品信息。
  3. 预约信息填报。填报预约购买信息,包括个人基本信息和预约商保信息,支持填报信息自动校验。
  4. 预约编号生成。提交预约信息,生成预约编号,建立编号生成规则。
  5. 预约记录查询。查询已经预约防疫产品信息。
  6. 再次预约。第二次及之后的预约需自动填写上次使用的个人基本信息。
  7. 预约取消。取消已产生的预约记录。

五、信息结构

  1. 商品信息:商品名称、类别(级别)、价格
  2. 个人信息:姓名、身份证号、电话、地址
  3. 预约信息:预约人、预约商品、数量、总价、预约序号、预约状态(预约成功、已购买、已取消)

六、页面与交互

1. 首页

药店口罩预约小程序的MVP设计

2. 填写预约信息

药店口罩预约小程序的MVP设计

(1)标签内置输入框;

(2)文本框触发信息输入时,提示文字依然显示,输入文字后,提示文字消失,清楚输入内容后,提示文字重新显示;

(3) 手机号自动借助微信授权自动填写,如输入手机号,则触发输入法数字键盘;

(4) 如若填写手机号等数字文本框时,直接出发输入法数字键盘;

(5) 所在区域和就近购买门店输入时从底部弹出页面;

(6) 产品数据量,设置购买上线或固定值;

(7) 下次预约自动填写基本信息。

药店口罩预约小程序的MVP设计

(1)弹出框默认高度占据页面总高度的0.618,如选择信息所占页面低于弹出框,自动适应弹出框高度,如高于弹出框则支持弹出页面纵向滑动。

(2)街道信息选择后,弹出框自动消失,自动生成地址信息。

药店口罩预约小程序的MVP设计

(1)根据填写的位置信息(到街道级)自动筛选街道内的药店(对于一家连锁药店一般为3家左右)

(2)弹出框部署和交互同上。

3. 生成预约结果

药店口罩预约小程序的MVP设计

点击查看详细,进度预约详细信息页面。

4. 预约记录查询

药店口罩预约小程序的MVP设计

(1) 继续预约,开启对应产品的预约流程;

(2) 取消预约,在页面中间弹出对话框,让用户确认;

(3) 点击该产品的记录卡片,进入预约详情界面。

药店口罩预约小程序的MVP设计

七、实现分析

  1. 需要对预约规则进行梳理,包括预约时间、预约条件、预约限制等;
  2. 产品的重点在于填写信息便捷性,尽量做到能选的不填、能自动生成的不选,适当选用地址列表、加减器等控件;
  3. 建议对门店信息进行地区分类,划分至街道一级,这样用户附近的自提门店选择数量将大大减少(一般为1-3个),虽不是技术活,但带来的体验确很好。