用戶體驗(yàn)設(shè)計視角下影視APP交互設(shè)計探析

徐延章

?

用戶體驗(yàn)設(shè)計視角下影視APP交互設(shè)計探析

徐延章

電視劇《羋月傳》劇照

隨著移動互聯(lián)網(wǎng)技術(shù)的飛速發(fā)展，尤其是國家實(shí)施“互聯(lián)網(wǎng)+”戰(zhàn)略以來，以騰訊視頻、優(yōu)酷、愛奇異、搜狐視頻為代表的影視APP蓬勃發(fā)展，成為人們觀看影片的“神器”。據(jù)獵豹智庫發(fā)布的數(shù)據(jù)顯示，2015年音樂和視頻類APP崛起，2015年度APP排行榜中騰訊視頻APP在視頻類綜合排名中名列第一。2015年12月上映的年度大劇《羋月傳》成為眾人爭相觀看的焦點(diǎn)，樂視公司憑借《羋月傳》使其樂視影視APP一度躋身APP STORE免費(fèi)下載排行榜第一名。從帶有“羋月傳”標(biāo)識的樂視影視APP應(yīng)用圖標(biāo)設(shè)計到樂視視頻APP、騰訊視頻APP中《羋月傳》的熱播，從節(jié)目片花的曝光到觀眾的熱議，影視進(jìn)入了前所未有的互動高峰期。影視APP設(shè)計從重視流暢觀看的功能訴求發(fā)展到注重用戶體驗(yàn)設(shè)計、突出人性化的用戶體驗(yàn)的時代。從智能手機(jī)用戶體驗(yàn)設(shè)計的角度出發(fā)，影視APP交互設(shè)計可以從以下幾方面著手：

一、 從心理出發(fā)，影視APP交互設(shè)計符合用戶心理模型

影視APP交互設(shè)計中，應(yīng)從用戶的心理特征出發(fā)，在用戶體驗(yàn)的基礎(chǔ)上構(gòu)建用戶心理模型。用戶心理模型是用戶使用APP的過程中養(yǎng)成的對于手機(jī)APP產(chǎn)生的印象反映，體現(xiàn)了用戶對于手機(jī)APP應(yīng)用的整體特征。從影視APP欄目信息組織形式出發(fā)，應(yīng)按照心理學(xué)規(guī)律進(jìn)行分組，并應(yīng)將信息的數(shù)量與結(jié)構(gòu)控制在用戶記憶的范圍之內(nèi)。以用戶熟知的APP界面為基礎(chǔ)進(jìn)行同類APP設(shè)計，在欄目設(shè)置與功能設(shè)計中體現(xiàn)設(shè)計的一致性。在欄目設(shè)置與版式設(shè)計中，有效應(yīng)用格式塔心理學(xué)中關(guān)于接近性原則、相似性原則等規(guī)律對于功能與信息進(jìn)行分組。根據(jù)用戶對于APP的認(rèn)知程度，為用戶提供適應(yīng)性的界面。當(dāng)用戶剛剛安裝影視APP后，往往是第一次使用，因此應(yīng)為用戶提供有效的引導(dǎo)，明確告知用戶該應(yīng)用的操控與功能，并在設(shè)計中采用向?qū)Щ蛲扑]操控的形式。

騰訊視頻APP首頁精選欄目界面中，將熱播的劇集截圖展示在屏幕中上方的位置，將用戶常用的搜索視頻功能設(shè)置和最近播放的視頻顯示在屏幕上方顯著的位置。界面最上面設(shè)置頻道，最下面設(shè)置功能按鈕，功能分區(qū)符合用戶單手與雙手觸控的需要，按鈕大小恰到好處，符合人體工程學(xué)的需求。從心理學(xué)的角度考慮，設(shè)置“首頁”“原創(chuàng)”“會員”“遇見”“我的”五個功能按鈕，將功能設(shè)置數(shù)量設(shè)計在用戶記憶的有效范圍，有利于用戶的識別與記憶。騰訊視頻APP會員欄目界面，界面采用的布局方式，體現(xiàn)了設(shè)計一致性的原理，下面的影片界面以小圖截圖的形式進(jìn)行水平布局，符合格式塔心理學(xué)的接近性、相似性原則。優(yōu)酷APP在加載視頻的過程中為用戶提供了“上下滑動調(diào)整音量”“左右滑動調(diào)節(jié)進(jìn)度”“雙擊暫停”等提示，這對新用戶來說是非常有用的。對于經(jīng)常使用該影視APP的用戶，可以為其推薦新功能與操控方式，從而促使用戶在體驗(yàn)的過程中不斷增強(qiáng)控制感與體驗(yàn)欲。

