人
已閱讀
已閱讀
新聞資訊類的APP開發(fā)應(yīng)該如何設(shè)計
來源:lexintech.com ?? ?? 發(fā)布時間:2017-11-20
新聞資訊在APP開發(fā)中是很常見的一個功能,雖然新聞資訊的功能邏輯相對簡單,但是對于資訊類APP的列表設(shè)計,也是值得研究的。
新聞資訊APP的核心競爭力一定是內(nèi)容,我們參考一下微信,同一個app不同層級的產(chǎn)品設(shè)計存在差異,聊天主界面-->訂閱列表,均是圖片+文字的形式,而到了內(nèi)容展示頁面,變成了文字+圖片,為什么會有這個不同的設(shè)計呢?
另外我們再看一下內(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型”不太實(shí)用,我個人更傾向于優(yōu)先關(guān)注屏幕中央。未找到移動端的相關(guān)分析報告,但這不影響我們分析問題。
同時,要注意的是,眼睛的閱讀速度快于大腦的分析速度,也就是當(dāng)你在閱讀內(nèi)容的時候,眼睛(余光)要提前去看下文才能保證閱讀的快速性和內(nèi)容的連貫性。
當(dāng)你在快速閱讀文字的時候,你肯定不希望突然出現(xiàn)了一張圖片,你需要停下來,大腦從“文字解析方式”切換到“圖片解析方式“”,造成閱讀的卡殼。這樣看來,文字應(yīng)該在圖片后方,你可以略過圖片,一馬平川的閱讀文字。
綜上,圖片+文字似乎是更合理的排版方式,以新聞類產(chǎn)品為例,可以嘗試從以下角度優(yōu)化:
1、框架=圖片+標(biāo)題+摘要
圖片盡量貼近內(nèi)容,標(biāo)題清晰,一句話說明問題,摘要簡潔,對標(biāo)題合理補(bǔ)充。
2、合理展示相關(guān)信息
網(wǎng)易通過評論來吸引用戶,今日頭條需要在列表說明內(nèi)容來源,新聞講究時效性,合理的時間說明能夠幫助用戶快速篩選信息。來源、時間和評論數(shù)可能是需要在列表中標(biāo)明的元素,可以合理排版展示。