前情提要
一剛開始想做這個redesign計畫時，是因自己與朋友間約看電影用手機購票時遇到困擾。
朋友遇到的問題：用花旗卡線上訂票，ㄧ不僅得排隊現場取票，二排到隊時，原本信用卡訂單遭取消，只能坐第一排仰望天際（欸不是螢幕嗎）。
自己操作上的心得：選完場次就馬上要登入或填寫會員資料，進入票種設定時，「溫馨提醒」視窗不斷詢問是否加購套餐，最後才進到真正選位與付款的流程。
改造之前
Step 1 下載威秀影城App
Step2 下載兩個超過10萬下載的相似產品對照與比較
同時在其他競品裡操作購票流程，觀察每個步驟操作的流暢度。
Step3 在Google Play、App Store閱讀用戶留言
從用戶評論中可發現，大多是下列問題：
・會員資料/信箱無法取得認證
・登入失敗
・付款後訂單被取消
・個資外洩
・部分資訊載入時間過長
改造重點
一、簡化購票流程
利用手機訂票的好處是：1. 不受時空限制 2. 節省排隊時間 3. 不用排隊人擠人，提前取得票券
如果使用手機訂票還要經過登入與認證等繁雜手續，或突然要求用戶開啟不相干的權限（如相機與多媒體）等，用戶還是會轉往實體通路（超商機台、影城）購票。這樣就失去開發訂票app的意義。
因此，這次改造方向以簡化購票流程為主，去除登入手續，減少卡關機率與個資外洩風險，提升購票效率，讓用戶可快速取得票券。
改造介面實作
現場取票付款流程：
信用卡購票流程：
原始購票流程：
重新回顧原本操作流程，過程中訊息量有點多，似乎把購票這件事弄得太過複雜。雖然加購餐點才是影城真正業績來源，但在訂票過程兩次彈出視窗提醒用戶要不要買優惠套餐，稍嫌煩人。對用戶而言，訂票是主要目的，加購套餐是次要目的，因此將加購套餐放在完成購票的頁面。解決彈出視窗干擾購票流程的問題。
二、優化操作介面
（ㄧ）優化「我的票夾」介面
打開原始版本的票夾，看了覺得這個世界好複雜（誤），訊息太多了。
在已過期頁籤中，提示只保留一個月內訂單紀錄，由於原始版APP沒有提示訂票紀錄是否永久保留，如果是保留所有紀錄，系統應該負擔很大，應用程式所佔的記憶體也會越來越多吧。
另外，在票夾內容以頁籤「已退餐」、「已取餐」、「未取餐」，標示不同狀態的票券。餐飲票夾裡把「已退餐/票」拿掉，改放退票紀錄頁面中。只放已取餐與未取餐的頁籤，讓用戶一目了然。假設影城統一規定，線上加訂餐點為現場取餐付款，如逾期未取，系統視為訂單取消，也就沒退餐的問題了。不過這些還是要看各影城規定，但在威秀官網沒看到與取餐有關的詳細規定，如取餐期限。
（二）新增搜尋功能與我的片單
其他競品裡有設搜尋功能，私以為加上此功能可讓懶人快速利用關鍵字找到預售/熱映中的電影。
設「我的片單」功能，讓用戶管理自己想看的片單，想看的電影一目了然，進入「我的片單」直接訂票。不需在主頁慢慢滑。
（三）其他介面調整內容
1. 讀取畫面
・加上進度條，可行嗎？
由於原始讀取畫面沒有進度條，可能是「資料載入中」的狀態，才會停格在這畫面數秒，但用戶搞不清楚狀況，看到頁面停在這裡會以為是手機當機了。
但這時問題來了，想到iOS的設計規範，起始畫面其實不該夾帶logo、文字或是其他與品牌形象有關的元素。
Don’t include logos or other branding elements unless they’re a static part of your app’s first screen.
Avoid including text on your launch screen. Because launch screens are static, any displayed text won’t be localized.
於是跑去觀察各大品牌的APP產品有沒有照做，只是手邊沒有iOS手機，無法試。不過Android手機中，Dropbox Paper、Pocket都有放上品牌logo。
那就來看看Material Design是怎麼說的：
The launch screen is a user’s first experience of your application.
Branded launch screens display your logo or other elements that improve brand recognition.
起始畫面的確代表使用者對於應用程式的第一印象，門面很重要。以Material Design的觀點來看，在起始畫面放上logo可提升品牌識別度。
如果開啟時間較長的App可利用載入資料的時間，呈現自家品牌識別。
因此，針對不同裝置系統與設計規範，做了調整前後對照。
在Android版本的起始畫面加上進度條，背景採用威秀App icon的漸層配色。
iOS版本則放上不含任何文字的空白框架。
2. 快砍掉重練的功能表
原本的功能表有個很大的問題，雖然原本的設計看起來似乎可炫技，但用戶不見得知道獲得功能表內資訊後，若要返回該怎麼做。因此，在介面上參酌Evernote、Gmail等的漢堡選單的設計。點選漢堡選單後，可以按旁邊或是用滑動的手勢收合選單。
新增底部導航列
．把最重要的功能放在主頁底部導航列，次要功能放在漢堡選單。
原本介面中除了「立即購票」選項按鍵在畫面底部外，其他功能都藏在漢堡選單裡。如果要查看購票紀錄、票券相關內容，就要從漢堡選單點開，多了一道步驟，無法快速取得額外的功能或資訊。另外用戶也不一定知道這三條橫槓是什麼意思。
設計應用程式的出發點是要讓人快速找到資訊並完成訂單。
根據美國明尼蘇達的 Westwerk Digital Agency 做的研究，
漢堡選單常被認為是Android版本app的特色之一，使用非常普及，好處是讓導覽選單不會占用螢幕瀏覽空間，但常因下面三點為人詬病：
1.不夠直觀：使用者測試的研究指出，許多使用者還是不知道這三條橫槓代表什麼意思，可能不利於使用者瀏覽選單及頁面。
2.不夠有效率：使用者要進去其他頁面時，一定要先點選漢堡按鈕，現在網路使用者普遍沒耐心，步驟太多可能讓使用者在開始瀏覽前就放棄使用。
3.減少使用者探索可能：因為漢堡按鈕把選單隱藏起來，使用者無法快速和輕易發現額外的頁面、功能或資訊。 （節錄自數位時代）
因此對用戶來說，最重要的功能就是「場次查詢」、「立即購票」、「我的票夾」。同時這些功能頁面應該也是用戶最常造訪的地方，所以要一眼就注意到，故放在底部導覽列。
而其他用戶較少造訪的功能，如會員登入、會員資料修改、付款資訊、使用說明等等，就放入漢堡選單。
3. Style Guide
原想以優化的角度進行介面微整形，基本功能不變，後來介面還是都翻新了
以威秀官網、企業識別Logo配色進行發想，基於是實用性高的App就不敢運用太多對比色，以免用戶分心。
三、小結
研究完介面後，也在訂票注意事項發現滿多不通人情之處，如一般購票只要電影開演前15分鐘取票入場，團體票取票種則要在30分鐘內取票入場。有時候並不全是介面的問題導致消費上的不快，有時也礙於各影城有各自的規定。線上與線下體驗都會影響用戶下次消費的意願。希望未來訂票流程與相關行政規則會獲得改善。（好，扯遠了）
做這個作品的原因一方面是來自周遭朋友的生活經驗，一方面是要累積作品。為了這個給自己的小作業，上網學了一點Principle，技術粗劣但還是有成就感，就像小孩第一次自己組裝飛機玩具一樣。
這篇文章就相當於在改造這個App過程的一個「交代」吧，我想。有記錄下來的必要。知道自己在理論和技術上都十分不成熟，所以靠著平時邊練習邊查資料，畢竟捲起袖子動手做，觀念才是自己的。如果有亂講話、不專業之處還請諸位大德海涵，幼幼班如我技術生嫩，還需多向各界強者學習，同時不要鞭太大力（十分怕痛，先讓我吃糖再打屁股嘛），學習這過程很需要動力，希望在起步之餘可獲得鼓勵，也歡迎來信指教。願意把文章看到這裡的人我也很感激。
