眾所周知，交互設(shè)計(jì)是產(chǎn)品經(jīng)理的必備技能，對(duì)一款產(chǎn)品進(jìn)行交互設(shè)計(jì)分析，也是產(chǎn)品經(jīng)理的日常工作之一。那么對(duì)于互聯(lián)網(wǎng)產(chǎn)品來說，我們應(yīng)該如何對(duì)其進(jìn)行交互設(shè)計(jì)分析？選取的維度，關(guān)注的重點(diǎn)又有哪些？下文我以抖音播放主頁為例，說說我的看法。

1. 交互設(shè)計(jì)概念

交互設(shè)計(jì)是定義、設(shè)計(jì)人造系統(tǒng)的行為的設(shè)計(jì)領(lǐng)域，它定義了兩個(gè)或多個(gè)互動(dòng)的個(gè)體之間交流的內(nèi)容和結(jié)構(gòu)，使之互相配合，共同達(dá)成某種目的。交互設(shè)計(jì)努力去創(chuàng)造和建立的是人與產(chǎn)品及服務(wù)之間有意義的關(guān)系，它的目標(biāo)可以從“可用性”和”用戶體驗(yàn)“兩個(gè)層面上進(jìn)行分析，關(guān)注以人為本的用戶需求。

綜上所述，我們?nèi)绻胍獙?duì)一款產(chǎn)品進(jìn)行交互設(shè)計(jì)分析，不能光著眼于產(chǎn)品本身，而脫離其用戶。產(chǎn)品是為用戶提供服務(wù)的，而產(chǎn)品的交互設(shè)計(jì)就是為用戶更好的使用產(chǎn)品或其中的某些功能而存在。如果我們單純只看產(chǎn)品，就會(huì)陷入知其然不知其所以然的困境。只有結(jié)合產(chǎn)品用戶的性質(zhì)和使用場(chǎng)景，再加上產(chǎn)品本身的特性進(jìn)行分析，我們才能深入理解為什么要這么對(duì)產(chǎn)品的交互功能進(jìn)行這樣的設(shè)計(jì)，產(chǎn)出的分析文檔才能更加深入。

2. 抖音用戶及場(chǎng)景分析

如果我們想要深入分析抖音的交互設(shè)計(jì)，那么用戶使用場(chǎng)景和產(chǎn)品特性分析就必不可少。因?yàn)槎兑舻慕换ピO(shè)計(jì)都是為突出產(chǎn)品特性和優(yōu)勢(shì)或者方便用戶在場(chǎng)景中使用這些功能而設(shè)計(jì)的。理解這些我們就能知道交互設(shè)計(jì)背后的意義。

2.1 用戶分析

目標(biāo)用戶為一二線城市，90后白領(lǐng)，學(xué)生。用者人群可以分為兩大類：內(nèi)容創(chuàng)造型，主要是通過該平臺(tái)展現(xiàn)自己；滿足自身的表現(xiàn)欲和觀看潛水型，主要是通過該平臺(tái)來消耗碎片化時(shí)間來獲得樂趣，并觀看評(píng)論，和好友分享。

2.2 使用場(chǎng)景

（1）只觀看用戶

隨時(shí)隨地，在碎片化的休閑時(shí)間觀看，從而得到放松。

（2）拍攝視頻記錄生活用戶

在旅游，聚會(huì)或遇見有意思的事情時(shí)，拍攝視頻進(jìn)行分享。

（3）PGC，MCN制作者

音樂愛好者團(tuán)隊(duì)，進(jìn)行充分設(shè)計(jì)，多人拍攝精致高質(zhì)量視頻，并進(jìn)行后期處理。

2.3 短視頻優(yōu)勢(shì)

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

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

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

（4）能有效利用社交，激發(fā)參與和分享。用戶觀看、評(píng)論、傳播視頻作品打破時(shí)間和地點(diǎn)上的限制，可快速參與到視頻的觀賞和討論中；高播放量和評(píng)論也反向激勵(lì)創(chuàng)作者產(chǎn)出更好作品，社交渠道的分享，為用戶的分享欲提供了便捷的傳播渠道。

（5）更加沉浸式的體驗(yàn)。從文字到圖片，最終到視頻，人們的視聽體驗(yàn)被全方位調(diào)動(dòng)。視頻除了繼承圖文的優(yōu)勢(shì)，還通過調(diào)動(dòng)用戶的視覺和聽覺，帶來更加沉浸式的體驗(yàn)，單條視頻內(nèi)容比單條資訊更能夠黏住用戶。

（6）消費(fèi)的時(shí)間更加碎片化了，長視頻不適合碎片化消費(fèi)；消費(fèi)的場(chǎng)景更加豐富了，原來必須坐在客廳或者電腦前觀看，現(xiàn)在隨時(shí)隨地刷。

