快好知 kuaihz订阅观点

 

长文的数字排版与阅读

专业博客《字体排印》最近一篇关于长文的数字排版与阅读的探讨,其中关于分页和滚动条的部分很值得分析,先来考究下分页的好处:

页面分批显示。在网页加载数据时,会根据下载速度和用户需求下载固定的条目,如搜索引擎一页显示10条。同时页码是条目的排序方式或者叫数据的坐标,比如第5页的第8条。

便于查找。当数据量很大时,横向坐标可以无限延伸,而纵向坐标是固定的,便于用户查找。如果每页显示30条,原先的数据变为是第2页第18条,每页标号的话查找记录比较麻烦。

便于记忆。分页有助于用户对数据形成知识结构,之前对比过iPhone和Android应用程序的显示方式,iPhone以每页4*4的方式显示,比如某应用程序在第5页2*2(横向坐标*纵向坐标)的位置,Android如不添加快捷方式,应用程序查找起来很不方便,比如某应用程序在2*10的位置。虽然Android的应用程序是按字母排序的,但是当想起名称再去查找时,图标就失去其指示意义。

数据总量和定位。总页码起到显示数据量的作用,当前页码是显示目前所处坐标或者进度,比如第12页/共50页。

图片来自yslow

每个分页程序都包含了不少信息量,但它并不是必须的。分页需要手动点击,会打断用户阅读,有可能影响用户关注主要内容。

传统是按纵向排版和按分页显示,改进版的单页内容自动延伸,如手机sina微博、Google的图片搜索结果和博客ignorethecode。当用户关心的是内容本身,而内容所处坐标属于无用信息时,下载限制、用户需求和分页的好处不再存在。用户按顺序阅读之后对已读数据并不会经常反复查找,通过分页建立的坐标就失去主要意义了。

比如sina的web微博不支持自动翻页,某条消息在第2页第6条,重新刷新之后坐标也会发生变化,用户可以按时间的顺序查找。微博信息的排列是基于时间轴的一维坐标,而分页结果建立是二维坐标

WP7的部分页面横向排版,网页设计也有相似的应用(如1,2)。

横向纵向组合排版,如iPad的BMW杂志横向滚动更换页面主题,纵向滚动更新主题中内容,Cooper网站也有同样的排版方式,属于单页和弱化分页的设计。

《字体排印》中提到的iBook的模拟厚度变化是拟物化设计,阅读时无论第一页还是最后一页并没发现厚度有变化。即使真的这样设计了,每翻1/6的书,右边象征性减少一页,对于上百页的电子书来说,意义并不大,并不能达到真实书籍的阅读成就感。

相比之下,黄色背景的iBunko达到了拟物化的显示效果,阅读时并不会显示页码和厚度。

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:长文的数字排版与阅读  长文  长文词条  排版  排版词条  数字  数字词条  阅读  阅读词条  
设计

 iPhone QQmusic设计...

1. 写在前面经过android QQmusic的洗礼后,我们将战场转到了iOS平台,这是一个更加封闭、竞争更加激烈、要求更为严格的战场。国际版图上,spodi...(展开)

设计

 三分钟了解协同过滤算法

计算用户/物品相似度,以相似度作为权重,对不同物品进行评分预测,从而实现物品。什么是协同过滤先举个生活中的场景,你想听歌却不知道听什么的时候,会向你身边与你品位...(展开)