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

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

2、的熱議，影視進(jìn)入了前所未有的互動高峰期。 影視APP設(shè)計從重視流暢觀看的功能訴求發(fā)展到注重用戶體驗設(shè)計、突出人性化 的用戶體驗的時代。從智能手機(jī)用戶體驗設(shè)計的角度出發(fā)，影視APP交互設(shè)計可 以從以下幾方面著手：一、從心理出發(fā)，影視APP交互設(shè)計符合用戶心理模型影視APP交互設(shè)計中，應(yīng)從用戶的心理特征出發(fā)，在用戶體驗的基礎(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)

3、行同類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ū)符合用戶單手與雙 手觸控的需要，按鈕大

4、小恰到好處，符合人體工程學(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的用戶，可以為其推薦新功能與操控方式，從而促使用戶在體驗的過程中不 斷增強控制感與體驗欲。二、從生

5、理入手，影視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è)計還受 到用戶的運動狀態(tài)的影響，設(shè)計

6、中除了考慮用戶在休閑狀態(tài)中使用影視APP觀看 節(jié)目的情況，還要考慮用戶處于運動狀態(tài)對于界面的精準(zhǔn)觸控。騰訊視頻APP 視頻播放界面設(shè)計中，采用大按鈕的設(shè)計方式，將暫停和播放到最后的按鈕放置 在左下角，方便橫向把持手機(jī)時左手的觸控，并提供了快進(jìn)、快退時相應(yīng)時間的 單幀截圖畫面，為用戶選擇相應(yīng)的播放進(jìn)度提供了參考，提升了交互體驗的效果， 如圖3所示。由于智能手機(jī)與平板電腦、iPad的屏幕尺寸有較大區(qū)別，用戶在 影視APP界面視覺瀏覽中體現(xiàn)出“F”形、L”形、金三角熱區(qū)的視覺流程。1 在影視APP設(shè)計中為了突出重點，可利用版式、配色、造型元素對界面進(jìn)行設(shè)計， 通過有效組織界面布局元素對影視的界面信息

7、進(jìn)行分組，從而對引導(dǎo)用戶的視覺 瀏覽路線，有利于突出影視節(jié)目的重點與特色。三、從功能著眼，在影視APP交互設(shè)計中體現(xiàn)二八定律影視APP交互設(shè)計中從簡單易用出發(fā)，有效組織影視APP用戶界面，為用戶 提供方便簡潔的界面，提供隨時可控的交互設(shè)計，方便用戶觀看影視作品。功能 設(shè)計應(yīng)考慮二八定律，即影視APP的全部功能中經(jīng)常被使用的功能只占20%，不 常用的功能占80%。為了給用戶塑造一個簡單易用的影視APP第一印象，在界面 設(shè)計中將最常用、最重要的功能顯示在界面中，體現(xiàn)APP的設(shè)計重點；把用戶不 常用的功能安排在“更多”選項的設(shè)置中，為用戶提供更多功能的選擇。在影視 APP功能設(shè)計中，要避免“功能蔓延

8、”，有效削減應(yīng)用功能的顯示，有助于影視 APP界面質(zhì)量的凸顯。影視APP功能選項提供的越少，就越為用戶界面功能的高 效、美觀提供了更多生存空間。2從功能著眼，要根據(jù)用戶的反饋，不斷將用 戶關(guān)注的功能進(jìn)行有效提升，能夠使影視APP更強大。騰訊視頻APP視頻播放界 面通過精簡設(shè)計，采用圖標(biāo)的形式體現(xiàn)功能需求。界面上方除了視頻的名稱外， 僅提供了彈幕、分享和更多選項，將加入看單、緩存、音量、亮度等一些不常用 的功能設(shè)置到更多選項中，這符合二八定律的規(guī)律，有效減少了界面的元素，為 用戶提供了一個清晰、明確的操控界面。四、從情感突破，在影視APP交互設(shè)計中提升情感體驗比爾 莫格里奇指出交互過程中用戶獲取

9、何種情感體驗至關(guān)重要。3 影視 APP設(shè)計中應(yīng)注重用戶的個性與情感因素，進(jìn)行符合用戶個性的影視APP情感設(shè) 計。從用戶的情感需求考慮，影視APP設(shè)計就要用戶成為“知心好友”為目標(biāo)， 通過積極的情緒刺激，使用戶使用影視APP時感覺就像和一位老朋友或知己一樣 談人生、說理想。4用戶體驗從情感突破，就要在APP啟動圖標(biāo)的設(shè)計中，從 用戶的角度去體味，強調(diào)簡單、易識別、易記憶、有創(chuàng)意。知名度高的企業(yè)可以 企業(yè)標(biāo)識為基礎(chǔ)進(jìn)行創(chuàng)意設(shè)計，以文字造型輔以設(shè)計圖案設(shè)計便于識別。通過簡 短的啟動界面有效融情，輔以精煉的文案，發(fā)人深省，有利于與用戶進(jìn)行情感溝 通。搜狐視頻在啟動界面中，以“熱劇同步追”為文案喚起用戶

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