用戶體驗視角下的短視頻 APP 界面設(shè)計比較研究

劉依文 吳韻霖

摘要 ：本文從用戶體驗的角度出發(fā)，分析對比三款典型短視頻 APP 抖音、快手、微視界面使用的視覺感知、交互感知，歸納三者之間的異同與優(yōu)缺點(diǎn)，提出基于用戶體驗的短視頻 APP 界面設(shè)計策略。總結(jié)出短視頻 APP 界面設(shè)計中應(yīng)充分考慮用戶在視覺層面、交互層面、心理感知層面的需求，增強(qiáng)用戶觀看體驗的沉浸感，營造社交互動氛圍，注重用戶主動選擇性。通過本文的研究，以期能幫助提升短視頻 APP 產(chǎn)品的用戶粘性與市場競爭力。

關(guān)鍵詞 ：用戶體驗 ;短視頻 APP ;界面設(shè)計

中圖分類號 ：J524文獻(xiàn)標(biāo)識碼 ：A

文章編碼 ：1672-7053（2021）07-0095-02

Abstract ：This paper from the perspective of user experience， this paper analyzes and compares the visual perception and interactive perception used by three typical short video APPs， Douyin， Kuaishou and Micro-horizon， summarizes the similarities and differences， advantages and disadvantages of the three， and puts forward the interface design strategy of short video APPs based on user experience.It is concluded that the interface design of short video app should fully consider the needs of users in the visual level， interactive level and psychological perception level， enhance the immersion of users to enhance the viewing experience， create a social interaction atmosphere， and pay attention to users' initiative and selectivity， so as to enhance the user stickiness and market competitiveness of the product.

Key Words ：User experience; Short video APP; Interface design

1用戶體驗概述

互聯(lián)網(wǎng)產(chǎn)品興起之后，用戶體驗（User Experience，簡稱UE 或 UX）理念在人機(jī)交互的發(fā)展領(lǐng)域逐漸受到重視。用戶體驗是指使用者在操作或使用一件產(chǎn)品或一項服務(wù)時的所做、所想和所感，涉及到通過產(chǎn)品和服務(wù)提供給使用者的理性價值與感性體驗 [1]。用戶體驗的好壞沒有確切統(tǒng)一的評價標(biāo)準(zhǔn)，從企業(yè)到學(xué)術(shù)界，很多學(xué)者從不同的角度探究“用戶體驗設(shè)計方法”在產(chǎn)品優(yōu)化中所起到的作用。唐納德 · 諾曼在《情感化設(shè)計》中提到設(shè)計的三個層次 ：從本能層次、行為層次、到反思層次的設(shè)計 [2]。即指產(chǎn)品設(shè)計所體現(xiàn)的從表面印象、使用過程的愉悅感到產(chǎn)品體驗所能帶來的在精神、情感上更高級的感受，而這三者在一個產(chǎn)品設(shè)計上能相互影響作用。Jesse James Garrett 在《用戶體驗要素》一書中提出了用戶體驗的五個層次， 包括 ：戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層、表面層。內(nèi)涵依次是 ：明確產(chǎn)品目標(biāo)和用戶需求、產(chǎn)品功能設(shè)定與內(nèi)容需求、交互設(shè)計與信息架構(gòu)、界面信息與導(dǎo)航設(shè)計、界面視覺表現(xiàn)設(shè)計，五要素囊括了要打造一個完整的互聯(lián)網(wǎng)產(chǎn)品所需考慮與設(shè)計的各個方面，這些內(nèi)容直接或間接影響到產(chǎn)品的用戶體驗。江南大學(xué)趙婉茹在《基于互聯(lián)網(wǎng)產(chǎn)品的用戶體驗要素研究》一文中運(yùn)用 EPI 用戶體驗要素驗證了該模型在微信紅包與支付寶紅包使用體驗改進(jìn)的可行性。E（Expectation）指用戶對產(chǎn)品的期許、需求、事前認(rèn)知 ;P（Progress）進(jìn)程 ：指用戶在使用功能交互過程中的路徑、互動、操作等 ;I（Impact）指用戶交互過程中的情緒波動、自我感覺等 [3]?；谛睦韺W(xué)領(lǐng)域的心流體驗理論，也被應(yīng)用于 APP 用戶體驗的研究范疇，在使用產(chǎn)品時的愉悅感、興奮感、自我掌控感、甚至自我意識的喪失都屬于心流理論的研究范疇 [4]。近年，在關(guān)注用戶體驗的基礎(chǔ)上，“體驗”設(shè)計也逐漸被重視起來， 辛向陽在《從用戶體驗到體驗設(shè)計》中提出體驗 EEI 模 型 ， 期許（Expectation）、事件（Event）和影響（Impact）[1]。

