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

　　疫情当前，购买口罩成为社会公众日常生活的新需求，本文以微信小程序为载体，设计药店口罩预约最小可行性产品。
　　一、产品定位
　　用于药店为广大消费者提供便捷的口罩、消毒液等防疫产品线上预约服务，完成预约的用户在防疫产品到货后可优先按照预约顺序购买。
　　二、用户故事
　　1. 最小MVP：线上预约
　　消费者进入小程序，填写个人基本信息和预约信息，提交后生成预约顺序号，可查看预约记录和前方排队购买人数，预约者按照顺序及时来店购买。
　　2. 后续完善（按照优先级排序）
　　预约说明。用于说明预约购买的相关要点、规则等，简练、富有逻辑，说明信息可置于购买前的预约须知。
　　购买分享。将防疫产品的购买结果对外分享，让更多的人了解和使用药店的预约服务。
　　支付信息推送。对于在线上或线下完成的支付结果，通过小程序进行推送。
　　线上支付。防疫产品到货后，向个人开放线上付款功能，个人经办身份验证后可使用微信支付，对于医保参保职工支持医保个人账户支付。
　　预约信息修改。修改已预约的产品信息，主要指产品数量，再次提交需要确认。
　　物流配送。个人支付完成后，可选择物流配送服务，由于配送距离较短，可借助外卖物流体系，也可以是药店售货人员。
　　公众号关联小程序。建立公众号与小程序之间的关联，实现小程序的个性化推送需求（如支付通知、发货通知等）在公众号中实现。
　　公众号嵌入小程序。在公众号中扩展功能模块，嵌入公众号入口。
　　附近药店。通过地图展示附近的药店，可筛选有防疫产品的药店，可查看药店的详细信息，按照药店为入口进行预约。
　　服务评价。对已完成购买的产品进行星级评价。
　　三、业务流程
　　四、主要功能
　　获取微信登录授权。调用微信登录授权服务，提供用户名、手机号授权，是预约的前提条件。
　　防疫商品展示。展示可以线上预约购买的防疫商品信息。
　　预约信息填报。填报预约购买信息，包括个人基本信息和预约商保信息，支持填报信息自动校验。
　　预约编号生成。提交预约信息，生成预约编号，建立编号生成规则。
　　预约记录查询。查询已经预约防疫产品信息。
　　再次预约。第二次及之后的预约需自动填写上次使用的个人基本信息。
　　预约取消。取消已产生的预约记录。
　　五、信息结构
　　商品信息：商品名称、类别（级别）、价格
　　个人信息：姓名、身份证号、电话、地址
　　预约信息：预约人、预约商品、数量、总价、预约序号、预约状态（预约成功、已购买、已取消）
　　六、页面与交互
　　1. 首页
　　2. 填写预约信息
　　（1）标签内置输入框；
　　（2）文本框触发信息输入时，提示文字依然显示，输入文字后，提示文字消失，清楚输入内容后，提示文字重新显示；
　　（3） 手机号自动借助微信授权自动填写，如输入手机号，则触发输入法数字键盘；
　　（4） 如若填写手机号等数字文本框时，直接出发输入法数字键盘；
　　（5） 所在区域和就近购买门店输入时从底部弹出页面；
　　（6） 产品数据量，设置购买上线或固定值；
　　（7） 下次预约自动填写基本信息。
　　（1）弹出框默认高度占据页面总高度的0.618，如选择信息所占页面低于弹出框，自动适应弹出框高度，如高于弹出框则支持弹出页面纵向滑动。
　　（2）街道信息选择后，弹出框自动消失，自动生成地址信息。
　　（1）根据填写的位置信息（到街道级）自动筛选街道内的药店（对于一家连锁药店一般为3家左右）
　　（2）弹出框部署和交互同上。
　　3. 生成预约结果
　　点击查看详细，进度预约详细信息页面。
　　4. 预约记录查询
　　（1） 继续预约，开启对应产品的预约流程；
　　（2） 取消预约，在页面中间弹出对话框，让用户确认；
　　（3） 点击该产品的记录卡片，进入预约详情界面。
　　七、实现分析
　　需要对预约规则进行梳理，包括预约时间、预约条件、预约限制等；
　　产品的重点在于填写信息便捷性，尽量做到能选的不填、能自动生成的不选，适当选用地址列表、加减器等控件；
　　建议对门店信息进行地区分类，划分至街道一级，这样用户附近的自提门店选择数量将大大减少（一般为1-3个），虽不是技术活，但带来的体验确很好。