從交互角度分析:為什么我沉迷抖音,卻不想刷微視?

33 評(píng)論 26092 瀏覽 101 收藏 6 分鐘

本文作者僅從交互角度來(lái)看下抖音和微視的不同,一起來(lái)看看~

最近已經(jīng)是個(gè)抖友了!每天抖音中毒停不下來(lái)。

因?yàn)槲⒁暿球v訊力推的產(chǎn)品,出于好奇也下載了。作為交互設(shè)計(jì)師,我抱著一種公平的心態(tài)來(lái)看待這兩款軟件,沒(méi)有先入為主,絲毫不偏頗的去刷視頻,抖音依舊使我中毒,微視卻讓我刷不下去。

作為只刷視頻不創(chuàng)作的用戶,影響體驗(yàn)的兩大方面是:視頻內(nèi)容和交互細(xì)節(jié)。但內(nèi)容分析起來(lái)水太深了,牽涉很多運(yùn)營(yíng)問(wèn)題,我也不專業(yè),因此我們只討論交互細(xì)節(jié)。

一、首頁(yè)的視覺(jué)焦點(diǎn)是最大的問(wèn)題

你可以拿兩個(gè)手機(jī),同時(shí)打開(kāi)微視和抖音,在小小一塊屏幕上,抖音很容易聚焦在視頻本身,而微視很容易聚焦到頭像區(qū)域,或者被拍攝 icon 吸引,原因如下。

首先是頭像區(qū)域的位置,抖音的頭像區(qū)域在右側(cè),用戶看視頻時(shí)往往會(huì)忽略此位置,專注于視頻內(nèi)容;而微視的頭像區(qū)域在頁(yè)面左下角,非常搶眼,視覺(jué)焦點(diǎn)很容易就被搶占,而忽略視頻內(nèi)容本身。

其次信息組成,抖音的頭像區(qū)域只顯示頭像和關(guān)注按鈕,且組合設(shè)計(jì)占位小,而用戶名顯示在頁(yè)面右側(cè),雖然將用戶信息分開(kāi)了,但不影響視頻瀏覽;而微視將頭像、關(guān)注 icon、用戶名、作品數(shù)量、大V標(biāo)志等信息全部聚合在了一起,雖然這些信息之間確實(shí)關(guān)系緊密,但有些信息用戶其實(shí)并不關(guān)心,這樣設(shè)計(jì)還占了較大位置,用戶瀏覽視頻時(shí),也很容易被頭像區(qū)域吸引而忽略了視頻內(nèi)容本身。

拍攝 icon 設(shè)計(jì)的太過(guò)搶眼,又一個(gè)搶占視覺(jué)焦點(diǎn)的元素。

二、更小的 icon 和文案

和抖音相比,微視的跟拍、點(diǎn)贊、評(píng)論、轉(zhuǎn)發(fā)、音樂(lè)等 icon 太緊湊,點(diǎn)擊熱區(qū)更小,很擔(dān)心誤觸。

視頻要配著輔助文案一起看才爽,但是微視輔助文案的字號(hào)……用戶名比你大,經(jīng)紀(jì)人名字和你一樣大,挑戰(zhàn)的名稱(起床真的很難嗎)也和你一樣大,音樂(lè)名稱也和你一樣大,輔助文案已經(jīng)被淹沒(méi)的沒(méi)有重點(diǎn)了,還能一起爽嗎?

經(jīng)紀(jì)人,這個(gè)文案信息用戶并不關(guān)心,這個(gè)經(jīng)紀(jì)人不是說(shuō)視頻作者是個(gè)明星,就是個(gè)熱門(mén)推手,如果你想讓自己的視頻上熱門(mén),找經(jīng)紀(jì)人就對(duì)了。對(duì)于視頻作者來(lái)說(shuō),當(dāng)然很重要,但對(duì)于普通用戶來(lái)講毫無(wú)用處。

三、評(píng)論頁(yè)面無(wú)趣

評(píng)論頁(yè)面的重要程度,僅次于首頁(yè),要知道看網(wǎng)友抖機(jī)靈是人生一大樂(lè)趣!但微視的評(píng)論我真的看不下去。

