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

劉依文 吳韻霖

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

關鍵詞 ：用戶體驗 ;短視頻 APP ;界面設計

中圖分類號 ：J524文獻標識碼 ：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用戶體驗概述

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

總而言之，用戶體驗是關注在特定語境下，操作或享用產品或服務時的所做、所想、所感 ;體驗設計思維把用戶經歷當做設計對象，兩者站在不同的角度關注人性的需求。

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

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

2.1 界面視覺感知比較分析

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

2.2 交互行為感知比較分析

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

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

3.1 增強觀看體驗的沉浸感

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

3.2 營造社交互動氛圍

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

3.3 注重用戶主動選擇性

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

4 結語

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

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

參考文獻

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

[2] 李強.老年產品的情感化設計趨勢研究 [J].工業設計，2020（11）：64-65.

[3] 趙婉茹.基于互聯網產品的用戶體驗要素研究 [D].江南大學，2015.

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

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

[6] 劉逍瀟.短視頻 APP 的發展現狀與對策分析 [D].江西師范大學，2017.