基于移動互聯網時代的“愛購”電影APP交互服務系統設計分析

李 奕

隨著移動互聯網時代來臨，電子商務、共享經濟和“互聯網+”迅猛發展，中國電影市場總體正處于快速發展期，國內影院規模擴張顯著，熒幕數量快速增長，在線票務平臺融合電商、大數據、泛娛樂、社交等優勢基因，貓眼電影、淘票票、微票兒、百度糯米已成為電影宣傳、發行和售票的四大入口。在在線票務平臺競爭激烈的情況下，如何更符合用戶核心需求，更好地提升購票觀影娛樂社交等用戶體驗成為重要的設計研究課題，交互服務設計已成為新的設計熱點。“愛購”電影APP交互服務系統致力于優化現有電影服務系統流程，以改變購票、取票、檢票模式，提升用戶購票觀影娛樂社交等體驗為目的，取消紙制票，直接使用檢票機硬件設施掃描二維碼，通過影院空間交互體驗設計等形成“軟件交互+硬件交互+空間交互”的創新模式，實現了較好的交互設計理論的學術實踐價值，并提升電影商業市場的創新價值。本文將對該系統的設計過程進行詳細分析，提出相應的設計方法。

一、用戶研究

“愛購”電影APP交互服務系統設計目標是滿足用戶核心需求并提升用戶體驗，因此需要科學嚴謹地進行系統性市場研究、競品分析等前期調研。項目組采用實地考察、網絡大數據分析、問卷調研、深入訪談、焦點小組、用戶畫像等專業方法進行系統用戶研究，分析得出用戶痛點并提煉為用戶核心需求。

本服務系統設計過程中，在用戶調研階段我們共調研了120位用戶，對目標用戶調研問卷研究結果表明，影院消費主力軍為“85后”“90后”青年，屬于高素質，有消費能力，樂于接受新鮮事物人群。約50%的用戶觀影前會注重電影口碑和介紹宣傳信息，約65%的用戶最注重影院的觀影硬件設備狀況和文化氛圍，團購價格是選擇的首要因素，約34%用戶不會選擇留存票根，同時，反饋信息顯示，用戶感覺目前電影APP界面不美觀，APP購票流程較復雜，售后服務不好。

在深入訪談階段，項目組對經常使用電影APP的120位典型用戶進行深度訪談。結合前期網絡問卷結果將目標用戶人群分為三大類：第一類是追求最低價電影的消費者；第二類是大眾消費者，享受更精簡的購票流程，希望極速購票；第三類是電影愛好者，追求高品質生活服務質量。

圖1 用戶體驗地圖

二、交互設計

1.用戶體驗地圖設計

根據前期用戶研究的相關結果，項目采取用戶體驗地圖服務設計專業工具對目標用戶進行行為流程分析，包括用戶的思考、情緒、遇到的問題以及感受等。用戶體驗地圖用可視化的圖形語言將與利益相關者接觸的接觸點進行分類、梳理，并制作出完整的用戶體驗路徑，可以更直觀地表現整個服務流程，并為接下來的設計方案細化提供可能[1]。本研究課題將用戶行為流程分為購票前、在線購票、取票入場等待、檢票觀影、觀影結束后等幾個階段進行研究，分析用戶需求、用戶行為、用戶想法、用戶體驗情緒等重要因素，如圖1所示。

2.交互信息架構設計

通過用戶體驗地圖專業工具分析得出用戶的核心痛點及機會點，將痛點轉化為功能點，將功能點進行優先級別分類整合梳理并進行交互信息架構設計。信息架構就是合理的組織信息的展現形式，其主要任務是為信息與用戶認知之間搭建一座橋梁。在用戶界面設計當中，首先是需要知道界面內需要存在什么功能，其次是每個界面之間的關系如何[2]。“愛購”電影APP交互服務系統的交互信息架構主要分為購票平臺、圈子平臺、關注平臺、我的平臺四大核心功能板塊，如圖3所示。

（1）購票平臺：分為購票和搜索兩個模塊，購票模塊是核心功能模塊，分為“低價購”、“閃購”、“優質購”三個部分?！暗蛢r購”主要針對注重價格實惠的用戶，為目標用戶解決快速查找低價電影票購票渠道，讓用戶能夠以線上最低價觀看電影，通過網絡平臺的價格比較，直接提供用戶最低廉實惠的票價；“閃購”主要針對需求快速購票用戶，為目標用戶打造更快捷的購票體驗，將線上購票流程進行簡化，根據用戶以往購票的大數據，如經常選擇的座位、時間、地點等，總結出用戶個人購票傾向，提供最快捷的“一鍵購票”功能；“優質購”主要針對高端專業資深的觀影愛好者，為目標用戶尋找最優質的觀影環境，為其推薦最好的影片，打造優質的觀影體驗，提供最優質的服務。通過三種不同購票方式的定制服務，將滿足不同用戶的個性化需求。

