【產(chǎn)品設(shè)計(jì)】新聞型產(chǎn)品列表設(shè)計(jì)分析

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

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

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

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

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

問題分析

從元素和用戶兩個(gè)角度分析：

1、元素的感知程度

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

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

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

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

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

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

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

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

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

優(yōu)化方案

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

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

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

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

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

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

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

文章名稱：【產(chǎn)品設(shè)計(jì)】新聞型產(chǎn)品列表設(shè)計(jì)分析
網(wǎng)頁鏈接：http://bm7419.com/news/159545.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號(hào)、網(wǎng)站設(shè)計(jì)、定制網(wǎng)站、企業(yè)建站、App設(shè)計(jì)、自適應(yīng)網(wǎng)站

廣告

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