二、 從生理入手，影視APP交互設(shè)計以人體工學(xué)為基礎(chǔ)

影視APP設(shè)計應(yīng)以人體工學(xué)為基礎(chǔ)，通過有效組織APP界面，進(jìn)行符合人體特征的APP設(shè)計。iPhone6和iPhone6 Plus屏幕尺寸擴(kuò)大到4.7和5.5英寸而獲得熱銷，說明了用戶人體工學(xué)的需求中，除了單手操控的需求外，還有對更大尺寸屏幕的需求。注意到用戶對于大屏幕觀看的喜好，影視APP可以根據(jù)用戶把持手機(jī)的方向進(jìn)行自適性調(diào)整影視節(jié)目的方向，同時提供鎖定自動調(diào)整與解鎖的選擇。設(shè)計中充分考慮用戶的年齡、性別、體型特征，將常用的功能按鈕設(shè)計在屏幕的下方、左下角和右下角的位置，有利于用戶操作。由于影視APP設(shè)計還受到用戶的運(yùn)動狀態(tài)的影響，設(shè)計中除了考慮用戶在休閑狀態(tài)中使用影視APP觀看節(jié)目的情況，還要考慮用戶處于運(yùn)動狀態(tài)對于界面的精準(zhǔn)觸控。騰訊視頻APP視頻播放界面設(shè)計中，采用大按鈕的設(shè)計方式，將暫停和播放到最后的按鈕放置在左下角，方便橫向把持手機(jī)時左手的觸控，并提供了快進(jìn)、快退時相應(yīng)時間的單幀截圖畫面，為用戶選擇相應(yīng)的播放進(jìn)度提供了參考，提升了交互體驗(yàn)的效果，如圖3所示。由于智能手機(jī)與平板電腦、iPad的屏幕尺寸有較大區(qū)別，用戶在影視APP界面視覺瀏覽中體現(xiàn)出“F”形、“L”形、金三角熱區(qū)的視覺流程。［1］在影視APP設(shè)計中為了突出重點(diǎn)，可利用版式、配色、造型元素對界面進(jìn)行設(shè)計，通過有效組織界面布局元素對影視的界面信息進(jìn)行分組，從而對引導(dǎo)用戶的視覺瀏覽路線，有利于突出影視節(jié)目的重點(diǎn)與特色。

三、 從功能著眼，在影視APP交互設(shè)計中體現(xiàn)二八定律

影視APP交互設(shè)計中從簡單易用出發(fā)，有效組織影視APP用戶界面，為用戶提供方便簡潔的界面，提供隨時可控的交互設(shè)計，方便用戶觀看影視作品。功能設(shè)計應(yīng)考慮二八定律，即影視APP的全部功能中經(jīng)常被使用的功能只占20%，不常用的功能占80%。為了給用戶塑造一個簡單易用的影視APP第一印象，在界面設(shè)計中將最常用、最重要的功能顯示在界面中，體現(xiàn)APP的設(shè)計重點(diǎn)；把用戶不常用的功能安排在“更多”選項(xiàng)的設(shè)置中，為用戶提供更多功能的選擇。在影視APP功能設(shè)計中，要避免“功能蔓延”，有效削減應(yīng)用功能的顯示，有助于影視APP界面質(zhì)量的凸顯。影視APP功能選項(xiàng)提供的越少，就越為用戶界面功能的高效、美觀提供了更多生存空間。［2］從功能著眼，要根據(jù)用戶的反饋，不斷將用戶關(guān)注的功能進(jìn)行有效提升，能夠使影視APP更強(qiáng)大。騰訊視頻APP視頻播放界面通過精簡設(shè)計，采用圖標(biāo)的形式體現(xiàn)功能需求。界面上方除了視頻的名稱外，僅提供了彈幕、分享和更多選項(xiàng)，將加入看單、緩存、音量、亮度等一些不常用的功能設(shè)置到更多選項(xiàng)中，這符合二八定律的規(guī)律，有效減少了界面的元素，為用戶提供了一個清晰、明確的操控界面。

四、 從情感突破，在影視APP交互設(shè)計中提升情感體驗(yàn)

