抖音播放主頁交互設計分析

8 評論 24971 瀏覽 105 收藏 12 分鐘

眾所周知,交互設計是產品經理的必備技能,對一款產品進行交互設計分析,也是產品經理的日常工作之一。那么對于互聯網產品來說,我們應該如何對其進行交互設計分析?選取的維度,關注的重點又有哪些?下文我以抖音播放主頁為例,說說我的看法。

1. 交互設計概念

交互設計是定義、設計人造系統的行為的設計領域,它定義了兩個或多個互動的個體之間交流的內容和結構,使之互相配合,共同達成某種目的。交互設計努力去創造和建立的是人與產品及服務之間有意義的關系,它的目標可以從“可用性”和”用戶體驗“兩個層面上進行分析,關注以人為本的用戶需求。

綜上所述,我們如果想要對一款產品進行交互設計分析,不能光著眼于產品本身,而脫離其用戶。產品是為用戶提供服務的,而產品的交互設計就是為用戶更好的使用產品或其中的某些功能而存在。如果我們單純只看產品,就會陷入知其然不知其所以然的困境。只有結合產品用戶的性質和使用場景,再加上產品本身的特性進行分析,我們才能深入理解為什么要這么對產品的交互功能進行這樣的設計,產出的分析文檔才能更加深入。

2. 抖音用戶及場景分析

如果我們想要深入分析抖音的交互設計,那么用戶使用場景和產品特性分析就必不可少。因為抖音的交互設計都是為突出產品特性和優勢或者方便用戶在場景中使用這些功能而設計的。理解這些我們就能知道交互設計背后的意義。

2.1 用戶分析

目標用戶為一二線城市,90后白領,學生。用者人群可以分為兩大類:內容創造型,主要是通過該平臺展現自己;滿足自身的表現欲和觀看潛水型,主要是通過該平臺來消耗碎片化時間來獲得樂趣,并觀看評論,和好友分享。

2.2 使用場景

(1)只觀看用戶

隨時隨地,在碎片化的休閑時間觀看,從而得到放松。

(2)拍攝視頻記錄生活用戶

在旅游,聚會或遇見有意思的事情時,拍攝視頻進行分享。

(3)PGC,MCN制作者

音樂愛好者團隊,進行充分設計,多人拍攝精致高質量視頻,并進行后期處理。

2.3 短視頻優勢

(1)短視頻比圖文更為豐富生動、比直播和長視頻門檻低效率高,無疑是各大巨頭需要爭搶的流量入口

(2)即拍即傳,可操作性強。短視頻通過應用快速拍攝和制作,并利用應用提供的濾鏡、特效等輔助工具剪輯和美化作品,入門門檻低,讓小白也能制作顯得專業化的內容。

(3)即時觀看,傳播性強。短小精悍,可以有效利用觀看者的時間碎片直接播放,用戶只需要幾分鐘就可觀看視頻,播放量更容易上升。

(4)能有效利用社交,激發參與和分享。用戶觀看、評論、傳播視頻作品打破時間和地點上的限制,可快速參與到視頻的觀賞和討論中;高播放量和評論也反向激勵創作者產出更好作品,社交渠道的分享,為用戶的分享欲提供了便捷的傳播渠道。

(5)更加沉浸式的體驗。從文字到圖片,最終到視頻,人們的視聽體驗被全方位調動。視頻除了繼承圖文的優勢,還通過調動用戶的視覺和聽覺,帶來更加沉浸式的體驗,單條視頻內容比單條資訊更能夠黏住用戶。

(6)消費的時間更加碎片化了,長視頻不適合碎片化消費;消費的場景更加豐富了,原來必須坐在客廳或者電腦前觀看,現在隨時隨地刷。

3. 交互設計分析維度

進行上述分析之后,我們完成了交互設計的“背景調研”,但是還有一個更重要的問題就是選取分析的維度。因為交互設計比較雜亂,直接對映入眼簾的每個元素進行分析,容易產生東說一嘴西說一句的問題,最后產出的文檔也雜亂無章。那么應該采用什么思路和方法呢?

3.1 分析框架和布局

框架是一個產品的筋和骨,它是整個產品的基礎,當你把所有元素都拆解開來之后,就可以開始更加深入的思考:每個元素存在這里的意義,比如為什么搜索區會在內容區的頂部?為什么搜索區在默認狀態下是不展示的,而是需要用戶手動向下滑出?為什么在導航欄的右上角放個添加圖標?消息列表為什么頭像都放左邊?頭像為何不像QQ那樣用圓形?不停地問為什么,你會發現很多細節都值得琢磨。

3.2 思考其流程與邏輯

當我們拆解完所有的元素后,我們需要開始思考元素與元素之間的關系,將其串聯起來就是流程,流程和邏輯就像是產品的心臟和血液,使得每個元素之間完美連接起來。比如這里我看到有一個搜索框,你所需要思考的不僅僅單純這個控件的樣式而已,你真正需要考慮的是用戶在使用這個功能的時候需要操作的整個流程有哪些。在這一系列的過程中可能就需要思考怎么優化體驗,比如是否可以縮短操作流程、是否可以減少用戶的輸入內容、怎樣能夠快速讓用戶找到搜索結果等等……

