Elaine Zhu ：最近已經(jīng)是個抖友了！每天抖音中毒停不下來。

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

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

一、首頁的視覺焦點是最大的問題

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

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

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

拍攝 icon 設(shè)計的太過搶眼，又一個搶占視覺焦點的元素。

二、更小的 icon 和文案

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

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

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

三、評論頁面無趣

評論頁面的重要程度，僅次于首頁，要知道看網(wǎng)友抖機靈是人生一大樂趣！但微視的評論我真的看不下去。

抖音的評論浮層的展示規(guī)則為：點贊最多的的評論/回復(fù)排名在前，可以看到更多的抖機靈的回復(fù)。

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

總結(jié)

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

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

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

歡迎關(guān)注作者的微信公眾號：交互筆記

「App分析讓你對產(chǎn)品理解更深刻」

• 《超過5000字的產(chǎn)品筆記，揭秘微信讀書是如何讓人上癮的！》
• 《用蘇寧金融的案例，教你學(xué)會分析一款A(yù)pp》
• 《騰訊的設(shè)計到底好在哪？高手是從這3個維度分析的！》
• 《那些特別好用的App是如何設(shè)計的？首期揭秘：網(wǎng)易蝸牛讀書》
• 《用百度外賣的案例，教你學(xué)會分析移動端產(chǎn)品的方法！》

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計愛好者也準備了貼心的知識樹專欄。開啟免費自學(xué)新篇章，按照我們的專欄一步步學(xué)習(xí)，一定可以迅速上手并制作出酷炫的視覺效果。

設(shè)計導(dǎo)航：國內(nèi)人氣最高的設(shè)計網(wǎng)址導(dǎo)航，設(shè)計師必備： http://hao.uisdc.com