李 奕

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

一、用戶研究

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

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

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

圖1 用戶體驗(yàn)地圖

二、交互設(shè)計(jì)

1.用戶體驗(yàn)地圖設(shè)計(jì)

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

2.交互信息架構(gòu)設(shè)計(jì)

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

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

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

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

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

圖2 交互信息構(gòu)架設(shè)計(jì)

3.低保真原型測試

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

圖3 低保真原型設(shè)計(jì)

圖4 界面設(shè)計(jì)

三、視覺設(shè)計(jì)

1.界面設(shè)計(jì)

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

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

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

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

圖5 界面層次隱藏設(shè)計(jì)

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

2.高保真原型測試

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

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

四、產(chǎn)品設(shè)計(jì)

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

五、交互空間設(shè)計(jì)

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

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

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

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

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

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

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

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

[7]柳沙. 設(shè)計(jì)藝術(shù)心理學(xué)[M]. 北京：清華大學(xué)出版社，2006.

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