影視App界面設(shè)計分析

齊壯 許佳

編者按：隨著網(wǎng)絡(luò)信息時代的飛速發(fā)展，用戶對影視App界面設(shè)計的要求也越來越高，符合用戶行為習(xí)慣的App界面設(shè)計更能滿足用戶的需求，給用戶帶來更好的使用感受。嗶哩嗶哩（bilibili）是以ACG相關(guān)的彈幕視頻分享網(wǎng)站，是國內(nèi)首屈一指的原創(chuàng)社區(qū)。這篇文章結(jié)合用戶行為在嗶哩嗶哩界面設(shè)計中應(yīng)用的思路，以此尋找用戶行為對界面設(shè)計的價值。

用戶行為在嗶哩嗶哩中的價值體現(xiàn)

在一眾主流視頻App激烈的競爭下還能占據(jù)一席之地，嗶哩嗶哩（bilibili）的獨特之處是懸浮在視頻上方的時事評論功能，愛好者稱其為“彈幕”，這種獨特的視頻體驗讓基于互聯(lián)網(wǎng)的即時彈幕能夠超越時空限制。區(qū)別于其他主流影視App版式設(shè)計的是它的彈幕開關(guān)在明顯的位置，更多其他的功能也很好地被隱藏了起來，符合二八定律，大部分的常用功能占20%且分布在常用的位置上，不常用的80%被隱藏且布局合理。在進入App時，嗶哩嗶哩的首界面會有進入青少年模式的提示，充分考慮到了用戶的需求。將常用的功能分布在頂部和底部，且頂部可滑動，方便使用者的操作使用。個人主頁分為兩個界面，分別從左上角和右下角點擊進入，左上角點擊界面即為常用功能，且直接顯示常用功能和節(jié)目，右下角的個人界面即為操作使用的具體功能。

嗶哩嗶哩是影視和自媒體的有機結(jié)合，這種模式與YouTube接近。App的使用極其人性化，根據(jù)個人喜好及觀看歷史推薦視頻作品。嗶哩嗶哩的背景為白色，以突出視頻封面內(nèi)容。視頻展示區(qū)以及功能區(qū)一目了然。視頻封面圖片分類清晰，時間、標(biāo)題明確。通過為當(dāng)前欄增加醒目的顏色，用戶會很清楚自己所處的位置。而嗶哩嗶哩與眾不同的是，它是一個能將藝術(shù)作品呈現(xiàn)得很好的一個方式，它設(shè)計風(fēng)格獨特，各種作品都能在這個載體上盡情地展現(xiàn)。心理學(xué)家證實，用戶在后期的體驗要比初期和中期重要得多，對事件的記憶要比事件的實際情況更為重要。在用戶界面設(shè)計上主要體現(xiàn)在用戶進入App的等待階段，可以設(shè)計具有網(wǎng)站特征或者趣味性較強的等待動畫以緩解用戶的焦慮心理，還能提供用戶可以或者有必要完成的干擾性任務(wù)，因為即便物理時間一樣，在心理上空閑時間被認(rèn)為比忙碌時間更短，歡樂時間比平淡時間更短。嗶哩嗶哩在各個部分的界面都有其特色，可以讓用戶在操作的不同階段都能獲得不同的交互感受。這要功歸于嗶哩嗶哩界面設(shè)計的可視性。交互界面中的信息表達(dá)大都是通過視覺元素來呈現(xiàn)的，因此在通過計算機可視化技術(shù)將抽象信息內(nèi)容轉(zhuǎn)化成軟件交互界面中可視的視覺元素時，視覺元素的刺激應(yīng)當(dāng)符合用戶對其的心理和生理作用。嗶哩嗶哩界面中的icon設(shè)計、動效設(shè)計、交互設(shè)計，在視覺化信息的類型、形狀、大小、色彩等方面的運用刺激了用戶的感官。

