資深UI設計師教你設計好用的電影購票APP

周圍商圈和城市綜合體的大屏幕越來越多，去電影院看電影也已經(jīng)成為了我們日常生活中非常自然的一種娛樂方式。吃著爆米花喝著可樂，在大熒幕上看著別人的故事和人生，這種放松的體驗非常受歡迎。

所以，買電影票是一個繞不開的鋼需。我們常常會借助各種購票APP和網(wǎng)站來篩選電影信息，匹配時間表，挑選作為，甚至購買觀影時吃的食品和飲料。如何讓整個購票、觀影的過程更加舒適，是這些服務商和APP、網(wǎng)站所需要做到的事情。今天的文章，我們來聊一聊，如何為一個電影購票APP設計頁面UI和體驗、功能。

個人頁面

必須承認的是，現(xiàn)如今的應用APP 在個人化、個性化體驗設計上越來越成熟，要求也越來越高了，相應的個人頁面也成為了APP當中必不可少的組成部分。作為一款電影購票類APP，用戶的個人購票信息都會集中在個人頁面中呈現(xiàn)。更重要的是，個人頁面的個性化設計能夠更好地同用戶產(chǎn)生聯(lián)系，進而培養(yǎng)忠誠度；另一方面，通過個人頁面來跟蹤用戶信息也會變得更加輕松。

個人頁面只應該包含必要的信息，否則整個頁面的UI復雜度很難控制。用戶注冊的時候，通常會需要用戶提交用戶名（ID、姓名）、電子郵件、注冊地和電影偏好。由于購票是主要的功能，通常還需要提交信用卡或其他的支付信息，便于用戶購買和預訂。除此之外，通過用戶的日常購買信息和地理位置信息，APP還能為用戶提供更多有用的電影信息，比如周圍的電影相關的活動和附近正在上映的電影的相關資訊。

 

主界面

主界面，或者說首頁，是絕大多數(shù)數(shù)字產(chǎn)品的核心和基礎，用戶通常是從這里開始他們的旅程。主界面會因為產(chǎn)品類型的不同而有所差異。

對于這款電影購票APP而言，主屏幕無疑是要呈現(xiàn)電影本身的，其形式則是電影海報和電影名稱，當天所播放的電影都會在主界面顯示。這些電影會以列表的形式展現(xiàn)，這樣用戶可以快速瀏覽并選擇。海報應該是可點擊的，并且隨后用戶會隨之進入特定電影的單獨頁面。

此外，主界面的UI當中，應該有搜索框，讓用戶能夠搜索并快速找到他們想要的電影。在搜索結果中，添加篩選機制，幫助用戶更快地在結果列表中篩選出他們想要的條目。

電影詳情頁

海報和一個名稱并不能讓用戶完全了解整個電影的概況，所以在電影詳情頁當中，需要添加對于電影的詳細說明，和細節(jié)信息，確保用戶清楚他們面對的是什么電影。

電影詳情頁的UI設計并不復雜。電影海報+名稱+詳細信息構成了其中主要的內容，移動端排版也可以在視覺上做到非常突出，確保清晰的同時，為用戶提供愉悅的瀏覽體驗。

除此之外，電影的評分也是幫助用戶判斷的重要元素。諸如爛番茄和IMDB 這樣的權威電影評分網(wǎng)站，能夠幫助用戶對于電影有更好的評估，在評分的參考下決定要不要購票。

當然，最好是能添加書簽功能。總歸是有一些電影是用戶想看，但是暫時由于其他原因無法去觀影的。這樣有了愿望清單，之后時機成熟，就更容易購票觀影了。

播放界面

現(xiàn)如今的電影為了更好地宣傳營銷，通常都會事先剪輯好預告片。視頻內容相比于靜態(tài)圖片的優(yōu)勢就不在這里贅述了，將預告片放到電影詳情頁當中，無疑是個不錯的選擇。

應該提供視頻播放功能讓用戶在應用內可以觀看預告片。視頻播放器可以是整個電影詳情頁的一部分，也可以通過單獨的頁面聚合電影預告片。當然，作為移動端播放器，它應該可以全屏播放，確保瀏覽體驗。整個播放器功能其實談不上有多關鍵，但是考慮到其他的應用都有了，所以盡量包含它，才能讓產(chǎn)品更具競爭力。

 

排片時間表界面

排片時間表和購票息息相關，有了這個，用戶才能購買對應時間的場次。設計師應該對這個環(huán)節(jié)進行深入的設計，因為，通常而言這個界面需要設計得緊湊而易于查看。

每個電影的排片都不一樣，所以時間表要顯示每一部電影每天的排片時間，不同播放時間的場次會占據(jù)不同的按鈕，方便用戶點擊預訂。

選座界面

完成電影場次的選擇之后，用戶就可以進入下一個界面選座了。座位的選取通常有2種不同的方式，一種是列表試圖，一種是座位俯瞰試圖。

列表視圖很簡單，就是將座位按照行和列制作成為表單，用戶點擊選取即可。但是這種設計和現(xiàn)場位置布局看起來有差異。

所以，視覺化的俯瞰圖越來越受歡迎。這種視圖能讓用戶更為清晰地看到座位布局，自己選擇哪里會有更好的視野。不過，設計師在設計的時候要注意細節(jié)的掌控，電影院的座椅布局要能清晰地查看，還要能便捷地點擊，確保用戶一下就能點中想要的位置。

購買界面

能夠盡早預訂并且選取最佳的觀影位置，是用戶能從這個電影購票APP當中所能獲得最大的好處之一。設計師的重任，是讓整個購買過程安全而舒適。

購買界面當中，通常需要用戶填寫他們的個人信息表單（比如信用卡、名字和手機號）。正如我之前所說的那樣，如果應用本身就在個人頁面當中將這些信息存儲好了，那么系統(tǒng)可以自動獲取，整個購買過程會便捷很多。

另外，應用還得確保用戶數(shù)據(jù)的安全，這一點非常重要。通過合理的安全驗證機制和加密技術，讓用戶數(shù)據(jù)和支付環(huán)節(jié)盡量得到保證，或者同相關的安全機構進行授權、合作，來達到相應的目的。

電影票

電影票是用戶進入影院觀影的通行證。有些應用會將電影票通過電子郵件發(fā)放出來，有的則提供憑證讓用戶去影院領取或者單獨打印。這些方式都是可行的。更優(yōu)秀的策略，是將電子電影票存儲在用戶的個人頁面當中，當用戶去電影院的時候，直接展示出來，通過二維碼激活影院相應的程序即可使用。

在這個環(huán)節(jié)當中，電子門票可以通過自定義插畫等形式來呈現(xiàn)，這會明顯提升應用的原創(chuàng)性。

 

地圖界面

在很多小的城鎮(zhèn)上，可能只有一家電影院，如果是在大城市當中，一個街區(qū)當中可能會有很多家電影院，那么當用戶買票之后，第一次去可能還需要導航引導去電影院。所以，地圖的功能其實是很重要的。

另一方面，應用應該提供自動選擇最近的電影院的功能，這能讓用戶觀影便捷不少。

在電腦和手機上看電影無疑是不能和大熒幕觀影相提并論的，體驗差距著實太大。電影行業(yè)不會因為數(shù)字技術的發(fā)展而衰落，相反它正在走上上坡路，所以，我們應該借助數(shù)字技術讓觀影擁有更好的體驗。