3.2 羅列其狀態與規則

狀態代表了一個產品的心情和情緒,這里的狀態指的是各個元素在不同狀態所呈現出來不同的樣式??梢源笾職w納為:角色、時間、場景。

角色狀態是指不同的用戶身份所呈現的不同的頁面狀態,時間狀態是指在不同的時間段,頁面的展示也并不是一層不變的,場景狀態即在不同的場景下,頁面狀態也會呈現符合當前場景下的展示規則,其類型相對較多,比如沒有網絡,網絡中斷,內容被清空,夜間模式與白天模式,手機橫屏等等……

4. 抖音交互設計分析

由于只對抖音播放主頁進行交互設計分析,所以不再考慮第三種使用場景及視頻拍攝和后期視頻處理方面用戶需求。根據上述使用場景以及短視頻自身特點,抖音播放主頁的交互設計滿足如下用戶需求:

4.1 快速觀看,更加沉浸式的體驗

抖音采用進入APP默認啟動播放交互形式,給用戶即時浸入的創新體驗,結合抖音音樂短視頻的特點,動聽的音樂在用戶碎片化的休閑時間進入APP時可以快速激發用戶興趣,增加用戶粘性。

缺點: 由于進入即進行播放,而且抖音使用時經常在上班路途或者其他無wifi區域,每次都有模態對話框提醒,打斷用戶觀看??梢愿臑榉悄B上方tag方式提醒,在用戶觀看的同時提醒用戶在非wifi環境。

4.2 操作簡單快捷

抖音中播放主頁的交互方式都彰顯方便快捷的特點,如:下拉切換下一條視頻,雙擊點贊,單擊繼續/暫停播放,左滑查看用戶首頁,由于用戶需求本來就是在零散時間使用,所以交互方式不能耽誤用戶時間,浪費用戶學習精力,否則很容易讓用戶放棄。

4.3 鼓勵社交,分享

抖音中,用戶首頁,快捷關注,贊,評論,分享,旋轉音樂光盤等按鈕垂直排列在視頻播放主頁右側。按鈕較大,占據位置明顯,播放超過兩次視頻分享按鈕變為朋友圈圖標,關注者視頻播放下方出現用戶評論字樣,鼓勵用于進行社交操作,這解決了用戶希望社交,觀看評論,進行分享的需求,也與短視頻適合分享,快速傳播的特點契合。并且內容制作者收到用戶評論點贊的正向鼓勵,也可以激發他們的創作激情。

4.4 整體界面內容充足,充滿時尚感

抖音中使用上下雙tag和右側評論欄收起,左下部分以文本方式展示主題,創作者注釋,音樂原聲等。無論是分享,社交,介紹,查看音樂,自己創作,所有內容基本可以在首頁找到,這也符合用戶操作簡單,功能路徑短的需求。雖然稍顯雜亂但是配合音樂帶來的用戶體驗,以及較為時尚的視覺效果(黑色的主題色及留聲機等),削弱了凌亂的感覺。同時視覺效果符合年輕人的審美觀念和目標用戶契合。

4.5 個性化推薦,更加良好的內容分發

抖音在播放界面除了加入點贊,關注等選項,對用戶進行個性化分析外,長按界面可以選擇不感興趣,以后減少類似視頻播放,增加推薦精準度。同時在播放界面用戶可以通過選擇推薦,附近,關鍵字搜索,關注,同背景音短視頻等多種方式,進行多維度的視頻搜索。更加精準化的個性化推薦和良好的內容分發,解決了用戶想要看自己喜歡的視頻,避免無謂的時間浪費的需求,增加用戶粘性。同時這也是頭條旗下產品的最重要特點。

 

本文由 @五星小兵 原創發布于人人都是產品經理。未經許可,禁止轉載。

題圖來源于網絡

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 你好,我有一個問題,就是你說建議抖音一打開就播放,一邊播放一邊提醒用戶是否切換網絡。這里有個問題,就是可能用戶是不想用自己的流量的,但是一打開就播放了,就開始消耗自己的流量。這不是一個不好的體驗嗎?

    回復
  2. 需要開通抖音購物車其他功能 加入互粉 交流 拍攝教程群的 添我V ycwh95279527 來著填用意

    來自浙江 回復
  3. 斷網提示是要推免流卡的,這種場景的提示下,推廣是最有效的。抖音的一個交互問題是,我滑入某個人的視頻列表頁后,觀看他的歷史視頻,此時不能通過右滑退出來。。。。。這一直是我用的不爽的地方

    來自江蘇 回復
    1. 可以右劃退出啊,我剛試了

      來自廣東 回復
    2. 進入個人頁后,再點他的相關視頻,就不能右滑退出了

      來自江蘇 回復
    3. 可以啊,打開個人主頁,點擊下面的視頻,上劃,左滑沒交互動作,右劃是退出視頻,回到個人主頁;下滑是切換其它視頻,沒毛病啊

      來自廣東 回復
    4. 左,右,上,下傻傻分不清 ?

      來自廣東 回復
  4. 已閱

    來自河南 回復