用戶行為是影響影視界面設(shè)計的重要原因之一，一個好的影視App界面設(shè)計在滿足用戶功能需要的同時，也要滿足用戶的情感需求。用戶行為的產(chǎn)生總是與環(huán)境、個人需求、先前經(jīng)歷和其他的原因有關(guān)。并且，要改變用戶行為，在界面的設(shè)計中也要滿足線索提示、行為反應(yīng)、受益權(quán)衡、使用門檻以及合適時機的條件。在用戶行為影響界面的設(shè)計中，線索提示就是動作漏斗的第一步，線索提示的呈現(xiàn)對于無意識的習(xí)慣以及有意識的習(xí)慣都非常重要。在嗶哩嗶哩界面內(nèi)容呈現(xiàn)的設(shè)計中，動態(tài)與靜態(tài)相結(jié)合，以字體設(shè)計輔助圖案造型更加便于識別。在加載區(qū)域通過簡短的動態(tài)圖標(biāo)加以提示，為用戶操作界面提供有趣的線索。在推送界面的設(shè)計中，左右滾動、上下滾動與靜態(tài)界面相結(jié)合，突出推送內(nèi)容的同時也喚起了用戶的行為反應(yīng)。從用戶行為出發(fā)，提升用戶的使用體驗是嗶哩嗶哩成功的因素之一。影視App在節(jié)目選擇、播放體驗、操作便捷度上都有著傳統(tǒng)視頻播放方式無法比擬的優(yōu)勢，然而影視版權(quán)的分散以及繁瑣的會員充值模式常常給用戶帶來額外的麻煩，如何以最簡便的操作方式擁有更多的觀影體驗?zāi)?？嗶哩嗶哩就是這方面的榜樣。

嗶哩嗶哩又稱“B站”，是國內(nèi)最大的年輕人潮流文化娛樂區(qū)，創(chuàng)建于2009年6月12日。目前嗶哩嗶哩活躍用戶超過1.5億，每天視頻播放量超過2億，彈幕總量超過14億，原創(chuàng)投稿總數(shù)超過1000萬，用戶平均年齡17歲，75%的用戶年齡在24歲以下。并在2017年發(fā)布的《移動互聯(lián)網(wǎng)2017年Q2夏季報告》中榮獲24歲及以下年輕用戶偏愛的App第一名。

用戶行為在嗶哩嗶哩中的應(yīng)用

人們的大腦有兩種不同的思維加工模式：一種是理性的，一種是直覺的。心理學(xué)家們對“兩種加工的運作模式”有非常深刻的研究，并由此發(fā)展出“雙通道加工理論”。這個理論認(rèn)為，人們通常意識不到這個模式的存在，大腦的直覺模式根據(jù)人們過去的經(jīng)歷以及一些簡單的經(jīng)驗規(guī)則，讓人們在當(dāng)下的場景時直接產(chǎn)生判斷，這種判斷往往來自人們此時的情緒感受以及身體的感知。如果場景與人們先前的經(jīng)歷十分相似，直覺會非常的有效;相反，在陌生的場景會收獲甚微。嗶哩嗶哩在整體界面設(shè)計的布局上區(qū)別于大多數(shù)國內(nèi)的視頻軟件，在信息欄的組織排列上，緊密豐富并將數(shù)量控制在了用戶可接受的范圍內(nèi)，它的界面設(shè)計以用戶熟悉的操作界面為基礎(chǔ)，有效地增強了用戶的動機，提升了用戶的行動。在欄目和版式的設(shè)計中，視覺重點放在分組的內(nèi)容而不是標(biāo)題上，習(xí)慣有規(guī)律地驅(qū)動直覺行為，也使整個界面的設(shè)計顯得更加飽滿。