（2）圈子平臺：分為熱門圈子和影視資訊兩個模塊，熱門圈子功能類似百度貼吧，屬于影迷互動專屬區域，基本功能包括指定圈子加入，熱門圈子推薦，圈內聊天。用戶對某些熱門圈子產生好奇，便可加入討論圈進行專題討論；影視資訊基本功能包括電影詳情查看、電影預告片、電影宣傳圖、電影原聲、前期宣傳資訊查看、電影資訊關注、明星路演信息查看、網友影評功能。

（3）關注平臺：分為特惠搶票、實時票房、電影活動、電影資訊四個模塊，推送用戶已關注的話題或專題，根據電影相關資訊實時更新專業內容。

（4）我的平臺：分為登錄和設置個模塊，登錄模塊包含我的電影票、我的關注、我的影評、我的錢包、消息中心等，方便管理用戶個人信息及操作記錄，以往觀看電影資訊回看，掃票，電影票信息查看，電影院地圖導航等功能。

圖2 交互信息構架設計

3.低保真原型測試

根據交互信息構架進行低保真交互原型設計并測試。原型不是產品，構建原型是為了發現問題，是為了逐步接近最終產品，因而原型設計的方法又稱為“快速失敗法（fail fast)”[3]。交互原型方法用來模擬測試用戶與未來產品的交互。交互原型能將設計師帶入產品與用戶交互的各種情景，運用交互原型能快速實現該交互方式并能對預設交互行為的可行性進行測試，設計師能結合真實的用戶反饋對設計概念進行迭代改進，更好地與用戶交流未來產品的交互方式[4]。本研究課題進行了低保真交互原型設計并進行可行性測試（如圖3所示），獲取用戶反饋信息，分析發現用戶在低價購、閃購、優質購等環節操作流程較繁瑣，并進行流程簡化設計修改。

圖3 低保真原型設計

圖4 界面設計

三、視覺設計

1.界面設計

在低保真原型反饋迭代設計階段后，進行交互界面設計。在界面色彩設計方面，根據前期調研目標用戶年齡在20歲至30歲年齡段，目標用戶傾向于鮮艷明亮的色彩，將“愛購”電影APP界面色彩主調定為紅橙色調，采用色彩系統代碼為#f33939,#fd6a3d,#fed228,#dcdcde。中國人大多喜愛紅色的喜慶熱情氛圍，“愛購”電影APP界面色彩的紅橙色調，能促進用戶購買欲，提升用戶活躍度。關鍵按鈕采用紅橙色主調提亮，以引導用戶視覺流線。

在界面布局設計方面，正如辛向陽指出的“交互設計正從物理邏輯向行為邏輯發展”[5]。界面布局設計應以用戶認知和行為習慣為基礎進行符合用戶個性的交互創意設計，為用戶呈現符合用戶期望又超出用戶預期的設計情景[6]。本研究課題充分考慮目標用戶的行為習慣及需求，布局風格體現了認知心理學中的習慣性原理，形式上表現出與同類APP的視覺與交互的一致性。柳沙在《設計藝術心理學》中指出：“用戶習慣會降低思維干涉的程度，促使用戶的行為自動化，提升用戶操控的熟練性”[7]。因此，采用常用的以底部導航和頂部導航相結合方式，符合多數用戶喜歡單手操作習慣。底部導航包括購票、關注、圈子和我的四大板塊，頂部導航包括低價購、閃購、優質購三大核心功能板塊。另外，布局設計符合用戶交互行為進行組織界面的交互元素，以行為相關性為指導，將與用戶行為的交互元素呈現給用戶[8]。例如根據用戶觀影選票的行為流程進行合理的視覺元素布局，電影詳情界面包括電影預告片、電影信息、劇情簡介、電影影評等元素，用戶瀏覽從預告片、海報到電影標題、評價分數、電影類型、電影簡介、演員慨況、個人資料，電影影評和電影細節等，最終專注于非常突顯的選擇購票按鈕上。

在界面風格設計方面，采用摒棄擬物設計裝飾元素干凈簡約的扁平風格。“愛購”電影APP簡約思維設計方式呈現出簡潔設計風格，大面積漸變紅橙色塊與圖形線條組合的時尚搭配，電影出票界面模擬真實場景取票機設計形式等，體現潮流時尚活力特征，是頗受青年人喜愛的風格，帶給用戶全新時尚的在線購票體驗。

在界面動效設計方面，運用類似谷歌推出的全新設計語言Material Design設計元素，將信息層級進行層次隱藏，將不重要的信息與不同類型的信息進行了選擇性隱藏與分類，例如在閃購首頁電影信息列表采用右滑顯示評分詳情形式，如圖4所示。

圖5 界面層次隱藏設計

圖6 畢業設計展板

2.高保真原型測試

在交互服務系統設計中，設計方案需依據前期調研獲得的用戶核心需求，但難免摻雜一些主觀因素，為更好地適應市場趨勢與用戶期望及使用習慣，需要對高保真原型設計進行測試評估。通過對原型進行可用性測試，及時獲取客戶對產品的評價信息并對產品進行有效調整，通過“原型—測試—修改—原型—測試—修改……”的不斷迭代，最終才能獲得用戶滿意的產品。

