長(zhǎng)文的數(shù)字排版與閱讀
![](http://image.woshipm.com/wp-files/img/66.jpg)
專業(yè)博客《字體排印》最近一篇關(guān)于長(zhǎng)文的數(shù)字排版與閱讀的探討,其中關(guān)于分頁和滾動(dòng)條的部分很值得分析,先來考究下分頁的好處:
頁面分批顯示。在網(wǎng)頁加載數(shù)據(jù)時(shí),會(huì)根據(jù)下載速度和用戶需求下載固定的條目,如搜索引擎一頁顯示10條。同時(shí)頁碼是條目的排序方式或者叫數(shù)據(jù)的坐標(biāo),比如第5頁的第8條。
便于查找。當(dāng)數(shù)據(jù)量很大時(shí),橫向坐標(biāo)可以無限延伸,而縱向坐標(biāo)是固定的,便于用戶查找。如果每頁顯示30條,原先的數(shù)據(jù)變?yōu)槭堑?頁第18條,每頁標(biāo)號(hào)的話查找記錄比較麻煩。
便于記憶。分頁有助于用戶對(duì)數(shù)據(jù)形成知識(shí)結(jié)構(gòu),之前對(duì)比過iPhone和Android應(yīng)用程序的顯示方式,iPhone以每頁4*4的方式顯示,比如某應(yīng)用程序在第5頁2*2(橫向坐標(biāo)*縱向坐標(biāo))的位置,Android如不添加快捷方式,應(yīng)用程序查找起來很不方便,比如某應(yīng)用程序在2*10的位置。雖然Android的應(yīng)用程序是按字母排序的,但是當(dāng)想起名稱再去查找時(shí),圖標(biāo)就失去其指示意義。
數(shù)據(jù)總量和定位。總頁碼起到顯示數(shù)據(jù)量的作用,當(dāng)前頁碼是顯示目前所處坐標(biāo)或者進(jìn)度,比如第12頁/共50頁。
圖片來自yslow
每個(gè)分頁程序都包含了不少信息量,但它并不是必須的。分頁需要手動(dòng)點(diǎn)擊,會(huì)打斷用戶閱讀,有可能影響用戶關(guān)注主要內(nèi)容。
傳統(tǒng)是按縱向排版和按分頁顯示,改進(jìn)版的單頁內(nèi)容自動(dòng)延伸,如手機(jī)sina微博、Google的圖片搜索結(jié)果和博客ignorethecode。當(dāng)用戶關(guān)心的是內(nèi)容本身,而內(nèi)容所處坐標(biāo)屬于無用信息時(shí),下載限制、用戶需求和分頁的好處不再存在。用戶按順序閱讀之后對(duì)已讀數(shù)據(jù)并不會(huì)經(jīng)常反復(fù)查找,通過分頁建立的坐標(biāo)就失去主要意義了。
比如sina的web微博不支持自動(dòng)翻頁,某條消息在第2頁第6條,重新刷新之后坐標(biāo)也會(huì)發(fā)生變化,用戶可以按時(shí)間的順序查找。微博信息的排列是基于時(shí)間軸的一維坐標(biāo),而分頁結(jié)果建立是二維坐標(biāo)。
WP7的部分頁面橫向排版,網(wǎng)頁設(shè)計(jì)也有相似的應(yīng)用(如1,2)。
橫向縱向組合排版,如iPad的BMW雜志橫向滾動(dòng)更換頁面主題,縱向滾動(dòng)更新主題中內(nèi)容,Cooper網(wǎng)站也有同樣的排版方式,屬于單頁和弱化分頁的設(shè)計(jì)。
《字體排印》中提到的iBook的模擬厚度變化是擬物化設(shè)計(jì),閱讀時(shí)無論第一頁還是最后一頁并沒發(fā)現(xiàn)厚度有變化。即使真的這樣設(shè)計(jì)了,每翻1/6的書,右邊象征性減少一頁,對(duì)于上百頁的電子書來說,意義并不大,并不能達(dá)到真實(shí)書籍的閱讀成就感。
相比之下,黃色背景的iBunko達(dá)到了擬物化的顯示效果,閱讀時(shí)并不會(huì)顯示頁碼和厚度。
圖片來自懶人有禪
去掉分頁,滾動(dòng)是暫時(shí)難以避免的,像WP7那樣沒有滾動(dòng)條的橫向滾動(dòng)讓用戶難以了解頁面總量。各種PC產(chǎn)品已經(jīng)有很好的嘗試,如Google Wave。手機(jī)端的精細(xì)運(yùn)動(dòng)確實(shí)比較麻煩,肥手指和電容屏的精細(xì)點(diǎn)擊一直是手機(jī)交互設(shè)計(jì)的難點(diǎn),iPhone使用放大鏡調(diào)整文本插入符的設(shè)計(jì)是解決方法之一。
當(dāng)排版千篇一律和內(nèi)容缺乏吸引力時(shí),普通用戶確實(shí)難以長(zhǎng)時(shí)間閱讀,難以評(píng)價(jià)像手機(jī)微博那樣滾屏自動(dòng)加載頁面對(duì)于用戶是否閱讀是否有幫助。在快餐式的讀圖時(shí)代,大眾對(duì)長(zhǎng)文閱讀一直在減少,插入圖片和減少文字篇幅是適應(yīng)大眾閱讀習(xí)慣。文章的適度變化式排版,避免頁面過于緊湊,給用戶一定的呼吸空間,或許能起到一定的引導(dǎo)作用。
來源:http://daichuanqing.com/
- 目前還沒評(píng)論,等你發(fā)揮!