在嗶哩嗶哩的界面設(shè)計中，有很多需要用戶完成的行為，這種操作不僅為用戶提供了有效的引導(dǎo)，還減輕了用戶對于新的操作界面在認(rèn)知上的負(fù)荷，為用戶的操作提供了有效的線索。精心設(shè)計的圖標(biāo)按鈕作為獎勵在界面中隨時出現(xiàn)。完成了一套完整的行動過程。當(dāng)用戶產(chǎn)生新的行為時，外部線索是非常重要的，產(chǎn)品可采用將產(chǎn)品植入用戶的日常環(huán)境中的外部提示策略。每次提示保持一定的變化，以免被用戶忽略。如果一個行為越來越頻繁，那么產(chǎn)品就可以幫助用戶建立行為與內(nèi)部線索的關(guān)系。改變用戶行為而設(shè)計時，還應(yīng)注意到同時存在并讓用戶分心的線索提示，我們需要避免或增強這種提示，來爭奪用戶的注意力或造成干擾。在嗶哩嗶哩的視頻播放界面的右上方，分享與“更多”按鈕在外觀設(shè)置上，與其他視頻類App沒有太大區(qū)別，符合一般用戶的使用習(xí)慣。點擊分享，從下方“彈出”的交互動作，不同樣式的分享形式以及同種風(fēng)格的icon設(shè)計，增強了用戶的操作動機。點擊更多，從界面右側(cè)彈出畫面設(shè)置界面，用不同顏色區(qū)分主次，整體風(fēng)格區(qū)別于其他彈窗，且頁面可自定義功能。無論是交互操作、功能內(nèi)容還是品牌視覺上都有規(guī)律地引導(dǎo)行為。

從用戶行為角度出發(fā)構(gòu)建界面版式

人們許多日常行為是下意識的。當(dāng)我們進行產(chǎn)品設(shè)計時，習(xí)慣與其他直覺行為同樣需要被考慮。大腦的運作方式在當(dāng)今社會中存在兩種極端矛盾的解釋觀點：一種認(rèn)為人總是理性的、謹(jǐn)慎的;另一種觀點則認(rèn)為，人類是情感動物，僅僅靠著運氣才能應(yīng)付生活中的各種難題。其實這兩種觀點都是正確的，并且這兩種情況會在我們?nèi)魏我粋€人的身上同時出現(xiàn)，這個事實非常關(guān)鍵，它為如何能設(shè)計一款改變?nèi)藗冃袨榈漠a(chǎn)品提供了思路。一個產(chǎn)品，如果希望我們產(chǎn)生某種特定行為，就必須提示我們，避免我們下意識地做出消極的反應(yīng)，讓我們覺得做這件事是值得的，感受到事情的緊迫性，同時還要確保我們有條件做這些事，所以產(chǎn)品應(yīng)該如何組織，簡化并構(gòu)建出人們這些心理過程。

