您现在的位置: 微信小程序 > 微信小程序开发 > 教程 >

微信小程序-游乐园自助充值核销系统产品设计

来源:微信小程序 编辑:Yiyongtong.com 发布时间:2018-04-16 11:52热度:

				
作者:Danny,来自原文地址
2017.03-2017.04 产品设计|原型设计|UI设计

为游客而做的设计

传统的门票是以IC卡和纸质手环方式作为入场凭证,相应的也带来如下问题:实体卡上文字说明存在违反消法的内容;实体卡易磨损,影响公司形象;纸质的日通票实际使用情况,统计实效性差;用户需要到售票处现金购票及退还余额,节假日高峰期易排队,体验不好。基于以上原因,我们需要设计一款以微信为载体的自主购票核销系统。

在初次与客户见面的时候,对方抛出了他们的问题。经过详细了解对方的诉求之后,我们走访实地体验了游乐场的运营,并和一些游客与管理人员进行相关的访谈。

游客要做的事

在和客户接触之后,我们内部开始着手进行用户行为与需求的分析,最终我们确定用户在线上完成的操作主要是两种:

  1. 充值游戏币行为
  2. 核销行为

1.1 目标用户与行为分析

1.2 充值流程图

1.3 核销流程

客户的需求

除了基本的充值与核销的场景之外,客户还要求在游客在使用的过程中绑定他们的会员卡,也就是领取会员卡到微信卡包。

为了不影响用户在充值与核销过程的体验,我们决定把领卡的入口放在支付过程中,作为一种可选择的方式,通过领卡用户可以在充值的时候享受一定的优惠。

线下转换到线上所遇到的问题

从线下的模式转换到线上模式,在核销的过程我们设计了多个方案:

  1. 用户在核销端过程中,出示二维码,由工作人员用智能POS机扫描,确认核销。
  2. 用户在核销端过程中,出示二维码,自动通过轧机(类似地铁),确认核销。
  3. 用户在核销端过程中,扫描游戏二维码,支付成功后出示购买详情,由工作人员人工进行核销,确认核销。

在充分考虑场景和客户的要求之后,我们选择了第三个方案。

初步的解决方案

在我们打通了整个流程之后,我们开始设计信息架构与原型。

1.4 原型草图

下图是用墨刀绘制的整个系统的原型图。

1.5 原型设计 链接

突发的需求变更

在完成初步的方案之后我们与客户进行了第二次沟通,并且确定了设计方案。在开始UI设计的时候,需求发生了变更,客户放弃了公众号平台和H5页面,改用微信小程序来做。在得知平台变化后,我和相关的开发人员进行了紧急的技术调研与设计改版。

最终的设计结果