抖音的評(píng)論浮層的展示規(guī)則為:點(diǎn)贊最多的的評(píng)論/回復(fù)排名在前,可以看到更多的抖機(jī)靈的回復(fù)。

微視的規(guī)則是:點(diǎn)贊最多的評(píng)論顯示在前,如果該評(píng)論有回復(fù),回復(fù)展示在評(píng)論下方,所以經(jīng)常能看到像上圖這樣的情況-評(píng)論浮層全都是沒(méi)什么趣味的回復(fù),這點(diǎn)真的可以改一下。

四、總結(jié)

大部分用戶都和我一樣,只是享受瀏覽內(nèi)容的樂(lè)趣而不去創(chuàng)作,對(duì)于這部分用戶來(lái)講,首頁(yè)和評(píng)論頁(yè)面非常重要,微視可以針對(duì)這兩個(gè)頁(yè)面重點(diǎn)優(yōu)化:

  • 讓用戶關(guān)注視頻內(nèi)容本身,其次是輔助文案的易讀性。這是最高優(yōu)先級(jí),其他的用戶信息,音樂(lè)信息等都是次要的,可以降低優(yōu)先級(jí)或者轉(zhuǎn)移。
  • icon 的設(shè)計(jì)應(yīng)該符合用戶操作習(xí)慣,icon 太小,會(huì)讓用戶操作時(shí)因擔(dān)心誤觸發(fā)而心理負(fù)擔(dān)過(guò)重。
  • 評(píng)論頁(yè)面排序規(guī)則改為點(diǎn)贊最多的「評(píng)論/回復(fù)」排序在前即可。

不是說(shuō)微視要完全抄抖音的設(shè)計(jì),而是認(rèn)為在這些交互細(xì)節(jié)上可以進(jìn)行優(yōu)化。

 

作者:Elaine Zhu

來(lái)源:微信公眾號(hào)“交互筆記(ID:UX-Notes)”