通過藝術(shù)和科技結(jié)合的手段來支持人性化的交互界面，以區(qū)別于傳統(tǒng)的只注重功能設(shè)計的界面?？茖W(xué)技術(shù)的快速發(fā)展對人類的藝術(shù)活動產(chǎn)生了巨大的影響。電子技術(shù)、計算機技術(shù)、衛(wèi)星技術(shù)等科學(xué)技術(shù)的發(fā)展及其在文化領(lǐng)域的廣泛應(yīng)用，拓展了藝術(shù)的定義、傳播方式和功能。但只注重功能設(shè)計的界面有其技術(shù)工具水平的限制。人性化的交互界面，在于許多設(shè)計所需要的基礎(chǔ)技術(shù)得到普及化后，藝術(shù)在其中的作用和意義就更大。嗶哩嗶哩App界面沿用ICON的粉白配色，配合招牌式的趣味風(fēng)格，顯得年輕化十足。其主導(dǎo)的導(dǎo)航系統(tǒng)采用App上常用的上、下導(dǎo)航。大部分的功能在上下導(dǎo)航欄都可以實現(xiàn)操作。導(dǎo)航需求就是打破時空之限制，在包羅萬象的網(wǎng)絡(luò)信息中，導(dǎo)航是人機交互實踐活動的一種富有創(chuàng)造性的方式。導(dǎo)航根據(jù)App構(gòu)建目標(biāo)，以用戶為中心，組織信息層次并在信息之間建立有目的的關(guān)聯(lián)。在設(shè)計時不僅要按照美的規(guī)律來塑造導(dǎo)航的外觀，還需要按照信息體系結(jié)構(gòu)設(shè)計原則把握導(dǎo)航的構(gòu)架。有效地提供用戶獲取信息途徑，引導(dǎo)用戶實現(xiàn)App所有者的業(yè)務(wù)目標(biāo)。導(dǎo)航推薦是藝術(shù)與科學(xué)、形式與功能、感性與理性結(jié)合的產(chǎn)物，它需要在滿足功能實現(xiàn)的前提下保持足夠的美觀，以用戶為中心的設(shè)計強調(diào)用戶及其需求，充分調(diào)動人們的興趣并給人以美的享受。導(dǎo)航不僅是App頁面間跳轉(zhuǎn)的方法，還是體現(xiàn)導(dǎo)航及其所包含內(nèi)容之間關(guān)系的重要手段。它的目的并不是炫耀內(nèi)容，它是用戶的GPS，在不被過度關(guān)注的舒適環(huán)境中使用戶體驗獲取信息的快感是導(dǎo)航設(shè)計的目標(biāo)。導(dǎo)航明顯，目的明確，到達(dá)便捷。通過合理的導(dǎo)航設(shè)計，將信息服務(wù)充分地展現(xiàn)在用戶面前，縮短查詢時間，提高App瀏覽深度和曝光率，進而，為網(wǎng)絡(luò)用戶提供更強大、舒適的瀏覽環(huán)境。導(dǎo)航設(shè)計是否合理對于App建設(shè)是否成功具有非常大的意義。影視App的版式設(shè)計中，應(yīng)以用戶的角度作為設(shè)計的出發(fā)點，在用戶體驗的基礎(chǔ)上構(gòu)建出用戶的心理版式界面。用戶的心理版式界面是基于用戶在使用影視App的過程中形成的印象，反映出了用戶對影視類App的整體特點。但想要引起對界面的注意，進而使用戶產(chǎn)生愉悅的體驗就不得不在版式中加入陌生化設(shè)計。做出有別于其他同類型App的功能或框架，給用戶新鮮的體驗感受。界面是交互行為的平臺，嗶哩嗶哩首頁精選欄目的界面中，將熱播的影視截屏以左右自動滑動的方式顯示。界面最上方是視頻搜索、個人主頁和消息，以及嗶哩嗶哩的特色——游戲方面的內(nèi)容的標(biāo)識。下方是各個功能按鈕。界面主要部分可以通過直接左右滑動的方式切換界面。整個界面的按鈕大小合理，符合人機工程學(xué)的需求。整個界面的圖標(biāo)設(shè)計有一定的新鮮感同時也與用戶的熟悉程度基本保持了一致，體現(xiàn)出了一致性的設(shè)計原理。在視頻播放時，點擊界面右上方的省略號，后臺播放、鏡像反轉(zhuǎn)、電視投屏等功能體現(xiàn)出了設(shè)計的兼容性。而整個界面采用大塊面分割，信息呈現(xiàn)簡潔清晰，體現(xiàn)出了設(shè)計的簡化性原則，給用戶提供了一個清晰明確的界面。

以情感為切入點，提升用戶交互體驗

