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

周圍商圈和城市綜合體的大屏幕越來越多，去電影院看電影也已經(jīng)成為了我們?nèi)粘Ｉ钪蟹浅Ｗ匀坏囊环N娛樂方式。吃著爆米花喝著可樂，在大熒幕上看著別人的故事和人生，這種放松的體驗非常受歡迎。

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

個人頁面

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

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

 

主界面

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

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

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

電影詳情頁

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

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

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

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

播放界面

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

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

 

排片時間表界面

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

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

選座界面

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

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

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

購買界面

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

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

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

電影票

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

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

 

地圖界面

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

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

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