本文由 @Elaine Zhu 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 竟然有這么多人收藏和贊

    來(lái)自北京 回復(fù)
  2. 跟視覺(jué)無(wú)關(guān)

    來(lái)自廣東 回復(fù)
  3. 瞎分析

    來(lái)自安徽 回復(fù)
  4. 分析的一塌糊涂,兩個(gè)APP的重點(diǎn)是什么??jī)蓚€(gè)APP的方向不一樣,微視更在乎社交,還有你說(shuō)沒(méi)有偏見(jiàn),說(shuō)真的,從心理學(xué)上將根本不可能沒(méi)有偏見(jiàn),抖音先入為主,它什么你都覺(jué)得好,抖音的流量入口被微信掐死了,抖音是成不了氣候的,這也是抖音為什么急眼了和微信掐架,抖音依賴社交,而卻沒(méi)有社交。

    來(lái)自浙江 回復(fù)
  5. 只能說(shuō)抖音和騰訊微視的用戶群體不一樣

    回復(fù)
  6. 微視用戶頭像的位置應(yīng)該是為了強(qiáng)化社交吧 而不是一味的沉浸于視頻本身 需要做流量轉(zhuǎn)化

    回復(fù)
  7. 人家不用抄,直接收購(gòu)就行了??

    回復(fù)
  8. 只做參考

    回復(fù)
  9. 作者寫(xiě)這篇文章之前究竟用過(guò)幾天微視?連微視在播放界面有長(zhǎng)按屏幕隱藏左下角信息的功能都不知道?(作者肯定也沒(méi)發(fā)現(xiàn)抖音在播放界面長(zhǎng)按屏幕是標(biāo)記不感興趣吧。)作者全文都在抓著微視的排版不放,沒(méi)想到微視還有這一手吧?以下再指出作者文中的兩處低級(jí)錯(cuò)誤:1 視頻配的文字叫做視頻的文字描述,不叫文案。(作者估計(jì)是做廣告出身,見(jiàn)了文字都叫文案。)2 文中引用的“經(jīng)紀(jì)人”這個(gè)概念是搞笑的么?微視有個(gè)官方賬號(hào)叫做“經(jīng)紀(jì)人小微”,大家發(fā)視頻的時(shí)候習(xí)慣性的都@它而已。抖音也有個(gè)官方賬號(hào)叫“抖音小助手”,按作者的邏輯這個(gè)所謂的“經(jīng)紀(jì)人”在抖音里是不是就叫“小助手”了?
    綜上,請(qǐng)作者以后務(wù)必深入研究后再來(lái)發(fā)文章吧。。。

    回復(fù)
    1. emmmmm其實(shí)這個(gè)問(wèn)題在很多的地方都有,面對(duì)一個(gè)畫(huà)面我們不知道怎么用,用戶其實(shí)是一臉懵逼的。需要給用戶提示。這是設(shè)計(jì)錯(cuò)誤,給了一個(gè)不容易發(fā)現(xiàn)的入口。

      回復(fù)
    2. 我理解這個(gè)操作之所以藏的這么深,是因?yàn)槲⒁晥F(tuán)隊(duì)其實(shí)并不想讓用戶習(xí)慣隱藏左下角來(lái)看視頻,但是考慮到確實(shí)有這種需求,所以做了一個(gè)不容易發(fā)現(xiàn)的入口。類似的,微信發(fā)純文字朋友圈的操作也是長(zhǎng)按右上角且沒(méi)有提示,都屬于刻意而為之。

      回復(fù)
    3. 作為一個(gè)用戶來(lái)評(píng)論一下吧,我覺(jué)得作者說(shuō)的并不是沒(méi)有道理,當(dāng)我進(jìn)入頁(yè)面時(shí)候我只關(guān)心第一眼的感覺(jué),那就是頁(yè)面排版,看不見(jiàn)你什么隱藏功能有多么高端,如果我要快速瀏覽一直翻,我不想每個(gè)頁(yè)面都長(zhǎng)按一下多一步操作去隱藏什么信息,因?yàn)槲覒邪?,太麻煩了,?dǎo)致我得到的體驗(yàn)并不是那么好。 而且這種算是比較重要的操作功能,沒(méi)有任何提示,你讓用戶怎么發(fā)現(xiàn)呢,靠程序員在這里給瀏覽文章的用戶打字普及?

      來(lái)自北京 回復(fù)
    4. 我是作者,感謝你的評(píng)論,抖音我?guī)缀跆焯炜?,所以長(zhǎng)按視頻不感興趣的操作我知道;微視下載下來(lái)以后看過(guò)幾次,確實(shí)不知道長(zhǎng)按可以隱藏左下角信息,我回答一下你的問(wèn)題:

      1.長(zhǎng)按隱藏左下角信息,我還真沒(méi)發(fā)現(xiàn),剛才去試了試
      1.1 .發(fā)現(xiàn)長(zhǎng)按的時(shí)候會(huì)忽視視頻,而長(zhǎng)按成功后,視頻也快放完了,隱藏的深不易被發(fā)現(xiàn)不說(shuō),真操作了還影響視頻體驗(yàn),雞肋的很
      1.2 .隱藏的非常粗暴,視頻文字描述和作者信息都被隱藏了, 而且接下來(lái)的每一條視頻都是隱藏的,沒(méi)有文字描述的視頻看著真的爽嗎?

      2 我不是做廣告出身的,文案還是文字描述我覺(jué)得差別不大

      3. 經(jīng)紀(jì)人的問(wèn)題,無(wú)論用戶@經(jīng)紀(jì)人還是@小助手,有必要讓用戶知道嗎?每一個(gè)視頻的經(jīng)紀(jì)人都一樣,是不是信息重復(fù)呢?

      最后,非常謝謝你的評(píng)論,我確實(shí)是普通用戶,研究的不夠深入,互相交流。

      來(lái)自廣東 回復(fù)
    5. 多謝作者回復(fù),咱們交流一下沒(méi)毛病。首先,我指出了微視長(zhǎng)按隱藏的操作,是想告訴你微視自己也意識(shí)到了左下角設(shè)計(jì)臃腫的問(wèn)題,粗暴的隱藏方式很可能是個(gè)臨時(shí)方案。其次,抖音的整個(gè)界面加交互設(shè)計(jì)是完全照搬的musical.ly。微視為了不落抄襲的口實(shí),基于抖音做了很多改變。(比如,抖音向右滑是進(jìn)入錄視頻,微視取消了這個(gè)動(dòng)作)我個(gè)人并不認(rèn)為這些改動(dòng)全都失敗,也并不影響我像抖音一樣的刷視頻。再次,你文中有一些觀點(diǎn)我不同意,比如你覺(jué)得用戶頭像吸引了你的注意力,視頻本身是動(dòng)態(tài)的,靜態(tài)的頭像不應(yīng)該更吸引你的注意力。還有你覺(jué)得微視的按鈕會(huì)誤觸,只要間距合理我覺(jué)得不會(huì)。最后,短視頻平臺(tái)里真的沒(méi)有經(jīng)紀(jì)人,@的是好友。

      回復(fù)
    6. 針對(duì)我質(zhì)疑你用過(guò)幾天微視這點(diǎn)我也想解釋一下。作為一個(gè)職業(yè)的產(chǎn)品經(jīng)理,哪怕是當(dāng)做普通用戶去使用一款產(chǎn)品,也應(yīng)該做到努力去體驗(yàn)每一個(gè)功能,挖掘每一個(gè)細(xì)節(jié),而不能只停留在表面功夫。你寫(xiě)的這篇文章,我猛一看標(biāo)題和簡(jiǎn)介以為是一篇分析透徹的干貨,看后卻大失所望。寫(xiě)文章不易,但更需要精細(xì)打磨,希望你能越做越好,加油!

      回復(fù)
    7. 從作者說(shuō)的1.1用戶場(chǎng)景,能看出作者是認(rèn)真思考過(guò)的。抖音長(zhǎng)按出現(xiàn)不感興趣,微視長(zhǎng)按不顯示左下角信息,但是這里是有用戶操作區(qū)別的。

      抖音為兩步,長(zhǎng)按-點(diǎn)擊。微視只有一步,只需要長(zhǎng)按就可以,并不需要再次點(diǎn)擊按鈕(現(xiàn)在的版本是這樣)。

      回歸用戶場(chǎng)景來(lái)說(shuō),抖音是當(dāng)用戶不喜歡視頻的時(shí)候需要兩步來(lái)避開(kāi)他,同時(shí)注意力也會(huì)放在長(zhǎng)按確認(rèn)上邊,不關(guān)心內(nèi)容,所以是符合用戶場(chǎng)景的。

      而微視是在用戶想注意力放在內(nèi)容上邊進(jìn)行的操作,所以設(shè)計(jì)了只需要按住任意位置就可以,并不用有其他操作且提示,不會(huì)占用太多注意力,很隨手的東西。個(gè)人感覺(jué)也符合用戶場(chǎng)景。

      雖然都符合用戶場(chǎng)景,但是這個(gè)部分兩款產(chǎn)品思考方式是相反的,個(gè)人更喜歡抖音的設(shè)計(jì)思考方式。

      回歸開(kāi)頭的話,我相信本文作者是思考后寫(xiě)出的這篇文章。從實(shí)際場(chǎng)景出發(fā),抖音的不感興趣對(duì)新用戶影響微乎其微,但是微視的隱藏文字信息我個(gè)人覺(jué)得既然做這個(gè)優(yōu)化,知道影響用戶瀏覽內(nèi)容體驗(yàn)了,干嘛還要不讓用戶知道呢?哪怕首次使用給個(gè)提示也好。

      來(lái)自遼寧 回復(fù)
    8. 這篇文章原來(lái)的題目是 “微視VS抖音的交互細(xì)節(jié)的差距”,是在UI中國(guó)上發(fā)的,后來(lái)優(yōu)設(shè)覺(jué)得不錯(cuò),拿去改了名字發(fā)了,這個(gè)平臺(tái)也沿用了這個(gè)名字,名字確實(shí)是華而不實(shí),又有點(diǎn)攻擊性,這點(diǎn)確實(shí)不合適。

      我認(rèn)同微視不抄襲,有改變的交互,但是普通用戶用著不方便卻是事實(shí)。而且我一開(kāi)始的著力點(diǎn)就沒(méi)打算用一個(gè)專家用戶的角度去長(zhǎng)篇大論,而是從一個(gè)普通用戶的角度去分析,普通用戶不會(huì)挖掘每一個(gè)細(xì)節(jié)。

      如果你是微視的產(chǎn)品經(jīng)理,普通用戶的體驗(yàn)和建議應(yīng)該是最有用的。我希望微視越來(lái)越好,因?yàn)槲屹I了騰訊的股票 ? 雖然不多,但是不想賠錢

      來(lái)自廣東 回復(fù)
  10. 呦西

    回復(fù)
    1. 哈哈

      回復(fù)
  11. 可以再進(jìn)一步分析,在視覺(jué)/交互后面可能更接近答案。

    回復(fù)
  12. 在抖音封王的情況下,微視做的任何差異化設(shè)計(jì)和努力都會(huì)被當(dāng)作輸給抖音的地方,公平?

    回復(fù)
  13. 馬后炮?東西做出來(lái)才有得比,比的人口口聲聲,有考慮過(guò)做的人思考了多少?

    回復(fù)
    1. 說(shuō)別人馬后炮或者說(shuō)差異化,但是差異化是以優(yōu)化為目的的,除非你說(shuō)出反駁作者的觀點(diǎn)?不然勞煩不要噴糞?

      來(lái)自北京 回復(fù)
    2. 差異化,不是做的就要差,做的人考慮不全面,只能后面去優(yōu)化

      來(lái)自廣東 回復(fù)
  14. 抖音為什么不加一個(gè)瀏覽痕跡功能

    來(lái)自上海 回復(fù)
  15. 文章寫(xiě)的不錯(cuò),但忽視了目前雙方競(jìng)爭(zhēng)的主要陣地是內(nèi)容制造者和短視頻質(zhì)量,交互什么的在內(nèi)容足夠強(qiáng)大的情況下可以忽略。
    尷尬的是目前微視除了創(chuàng)造101的小姐姐們,真心沒(méi)有什么拿得出手的,而抖音一打開(kāi),成熟的內(nèi)容制造者給用戶準(zhǔn)備的饕餮盛宴,讓你刷幾個(gè)小時(shí)都停不下來(lái)。

    來(lái)自北京 回復(fù)
  16. 第一點(diǎn),我覺(jué)得微視做得更好。頭像分散注意方面,抖音放得頁(yè)中位置還是顯眼的,而微視將ID、頭像和描述聚合,相對(duì)而言給頭部用戶更深刻記憶點(diǎn)和曝光量,很適合微視目前專注扶持新人的基調(diào)。
    第二點(diǎn),拍攝icon做特殊化處理是為了促進(jìn)用戶創(chuàng)作。同樣,為微視目前的基調(diào)做鋪墊。
    同意徐俊豪的觀點(diǎn),用一個(gè)流量封王的產(chǎn)品作為先入之見(jiàn),去分析另一個(gè)產(chǎn)品的交互,本身就不合理。競(jìng)品分析除了分析UI和交互,更重要的是分析這個(gè)產(chǎn)品本身的策略。

    來(lái)自福建 回復(fù)
  17. 寫(xiě)的少了點(diǎn),可以分析的更細(xì)致

    來(lái)自臺(tái)灣 回復(fù)
  18. 的確用戶體驗(yàn)來(lái)講還是抖音比較注重內(nèi)容、

    來(lái)自廣東 回復(fù)
  19. 如果能夠給出點(diǎn)微視怎樣改,就更好了

    來(lái)自北京 回復(fù)
  20. 是的,這是改進(jìn)的地方

    來(lái)自廣東 回復(fù)
  21. 我認(rèn)為作者還是蠻有洞察的,這些細(xì)節(jié)體現(xiàn)的是產(chǎn)品思維。影響的是受眾不易察覺(jué)的心里感受。

    來(lái)自湖北 回復(fù)
  22. 文章讀下來(lái)后,給的感覺(jué)就是微視能做的就是去抄襲抖音。

    來(lái)自廣東 回復(fù)