情感是人類的特質(zhì)，情感不是物的屬性，也不是App的屬性，情感是用戶的，雖然不能設(shè)計用戶的感情，但可以設(shè)計令用戶產(chǎn)生感情的產(chǎn)品。情感是快速的，人類情感的反應(yīng)遠(yuǎn)遠(yuǎn)快于理智的反應(yīng)。用戶對于網(wǎng)站的最初印象是本能水平的。用戶在二十分之一秒就能評估出App對他的吸引力，App的外觀是影響App可信度的首要因素。情感上最初印象產(chǎn)生的暈輪效應(yīng)會附加在用戶對App的總體理解和交互行為上。影視App界面設(shè)計應(yīng)考慮到用戶的情感需求，減少認(rèn)知摩擦，根據(jù)用戶的需要傳遞重要信息，并關(guān)注到用戶的有限注意力。嗶哩嗶哩根據(jù)用戶的喜好自動推送內(nèi)容，并且以簡潔清晰的方式呈現(xiàn)。在嗶哩嗶哩界面的呈現(xiàn)方式上，色彩簡單又不單調(diào)，易于識別又富有創(chuàng)意。文字介紹通過深淺顏色和大小區(qū)別主次，喚起用戶的視覺情感體驗。從用戶的情感體驗入手，體現(xiàn)出了用戶與界面的交流方式，并且區(qū)別于傳統(tǒng)的只注重功能設(shè)計的界面。良好的交互界面布局可以給用戶可控制、可預(yù)測和易理解的使用體驗，使得界面信息豐富而合理，減少用戶在使用時花費的不必要的時間，提高用戶的信心和滿意度，并進一步產(chǎn)生愉悅的心理感受。用戶體驗基于以用戶為中心的觀點，強調(diào)產(chǎn)品或軟件的應(yīng)用和審美價值，包括印象、功能、易用性、內(nèi)容等因素。這些因素相互關(guān)聯(lián)、不可分割，共同構(gòu)成了用戶體驗。用戶體驗的重點就是以用戶為中心，而以用戶為中心的設(shè)計思想來源于工業(yè)設(shè)計和人類工效學(xué)，提倡讓產(chǎn)品適應(yīng)人的需求，而不是讓人來適應(yīng)產(chǎn)品。美國國會圖書管咨詢員托馬斯在其著作《圖書館研究模型：分類、編目和計算機指南》中指出，大部分人在搜索信息時會選擇更容易獲得的信息資源，盡管這些獲得的信息可能在質(zhì)量上并不高。如果想要質(zhì)量較高的信息，就要付出更多努力。并且，人們更傾向于使用簡單、方便、熟悉的工具。在一定程度上，人們認(rèn)為搜索過程的簡便性比所獲得的信息質(zhì)量更重要。雖然嗶哩嗶哩的用戶主要以年輕化的人群為主，隨著市場的推廣，越來越多的專業(yè)人士也把嗶哩嗶哩作為一個視頻學(xué)習(xí)的App，關(guān)鍵詞的搜索，以及根據(jù)用戶需要推薦的簡便操作，使得用戶減少了在學(xué)習(xí)時搜索部分的時間，進而提升效率，在觀看視頻學(xué)習(xí)時的彈幕功能更讓用戶感覺到“不是自己一個人在學(xué)習(xí)”，體會到App交互的樂趣。

總結(jié)

人本主義學(xué)家馬斯洛提出的需求層次理論，把人類需求分為五個層次：生理需求、安全需求、社交需求、尊重需求、自我實現(xiàn)需求。隨著用戶需求的升級，在實現(xiàn)功能性的前提下，交互界面的用戶體驗創(chuàng)新和升級是大勢所趨，在基于理性化的框架加上感性的創(chuàng)新，用一種全新的角度完成設(shè)計，豐富使用者的體驗。隨著操作系統(tǒng)的更新和硬件設(shè)施性能的提升，如何開發(fā)出易于用戶使用又能夠給用戶良好交互體驗的產(chǎn)品，成為了普遍關(guān)注的問題。嗶哩嗶哩是影視App界面設(shè)計的一個創(chuàng)新開端，它雖然有目標(biāo)用戶的限制，但在界面版式上做的有別于其他影視App而不失特色，信息架構(gòu)清晰便于用戶定位和管理，引導(dǎo)富有新意且明確，提升了用戶的操作效率。在提升用戶體驗的同時也創(chuàng)造了更高的用戶價值?；旧蠞M足了馬洛斯提出的層次需求理論。通過在界面與引導(dǎo)上的創(chuàng)新提升用戶與App的粘性，體現(xiàn)出交互設(shè)計的內(nèi)涵。

參考文獻：

[1]王愉.互聯(lián)網(wǎng)產(chǎn)品視覺設(shè)計[M].北京：清華大學(xué)出版社，2015：23-30.

[2]方興，周娉.交互界面設(shè)計[M].北京：北京大學(xué)出版社，2017：62-65.

[3]施奈德曼.用戶界面設(shè)計[M].張國印，李健利等譯.北京：電子工業(yè)出版社，2004：332.

[4]史蒂芬·溫德爾.隨心所欲：為改變用戶行為而設(shè)計[M].張一弛，孫錦龍譯.北京：電子工業(yè)出版社，2016：35-57.