“愛購”電影APP設計項目通過用戶研究、交互設計、界面設計之后，采用Flinto原型設計軟件制作APP高保真原型，在畢業設計展覽現場邀請觀展者進行“低價購”、“閃購”、“優質購”三種核心購票功能的可用性測試，觀察設計方案是否符合用戶的期望和使用習慣，從用戶滿意度、錯誤率、易學、有效性、效率等方面測試實驗。測試結果表明，用戶基本能夠順利完成各項預期操作任務，驗證設計研究成果具有較好的可用性及創新性。但仍存在一些設計細節問題有待解決。用戶使用產品的非正常錯誤操作情況與層次隱藏性信息界面設計有關（如圖5所示），需要花費用戶較大的學習成本。對存在的問題提出的改進方案是應做好引導頁設計，當用戶第一次使用時給予明確的指示提醒學習，提升用戶的學習效率、操作有效性及滿意度，探索提高電影交互服務設計軟件可用性水平的新途徑、新策略和新方法。

四、產品設計

“愛購”電影APP交互服務系統設計注重從產品軟件到全系統服務的理念轉變,包含軟件與硬件的整合創新設計，除了電影軟件APP設計之外，還進行了影院空間中自助檢票機產品硬件設計。自助檢票機設計概念是以電子票取代紙質票入場觀影。傳統取票模式主要包括柜臺取票和取票機取票兩種，排隊時間長且紙質票不環保；同時，前者會消耗提供服務者的人工，后者會導致消費者苦于尋找對應的取票機和實際取票操作上存在不便。全新的電影購票服務系統，用戶在“愛購”電影APP上購票后，系統將自動生成電影入場二維碼，直接獲取二維碼取代紙質票，將購票取票流程簡化。最后，檢票方式采用硬件設備代替人工服務，影院設置自助檢票機，掃描二維碼驗證后方可入場。有效節約人力及減少排隊時間，消除顧客排隊過程中產生的焦慮感，同時節省紙張，具有重要的環保價值。通過購票、取票、檢票流程的簡化，全程自助服務加強顧客參與感，大大提高服務效率，使用戶獲得更好的觀影體驗。

五、交互空間設計

電影院交互空間設計主要包括公益集票和大屏扭蛋游戲等項目。傳統紙質票浪費紙張，而電子票可以節省一大部分的材料從而達到環保效果，用戶觀影之后在電影院大廳，打開藍牙設備對著電影院互動大屏進行匹配，將使用過的電影票放進公益集票欄目，大屏就可顯示共節省了多少紙張，達到一定數量可為貧困地區捐款。扭蛋游戲是為了豐富用戶在等待電影開場前的空暇時間，手機與大屏藍牙連接，搖晃手機進行扭開游戲蛋，有一定幾率獲得電影優惠券或其他精美禮品，如圖6所示。

隨著移動互聯網的蓬勃發展，在線售票逐漸替代傳統人工售票，如何更有效地提升在線票務平臺的交互服務系統設計成為重要研究課題。電影APP交互服務系統設計需要從產品到服務的理念轉變，必須具備“軟件交互+硬件交互+空間交互”的創新模式新思路。具體而言，應深入研究與電影相關用戶體驗的核心痛點需求，分析電影場景中各觸點存在的問題并提出合理的解決方案。在設計過程中，應進行系統性市場研究、競品分析等前期調研，采用實地考察、網絡大數據分析、問卷調研、深入訪談、焦點小組、用戶畫像等專業方法進行系統用戶研究，采取用戶體驗地圖、交互行為流程設計圖整理各類交互架構信息，并進行低保真原型設計、界面設計、高保真原型設計、可用性測試及產品設計等軟硬件系統專業設計流程，以解決電影相關的人與物、人與人、人與空間的大交互設計復雜問題，更注重提升用戶購票觀影娛樂社交等體驗感受。

[1]繆珂. 服務設計中的流程與方法探討——以米蘭理工大學設計創新與設計方法課程為例[J]. 裝飾，2017，(03)：93-95.

[2]劉再行. UI交互設計流程的探索與教學實踐[J]. 裝飾，2015，(1).

[3]Matt Jones. Mobile Interaction Design[M]. San Francisco：John Wiley & Sons Press，2005.

[4]代爾夫特理工大學工業設計工程學院. 設計方法與策略：代爾夫特設計指南[M]. 倪裕偉，譯.武漢：華中科技大學出版社，2014.

[5]辛向陽. 交互設計：從物理邏輯到行為邏輯[J]. 裝飾，2015，(01)：58-62.

[6]陳化，朱海燕. 基于智能手機的大學生移動閱讀現狀調查與分析——以江蘇省部分高校為例[J]. 出版科學，2015，(04)：69-72.

[7]柳沙. 設計藝術心理學[M]. 北京：清華大學出版社，2006.

[8]徐延章. 智能手機APP交互情境設計的審美要素分析[J]. 包裝工程，2016，(24)：130-135.