3. 交互設(shè)計(jì)分析維度

進(jìn)行上述分析之后，我們完成了交互設(shè)計(jì)的“背景調(diào)研”，但是還有一個(gè)更重要的問題就是選取分析的維度。因?yàn)榻换ピO(shè)計(jì)比較雜亂，直接對(duì)映入眼簾的每個(gè)元素進(jìn)行分析，容易產(chǎn)生東說一嘴西說一句的問題，最后產(chǎn)出的文檔也雜亂無章。那么應(yīng)該采用什么思路和方法呢？

3.1 分析框架和布局

框架是一個(gè)產(chǎn)品的筋和骨，它是整個(gè)產(chǎn)品的基礎(chǔ)，當(dāng)你把所有元素都拆解開來之后，就可以開始更加深入的思考：每個(gè)元素存在這里的意義，比如為什么搜索區(qū)會(huì)在內(nèi)容區(qū)的頂部？為什么搜索區(qū)在默認(rèn)狀態(tài)下是不展示的，而是需要用戶手動(dòng)向下滑出？為什么在導(dǎo)航欄的右上角放個(gè)添加圖標(biāo)？消息列表為什么頭像都放左邊？頭像為何不像QQ那樣用圓形？不停地問為什么，你會(huì)發(fā)現(xiàn)很多細(xì)節(jié)都值得琢磨。

3.2 思考其流程與邏輯

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

3.2 羅列其狀態(tài)與規(guī)則

狀態(tài)代表了一個(gè)產(chǎn)品的心情和情緒，這里的狀態(tài)指的是各個(gè)元素在不同狀態(tài)所呈現(xiàn)出來不同的樣式?？梢源笾職w納為：角色、時(shí)間、場(chǎng)景。

角色狀態(tài)是指不同的用戶身份所呈現(xiàn)的不同的頁面狀態(tài)，時(shí)間狀態(tài)是指在不同的時(shí)間段，頁面的展示也并不是一層不變的，場(chǎng)景狀態(tài)即在不同的場(chǎng)景下，頁面狀態(tài)也會(huì)呈現(xiàn)符合當(dāng)前場(chǎng)景下的展示規(guī)則，其類型相對(duì)較多，比如沒有網(wǎng)絡(luò)，網(wǎng)絡(luò)中斷，內(nèi)容被清空，夜間模式與白天模式，手機(jī)橫屏等等……

4. 抖音交互設(shè)計(jì)分析

由于只對(duì)抖音播放主頁進(jìn)行交互設(shè)計(jì)分析，所以不再考慮第三種使用場(chǎng)景及視頻拍攝和后期視頻處理方面用戶需求。根據(jù)上述使用場(chǎng)景以及短視頻自身特點(diǎn)，抖音播放主頁的交互設(shè)計(jì)滿足如下用戶需求：

4.1 快速觀看，更加沉浸式的體驗(yàn)

抖音采用進(jìn)入APP默認(rèn)啟動(dòng)播放交互形式，給用戶即時(shí)浸入的創(chuàng)新體驗(yàn)，結(jié)合抖音音樂短視頻的特點(diǎn)，動(dòng)聽的音樂在用戶碎片化的休閑時(shí)間進(jìn)入APP時(shí)可以快速激發(fā)用戶興趣，增加用戶粘性。

缺點(diǎn)： 由于進(jìn)入即進(jìn)行播放，而且抖音使用時(shí)經(jīng)常在上班路途或者其他無wifi區(qū)域，每次都有模態(tài)對(duì)話框提醒，打斷用戶觀看?？梢愿臑榉悄B(tài)上方tag方式提醒，在用戶觀看的同時(shí)提醒用戶在非wifi環(huán)境。

4.2 操作簡(jiǎn)單快捷

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

4.3 鼓勵(lì)社交，分享

抖音中，用戶首頁，快捷關(guān)注，贊，評(píng)論，分享，旋轉(zhuǎn)音樂光盤等按鈕垂直排列在視頻播放主頁右側(cè)。按鈕較大，占據(jù)位置明顯，播放超過兩次視頻分享按鈕變?yōu)榕笥讶D標(biāo)，關(guān)注者視頻播放下方出現(xiàn)用戶評(píng)論字樣，鼓勵(lì)用于進(jìn)行社交操作，這解決了用戶希望社交，觀看評(píng)論，進(jìn)行分享的需求，也與短視頻適合分享，快速傳播的特點(diǎn)契合。并且內(nèi)容制作者收到用戶評(píng)論點(diǎn)贊的正向鼓勵(lì)，也可以激發(fā)他們的創(chuàng)作激情。

4.4 整體界面內(nèi)容充足，充滿時(shí)尚感

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

4.5 個(gè)性化推薦，更加良好的內(nèi)容分發(fā)

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

本文由 @五星小兵 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來源于網(wǎng)絡(luò)