徐延章

?

用戶體驗設計視角下影視APP交互設計探析

徐延章

電視劇《羋月傳》劇照

隨著移動互聯(lián)網(wǎng)技術的飛速發(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免費下載排行榜第一名。從帶有“羋月傳”標識的樂視影視APP應用圖標設計到樂視視頻APP、騰訊視頻APP中《羋月傳》的熱播，從節(jié)目片花的曝光到觀眾的熱議，影視進入了前所未有的互動高峰期。影視APP設計從重視流暢觀看的功能訴求發(fā)展到注重用戶體驗設計、突出人性化的用戶體驗的時代。從智能手機用戶體驗設計的角度出發(fā)，影視APP交互設計可以從以下幾方面著手：

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

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

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

二、 從生理入手，影視APP交互設計以人體工學為基礎

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

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

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

四、 從情感突破，在影視APP交互設計中提升情感體驗

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

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

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

參考文獻：

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

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

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

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

【基金項目】本文系2015年度教育部人文社會科學研究青年基金項目“基于用戶體驗的智能手機APP交互設計藝術研究”（項目批準號：15YJC760110）階段性成果。

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