總而言之，用戶體驗是關(guān)注在特定語境下，操作或享用產(chǎn)品或服務(wù)時的所做、所想、所感 ;體驗設(shè)計思維把用戶經(jīng)歷當(dāng)做設(shè)計對象，兩者站在不同的角度關(guān)注人性的需求。

2 用戶體驗視角下的短視頻 APP 界面設(shè)計比較分析

本文將上述研究進(jìn)行歸納總結(jié)，主要從界面視覺感知、交互行為感知這兩個層面來對比分析三款較為典型的短視頻 APP（抖音、快手、微視）的用戶體驗，并提出設(shè)計建議。短視頻 APP 是典型的互聯(lián)網(wǎng)新興產(chǎn)物，平臺視頻能快速制作并傳播、時長較短一般在 5 秒～ 5 分鐘不等，能實(shí)現(xiàn)社交互動的功能。抖音，音樂短視頻社區(qū)，其中特色是“音樂”，玩法有趣多變。快手，普通人的短視頻社區(qū)，一直以來都以“普通人”定位，使得產(chǎn)品具有良好的用戶參與感、歸屬感。微視，短視頻分享社區(qū)，其中特色是“分享”，可分享至騰訊系社交產(chǎn)品，有深厚的背景資源。

2.1 界面視覺感知比較分析

先 從 APP 圖標(biāo)進(jìn)行分析， 如抖音、 快 手、 微 視 APP 圖標(biāo)設(shè)計（抖音版本 14.6.2，快手版本 9.0.40.18270，微視版本8.10.1.588）。抖音圖標(biāo)將平臺名稱的首字母“d”與音符元素融合，將圖形用“錯位”“失真”“毛刺”的藝術(shù)手法表現(xiàn)“抖動”“幻影”的動感姿態(tài)，與其“音樂”特色符合?？焓謭D標(biāo)是標(biāo)志性的“攝像機(jī)”，由圓、三角形、方塊最樸素的元素構(gòu)建而成，直白、和諧。微視圖標(biāo)使用一個播放鍵元素，用多維度的線條設(shè)計而成，寓意用戶可以從多角度來看世界。從界面設(shè)計整體風(fēng)格來看，抖音與微視頁面背景都是深色，同時局部搭配色彩鮮亮的 ICON，視覺對比強(qiáng)烈，呈現(xiàn)出活躍、豐富、潮流的視覺效果?？焓忠园咨尘盀橹鳎钆涑壬?，界面風(fēng)格較為常見。在視頻播放頁，微視在 ICON 設(shè)計上展現(xiàn)了更多細(xì)節(jié)，在交互動態(tài)圖形的反饋上，增加了趣味性 ;播放視頻時，三者的界面設(shè)計都趨向于全屏展示，其中微視界面邊緣的功能鍵、界面文字等相對尺寸最小，快手則在播放視頻時底欄 ICON 無背景，全屏觀看的體驗最好。

2.2 交互行為感知比較分析

辛向陽老師在論文《交互設(shè)計 ：從物理邏輯到行為邏輯》中提出交互行為五要素 ：People 用戶、Contexts 場景、Actions行為、Means 工具或媒介、Purpose 目的。即交互設(shè)計關(guān)注的是什么人，在什么情況下，通過什么途徑或方法發(fā)生了什么行為，完成了什么事情。用戶觀看視頻時三者都是深色背景單列瀑布流，上下滑動切換視頻，評論等視頻互動按鈕位于屏幕右側(cè)，不直接展示 ;這種方式減少視頻播放界面的干擾信息，隨即切換，能讓用戶持續(xù)性、沉浸性觀看視頻。抖音及微視單擊視頻暫停，快手則需單擊后在屏幕指定位置暫停視頻 ;前者暫停步驟少，相比更易誤操作，但對于短時觀看的過程來說誤操作幾率也小，因此隨即暫停也符合短視頻的特點(diǎn)。在平臺其他欄目視頻里如快手的“發(fā)現(xiàn)”，以靜態(tài)雙列卡片流的展示形式，以提供更多選擇，但抖音內(nèi)容都以單列視頻直接播放為主，如圖 1 ;微視在點(diǎn)贊等互動功能交互設(shè)計趣味性更強(qiáng)，動態(tài)反饋強(qiáng)烈，如圖 2 第三、四個頁面。以下舉出在視頻瀏覽頁查看作者主頁功能的交互設(shè)計，快手左滑出現(xiàn)側(cè)邊欄單列縮略圖展示作者作品，可上下滑動直接查看作品，再次左滑查看作者主頁 ;抖音、微視點(diǎn)擊進(jìn)入作者主頁可查看作者其他視頻 ;相較抖音、微視，快手減少了頁面跳轉(zhuǎn)，如圖 3 第二個頁面。在視頻發(fā)布頁，各平臺玩法相似，制作視頻的流程較為簡易化。其中以抖音的音樂特色突出，在視頻播放頁有單獨(dú)錄同款音樂的功能入口 ;微視將視頻模版用卡片左右滑動，信息布局展示相對繁雜，但能讓用戶提前看到視頻效果，另一層面也減少了用戶反復(fù)篩選的過程，如圖 2 第二個頁面。

