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

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

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

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

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

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

一、首頁的視覺焦點(diǎn)是最大的問題

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

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

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

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

二、更小的 icon 和文案

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

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

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

三、評(píng)論頁面無趣

評(píng)論頁面的重要程度,僅次于首頁,要知道看網(wǎng)友抖機(jī)靈是人生一大樂趣!但微視的評(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)論浮層全都是沒什么趣味的回復(fù),這點(diǎn)真的可以改一下。

四、總結(jié)

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

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

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

 

作者:Elaine Zhu

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

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

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

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

    來自北京 回復(fù)
  2. 跟視覺無關(guān)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    回復(fù)
    1. 哈哈

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    來自廣東 回復(fù)