“讀”具魅力 閱讀類產(chǎn)品正文閱讀頁面比較
-
用微信掃描二維碼
- +1 你贊過了
用微信掃描二維碼
【天極網(wǎng)數(shù)碼頻道】閱讀產(chǎn)品的正文頁是訪問量最大的頁面,有數(shù)據(jù)統(tǒng)計表明,用戶在使用一款閱讀類產(chǎn)品時,平均單次打開應(yīng)用在閱讀頁面的停留時長為21分鐘。正文頁的設(shè)計關(guān)乎用戶閱讀體驗與活躍時長。因此對正文頁的空間布局和UI布局進行合理規(guī)劃是非常重要的,更不應(yīng)僅僅局限于功能上的設(shè)計。
書城的布局取決了入口的吸引力,好的推薦方式可以讓用戶快速找到并定位書籍,而正文頁的布局則是閱讀內(nèi)容的核心。
分析產(chǎn)品樣本
多看閱讀、開卷有益、掌閱ireader、安卓讀書
分析維度
界面布局:字體大小,行間距,段落間距,左右間隔
界面設(shè)置:字體設(shè)置、界面布局設(shè)置等
一、界面布局
圖1:閱讀頁面總體比較
網(wǎng)絡(luò)小說閱讀屬于快速閱讀產(chǎn)品,往往閱讀時用戶會出現(xiàn)跳躍,關(guān)注重點詞,標(biāo)題,數(shù)字等突出內(nèi)容。逐行的閱讀速度也會較快,因此合理的行間距,可以有效地避免跳躍閱讀時出現(xiàn)的串行,亂行,形成的跳躍閱讀的連貫性。我們來看下這四個產(chǎn)品的界面比較:
字體大小:四個應(yīng)用所設(shè)定的字體大小相差不大,其中開卷有益的字體相對較小,緊密的布局可以容納下最多的文字內(nèi)容,減少用戶的翻頁滑動操作,但是過于密集的字體容易產(chǎn)生疲勞和亂行。
段數(shù)間距:相較而言 掌閱ireader與安卓讀書的段落間距較大,在快速閱讀的情況下,讀者很容易區(qū)分每個段數(shù),這樣的看起來即沒那么累,也能保證閱讀體驗。
字體間距:四個應(yīng)用閱讀的字體間距都在0,1,2之間,在視覺上幾近相同,值得一提的是,在相同的字號下,相同手機每行所能容納下的字?jǐn)?shù)是相同的,如紅米手機,掌閱、安卓讀書、多看閱讀在20號字體下,每行都為16個字。這樣的情況下安卓讀書的字間距為2,版面相對寬松。
顏色搭配:
四個應(yīng)用默認(rèn)都采用了淡色偏羊皮紙色的背景,并輔以黑色文字,看起來都還算比較舒服。而開卷有益的背景帶有鮮明水墨畫風(fēng)格,比較讓人稱道的,但是這樣的設(shè)計還是需要把握好背景與文字的對比,否則閱讀時很容易與文字混雜。
章節(jié)標(biāo)題:
圖2:章節(jié)標(biāo)題比較
安卓讀書在很多的實體書籍或是報紙媒體中,為了讓整個章節(jié)更有吸引力,會放大首字,并對文字反白;在小編收到的安卓讀書測試版中,我們發(fā)現(xiàn)測試版也針對這樣的情況對章節(jié)標(biāo)題進行了優(yōu)化。
掌閱ireader與多看閱讀表現(xiàn)相對中規(guī)中矩,掌閱標(biāo)題與正方有一個空白層次的落差更勝一籌。
而開卷有益的標(biāo)題,與正文沒有很明顯的區(qū)隔,在總體感覺上較為一般。
二、界面設(shè)置
在閱讀界面的排版與布局上,四個應(yīng)用都提供了很不錯的視覺體驗。而在閱讀操作排版處理上,我們也來做些比較:
如下圖所示
圖2:閱讀界面設(shè)置項比較
圖4:設(shè)置界面比較
在界面設(shè)置上,我們所衡量的幾個維度中安卓讀書的設(shè)置項是最全的,在衡量的指標(biāo)之外,開卷有益的設(shè)置項最多;
安卓讀書
在閱讀界面上有著相當(dāng)風(fēng)格的個性化選項,同時設(shè)置的界面上方設(shè)有設(shè)置預(yù)覽效果,可以快速調(diào)整所有的閱讀參數(shù),包括閱讀進度、字體、亮度以及閱讀主題等,最全的設(shè)置項帶來最個性的閱讀體驗。
多看閱讀
閱讀設(shè)置項比較少一些,但是同樣繼承了多看閱讀精美的設(shè)計感,主要的設(shè)置就集中在字體和特效以及閱讀風(fēng)格之上。
開卷有益
閱讀設(shè)置上非常的豐富,除了一些基礎(chǔ)的設(shè)置之外還有一些特色的功能,比如可以將內(nèi)容在簡體和繁體之間相互轉(zhuǎn)換,可以更改文檔編碼來提高兼容性,還有一些簡單的手勢功能等等;
掌閱ireader
閱讀界面在總體效果上不太出彩,但長期積累的用戶行為,很多內(nèi)容都做為默認(rèn)設(shè)置項,同時界面也相對最為無縫流暢。
小編總結(jié):
幾款閱讀應(yīng)用在功能上來說都是各有千秋,都有著自己獨特的一面,同時每個也都有著不完美的一面。以上是小編總結(jié)的一部分,更多內(nèi)容還需要書友們一起去下載使用發(fā)現(xiàn)。
佚名
最新資訊
熱門視頻
新品評測
用微信掃描二維碼