3 用戶體驗視角下的短視頻 APP 界面設(shè)計建議

3.1 增強(qiáng)觀看體驗的沉浸感

短視頻 APP 的觀看體驗尤為重要，所以需要重點(diǎn)打造觀看的沉浸感，用以提升視頻曝光率與用戶活躍度 [5]。從視覺感官層面上來講，應(yīng)簡化界面，全屏展示視頻內(nèi)容，減少觀看時的冗雜信息 ;從交互感官層面上來講，應(yīng)簡化功能、減少累贅操作功能，增強(qiáng)用戶與視頻的互動反饋的動態(tài)效果 ;在內(nèi)容方面應(yīng)創(chuàng)新視頻推送機(jī)制，保持內(nèi)容的新鮮感，可考慮借用 AR、VR 等特效使視頻內(nèi)容差異化，強(qiáng)化用戶觀看體驗的沉浸感、真實(shí)感。

3.2 營造社交互動氛圍

即拍即傳、制作門檻低，能讓普通人也成為擁有數(shù)萬粉絲的“小明星”，是短視頻 APP 流行的主要原因。那么增強(qiáng)其社交媒體屬性，也是設(shè)計應(yīng)該著重考慮的部分。簡化拍攝流程 ;在作品的點(diǎn)贊與評價反饋方面應(yīng)設(shè)計出更多的細(xì)節(jié) ;提高分享到其他社交平臺的便捷性，增加作者作品的曝光率，如為引導(dǎo)用戶成功分享，當(dāng)用戶觀看一個視頻超過三次，界面的分享圖標(biāo)會自動顯示為微信圖標(biāo)。如“允許別人跟我拍同框”“允許拍攝同款視頻”，鼓勵用戶社交互動，使得用戶的參與感與線上活動的趣味性得到提升。

3.3 注重用戶主動選擇性

除了提升觀看體驗，增強(qiáng)社交氛圍為平臺引流，創(chuàng)造商業(yè)價值之外，對于精準(zhǔn)推薦、輕松瀏覽等用戶長時間被動式接受信息，應(yīng)提供用戶更多視頻的自主選擇權(quán)，并引導(dǎo)用戶主動創(chuàng)作，帶給用戶更深層次的滿足感 [6]。如單列卡片低容錯、觀感流暢，但雙列卡片流可以提供用戶更多選擇。同時依據(jù)數(shù)據(jù)推薦視頻，應(yīng)增加低熱度內(nèi)容的曝光機(jī)會，鼓勵更多不同類型用戶參與創(chuàng)作，如注重視頻的評論率，增加視頻分類。

4 結(jié)語

信息科技的發(fā)展，為短視頻 APP 的流行與創(chuàng)新創(chuàng)造了良好的條件，但同時用戶的需求也越發(fā)多樣化 ;互聯(lián)網(wǎng)產(chǎn)品功能強(qiáng)大又復(fù)雜，用戶體驗設(shè)計需要面對的問題很多，基于產(chǎn)品戰(zhàn)略的 APP 視覺設(shè)計、交互設(shè)計是未來短視頻 APP 領(lǐng)域面臨的挑戰(zhàn)之一。本文對比分析了三款比較有代表性的短視頻 APP 的界面設(shè)計，提出了基于用戶體驗的短視頻 APP 設(shè)計建議。只有了解用戶核心需求，挖掘潛在需求，優(yōu)化用戶與產(chǎn)品間傳遞和交換信息的媒介――界面，才能維持產(chǎn)品的用戶流量，幫助短視頻APP 穩(wěn)定發(fā)展。

本文系 2020 年廣州大學(xué)華軟軟件學(xué)院教學(xué)研究、科學(xué)研究項目（基金編號 ：ky202034）。

參考文獻(xiàn)

[1] 辛向陽.從用戶體驗到體驗設(shè)計 [J].包裝工程，2019，40（08）：60-67.

[2] 李強(qiáng).老年產(chǎn)品的情感化設(shè)計趨勢研究 [J].工業(yè)設(shè)計，2020（11）：64-65.

[3] 趙婉茹.基于互聯(lián)網(wǎng)產(chǎn)品的用戶體驗要素研究 [D].江南大學(xué)，2015.

[4] 趙文秀.心流體驗下的音樂短視頻類 App 交互設(shè)計研究 [D].江南大學(xué)，2019.

[5] 殷俊，周夢潔.基于用戶體驗的短視頻 APP 設(shè)計研究 [J].包裝工程，2020，41（06）：198-204.

[6] 劉逍瀟.短視頻 APP 的發(fā)展現(xiàn)狀與對策分析 [D].江西師范大學(xué)，2017.