有天下班，我和公司另外兩個產(chǎn)品在閑聊，你知道，產(chǎn)品嘛總會吐槽A公司又有新動作，B公司又出新產(chǎn)品，吐槽產(chǎn)品C體驗糟糕···，這天，我們聊的是內(nèi)容型產(chǎn)品的體驗問題。

內(nèi)容型產(chǎn)品的核心競爭力一定是內(nèi)容，比如我們普遍認(rèn)為QQ音樂的播放體驗優(yōu)于網(wǎng)易云音樂，但網(wǎng)易云音樂勝在歌曲豐富，所以體驗上的瑕疵也是可以接受的。但是作為需要消耗大量時間的app來說，好的體驗確實能夠增加舒適度，讓你不會覺得特別“累”，從而增加消費(fèi)時長。

問題發(fā)現(xiàn)

首先我們發(fā)現(xiàn)的是微信，同一個app不同層級的產(chǎn)品設(shè)計存在差異，聊天主界面→訂閱列表，均是圖片+文字的形式，而到了內(nèi)容展示頁面，變成了文字+圖片，為什么會這樣？

然后我們又找了內(nèi)容型app的兩個同類產(chǎn)品，網(wǎng)易新聞和今日頭條，發(fā)現(xiàn)是兩種相反的設(shè)計，那么那種方式更好呢？

問題分析

從元素和用戶兩個角度分析：

1、元素的感知程度

可視化元素的感知程度排序：動畫>圖片>文字，這也是PC上很多小網(wǎng)站放滿動畫廣告的原因，它太能吸引大家的注意力了。具體到手機(jī)上，圖片比文字更能吸引大家的眼球。

同時，圖片包含的信息量更大，易讀性更高，當(dāng)你看到普京的照片，你可以迅速意識到這大概是一篇國際政治相關(guān)的新聞。

從這個角度來說，圖片應(yīng)該至于文字前方，主要目的是快速獲取你的注意力，并傳遞宏觀信息，關(guān)注繼續(xù)閱讀，否則直接跳過。

2、人類的閱讀習(xí)慣

正常情況下，人類的閱讀習(xí)慣是從左到右，從上往下（為何古書從右到左？有興趣的看官可以自行了解）。所以在網(wǎng)頁時代，人類的眼球熱力圖是“F”型。

在小屏終端時代，個人覺得“F型”不太實用，我個人更傾向于優(yōu)先關(guān)注屏幕中央。未找到移動端的相關(guān)分析報告，但這不影響我們分析問題。

（圖片來源于網(wǎng)絡(luò)）

同時，要注意的是，眼睛的閱讀速度快于大腦的分析速度，也就是當(dāng)你在閱讀內(nèi)容的時候，眼睛（余光）要提前去看下文才能保證閱讀的快速性和內(nèi)容的連貫性。

當(dāng)你在快速閱讀文字的時候，你肯定不希望突然出現(xiàn)了一張圖片，你需要停下來，大腦從“文字解析方式”切換到“圖片解析方式“”，造成閱讀的卡殼。這樣看來，文字應(yīng)該在圖片后方，你可以略過圖片，一馬平川的閱讀文字。

優(yōu)化方案

綜上，圖片+文字似乎是更合理的排版方式，以新聞類產(chǎn)品為例，可以嘗試從以下角度優(yōu)化：

1、框架=圖片+標(biāo)題+摘要

圖片盡量貼近內(nèi)容，標(biāo)題清晰，一句話說明問題，摘要簡潔，對標(biāo)題合理補(bǔ)充。

2、合理展示相關(guān)信息

網(wǎng)易通過評論來吸引用戶，今日頭條需要在列表說明內(nèi)容來源，新聞講究時效性，合理的時間說明能夠幫助用戶快速篩選信息。來源、時間和評論數(shù)可能是需要在列表中標(biāo)明的元素，可以合理排版展示。

那么微信公眾賬號內(nèi)容頁為何會以文字+圖片的形式展示呢？我的猜測是微信公眾賬號的編輯者是個人，在配圖方面并不專業(yè)，比如我有時配圖特別意識流，僅從圖片很難揣摩出作者的真正意思，因此微信優(yōu)先展示了文字。

看吧，我們常犯的錯誤：當(dāng)一個產(chǎn)品成功之后，無論它的功能或設(shè)計是否合理，我們總是會不由自主的給它找一個合理的理由來證明他的偉大。或許，它這里的設(shè)計確實不合理。

網(wǎng)站欄目：【產(chǎn)品設(shè)計】新聞型產(chǎn)品列表設(shè)計分析
網(wǎng)頁鏈接：http://www.2m8n56k.cn/news45/159545.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、定制網(wǎng)站、虛擬主機(jī)、網(wǎng)站制作、微信小程序、軟件開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)