美麗新影城app redesign
UI/UX Design
專案大綱
目前從事視覺設計工作，但想轉職到UI/UX領域，所以開始了Redesign UI的挑戰，本次是Redesign 美麗新影城app。
動機
由於休假時常常會和朋友們去看電影，為求方便省時經常使用網路訂票，某次朋友用美麗新影城app訂票時發現有許多不順暢、操作不易的問題存在，因此決定針對部分介面重新設計。
用戶評論
以上為App Store 上的用戶評論
從用戶評論裡可以大致整理出以下幾點問題：
-
登入app失敗
-
無法直接從場次連接電影介紹，介面不友善
-
無法持電子票證入場，需提早40分鐘到現場取票
-
無法退票
（上述為程式bug與介面設計上多面向問題）
用戶旅程
實際體驗購票流程後，列出用戶旅程圖，分析使用者痛點：
(一)購票流程到進場流程
1.訂票需要會員才能購票，登入或註冊會員的步驟會打斷購票的流暢度。
2.需現場取票，團體優惠券、愛心票、敬老票需要於電影開演40分鐘前憑證件或優惠券至現場取票，逾時未取票，票券將被取消。
(二)介面設計
1.部分按鈕位置跑掉，不太好按。
2.訂票按鈕不明顯。
(三)功能方面
1.付款方式只有信用卡這個選項。
競品分析
-
威秀影城
-
樂聲影城
-
新光影城
根據競品分析，三家影城與美麗新影城app 很大的不同是，競品皆使用更為直觀的 tab bar 設計。威秀和樂聲影城app有在你選完想看的電影時直接導向購票流程，而新光影城也有明顯的訂票按鈕，能達到用戶快速訂票的目的。
改善目標
-
優化購票入場流程
-
介面人性化設計
提出解決方案
改善實作
一、介面設計
1.一些常用功能都在漢堡選單裡，要打開一個一個找，花費較多時間
解決方法：在介面底部增加更為直觀的Tab bar，顯示用戶常用選項
2.部分按鈕位置跑掉，用戶使用時不好點按
解決方法：重新調整按鈕的位置
3.訂票按鈕不明顯
解決方法：以icon加上文字的方式重新設計按鈕樣式，並將按鈕放到單手操作手機時能輕鬆觸碰的位置
app首頁設計
二、購票流程到進場流程
1.購票流程：選擇電影、影城、時間、日期場次，登入或註冊，用戶需要登入會員才能繼續購票，導致使用者體驗中斷
解決方法：購票一開始先導向登入註冊頁面，用戶登入後再繼續完成購票流程，優化流程，讓流程更順暢
購票流程(Before、After)
2.取票須至現場取票，團體優惠券、愛心票、敬老票需要於電影開演40分鐘前憑證件或優惠券至現場取票，逾時為未取票，票券將被取消
解決方法：使用電子票券換餐入場，不用到現場排隊取票，而換餐需要排隊使用電子票券換餐
從掃QRcode取票
改成直接掃QRcode進場
三、付款功能
1.線上付款方式僅能使用信用卡付款
解決方法：增加轉帳和超商代碼繳費的付款方式，讓沒有信用卡的族群也能線上購票，提升客群
增加轉帳和超商代碼付款方式
