李 奕

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

一、用戶研究

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

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

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

圖1 用戶體驗地圖

二、交互設計

1.用戶體驗地圖設計

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

2.交互信息架構設計

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

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

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

（3）關注平臺：分為特惠搶票、實時票房、電影活動、電影資訊四個模塊，推送用戶已關注的話題或?qū)ｎ}，根據(jù)電影相關資訊實時更新專業(yè)內(nèi)容。

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

圖2 交互信息構架設計

3.低保真原型測試

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

圖3 低保真原型設計

圖4 界面設計

三、視覺設計

1.界面設計

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

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

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

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

圖5 界面層次隱藏設計

圖6 畢業(yè)設計展板

2.高保真原型測試

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

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

四、產(chǎn)品設計

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

五、交互空間設計

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

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

[1]繆珂. 服務設計中的流程與方法探討——以米蘭理工大學設計創(chuàng)新與設計方法課程為例[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]代爾夫特理工大學工業(yè)設計工程學院. 設計方法與策略：代爾夫特設計指南[M]. 倪裕偉，譯.武漢：華中科技大學出版社，2014.

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

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

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

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