比爾·莫格里奇指出交互過程中用戶獲取何種情感體驗(yàn)至關(guān)重要。［3］影視APP設(shè)計中應(yīng)注重用戶的個性與情感因素，進(jìn)行符合用戶個性的影視APP情感設(shè)計。從用戶的情感需求考慮，影視APP設(shè)計就要用戶成為“知心好友”為目標(biāo)，通過積極的情緒刺激，使用戶使用影視APP時感覺就像和一位老朋友或知己一樣談人生、說理想。［4］用戶體驗(yàn)從情感突破，就要在APP啟動圖標(biāo)的設(shè)計中，從用戶的角度去體味，強(qiáng)調(diào)簡單、易識別、易記憶、有創(chuàng)意。知名度高的企業(yè)可以企業(yè)標(biāo)識為基礎(chǔ)進(jìn)行創(chuàng)意設(shè)計，以文字造型輔以設(shè)計圖案設(shè)計便于識別。通過簡短的啟動界面有效融情，輔以精煉的文案，發(fā)人深省，有利于與用戶進(jìn)行情感溝通。搜狐視頻在啟動界面中，以“熱劇同步追”為文案喚起用戶追劇的熱情，以“你的鼓勵是我們夜空中最亮的星！”邀請用戶“吐槽”或“去給星星”，搜狐視頻從用戶的情感體驗(yàn)入手，體現(xiàn)了成熟的影視APP與用戶的交流之道。

從情感突破，提升用戶使用影視APP的體驗(yàn)效果是騰訊視頻APP成功的一個重要原因。騰訊視頻APP的設(shè)計中，將功能、審美、細(xì)節(jié)設(shè)計與用戶情感體驗(yàn)結(jié)合起來，采用流行的扁平化設(shè)計風(fēng)格與沉浸式的色彩搭配相結(jié)合，突出影視特色。騰訊視頻APP注意到用戶關(guān)注影視節(jié)目的內(nèi)容，當(dāng)用戶在播放視頻的過程中選擇更多劇集時，將更多劇集的選項(xiàng)以透明模式顯示，不影響正在觀看的節(jié)目，并將更新的劇集和預(yù)告的劇集以橙色圖標(biāo)強(qiáng)調(diào)，突出了設(shè)計的重點(diǎn)又體現(xiàn)了貼心的設(shè)計。為了體現(xiàn)影視的互動與分享，將截圖和視頻與分享結(jié)合起來，用戶能夠?qū)?dāng)前視頻的截圖信息發(fā)布到影視圈、微信好友、朋友圈等社交媒介，有效提升了用戶的參與感與互動性，提升了用戶的情感體驗(yàn)。

通過成功影視APP的分析，我們發(fā)現(xiàn)在每個成功影視APP的背后都隱藏著一條重要的設(shè)計規(guī)律。這條規(guī)律就是以用戶為中心，重視用戶體驗(yàn)設(shè)計，進(jìn)行人性化設(shè)計。在智能手機(jī)影視APP設(shè)計中，應(yīng)從根據(jù)影視特征，在用戶體驗(yàn)設(shè)計的基礎(chǔ)上，從心理學(xué)、人體工學(xué)、功能設(shè)計和情感入手，不斷更新設(shè)計思維與模式，通過有效的影視APP交互設(shè)計提升用戶體驗(yàn)的效果，體現(xiàn)設(shè)計的真諦。

參考文獻(xiàn)：

［1］趙大羽，關(guān)東升.交互設(shè)計的藝術(shù)：iOS7擬物化到扁平化革命［M］.北京：清華大學(xué)出版社，2014：23-36.

［2］（英）Chris Stevens.為iPad而設(shè)計，打造暢銷App［M］.陳勇，張曉雯，譯.北京：人民郵電出版社，2013：141-154.

［3］覃京燕.大數(shù)據(jù)時代的大交互設(shè)計［J］.包裝工程，2015：36（8）：1-5.

［4］徐延章.新聞媒體類客戶端情感設(shè)計策略分析［J］.青年記者，2015（4月中）：63-64.

【基金項(xiàng)目】本文系2015年度教育部人文社會科學(xué)研究青年基金項(xiàng)目“基于用戶體驗(yàn)的智能手機(jī)APP交互設(shè)計藝術(shù)研究”（項(xiàng)目批準(zhǔn)號：15YJC760110）階段性成果。

【作者簡介】徐延章，男，天津人，天津師范大學(xué)美術(shù)與設(shè)計學(xué)院講師，碩士，主要從事數(shù)字媒體與交互設(shè)計藝術(shù)方向研究。