2017.03-2017.04 產品設計|原型設計|UI設計

為游客而做的設計

傳統的門票是以IC卡和紙質手環(huán)方式作為入場憑證，相應的也帶來如下問題：實體卡上文字說明存在違反消法的內容；實體卡易磨損，影響公司形象；紙質的日通票實際使用情況，統計實效性差；用戶需要到售票處現金購票及退還余額，節(jié)假日高峰期易排隊，體驗不好?；谝陨显?，我們需要設計一款以微信為載體的自主購票核銷系統。

在初次與客戶見面的時候，對方拋出了他們的問題。經過詳細了解對方的訴求之后，我們走訪實地體驗了游樂場的運營，并和一些游客與管理人員進行相關的訪談。

游客要做的事

在和客戶接觸之后，我們內部開始著手進行用戶行為與需求的分析，最終我們確定用戶在線上完成的操作主要是兩種：

1. 充值游戲幣行為
2. 核銷行為

1.1 目標用戶與行為分析

1.2 充值流程圖

1.3 核銷流程

客戶的需求

除了基本的充值與核銷的場景之外，客戶還要求在游客在使用的過程中綁定他們的會員卡，也就是領取會員卡到微信卡包。

為了不影響用戶在充值與核銷過程的體驗，我們決定把領卡的入口放在支付過程中，作為一種可選擇的方式，通過領卡用戶可以在充值的時候享受一定的優(yōu)惠。

線下轉換到線上所遇到的問題

從線下的模式轉換到線上模式，在核銷的過程我們設計了多個方案：

1. 用戶在核銷端過程中，出示二維碼，由工作人員用智能POS機掃描，確認核銷。
2. 用戶在核銷端過程中，出示二維碼，自動通過軋機（類似地鐵），確認核銷。
3. 用戶在核銷端過程中，掃描游戲二維碼，支付成功后出示購買詳情，由工作人員人工進行核銷，確認核銷。

在充分考慮場景和客戶的要求之后，我們選擇了第三個方案。

初步的解決方案

在我們打通了整個流程之后，我們開始設計信息架構與原型。

下圖是用墨刀繪制的整個系統的原型圖。

1.5 原型設計 鏈接

突發(fā)的需求變更

在完成初步的方案之后我們與客戶進行了第二次溝通，并且確定了設計方案。在開始UI設計的時候，需求發(fā)生了變更，客戶放棄了公眾號平臺和H5頁面，改用微信小程序來做。在得知平臺變化后，我和相關的開發(fā)人員進行了緊急的技術調研與設計改版。

最終的設計結果