开发者社区> 技术小美> 正文

杂志客户端阅读体验

简介:
+关注继续查看

 

随着苹果iPad的推出,电子杂志类行的应用大受好评,电子阅读需求量不断增长。传统纸质出版物的良好的视觉效果,互联网巨大的信息资源库,将这两者集合在一起就会诞生非常好的杂志客户端应用。这种杂志型客户端应用的最佳代表就是Flipboard。

2010年iPad最佳应用是Flipboard。集合了Facebook和Twitter的推动内容,辅以格式排版,让用户得到了无限量的优秀资源以及良好的阅读体验。

2010年国内也涌现了非常多的优秀的杂志型客户端应用。包括周末画报,外滩画报,Flipboard的中文版——Zaker等等。以下将对这些应用做一个特点总结,分析其设计上的闪光点,希望能够对相似的产品在设计上起到一定的借鉴作用。

 

资讯来源

杂志型客户端的信息都通过网络更新,其中一部分直接整合各类资讯网站,而另一部分还是采用传统的杂志创作和编辑方式提供内容。

1, 搜集微博等等来源的信息

Flipboard的信息来自facebook以及twitter等当下最为流行的信息来源地。这类资源可谓无限充足,每天的更新量巨大,对于用户来说非常充足。

 

而作为中文版的Flipboard的Zaker,其信息则来自国内最为热门的新浪微博,腾讯微博等等信息来源地。

以微博为主的信息来源已经成为中国当下互联网上最快捷最多元化的信息集散地。

2, 自动更新设置

 

还拥有传统编辑的周末画报也利用网络进行内容更新。每周更新的时间,ios主界面上会有更新的文章数量提示,和app store更新的提示方式一致。

3, 刷新设置

 

这类刷新设置在杂志类客户端中并不常见,因为杂志客户端基本都以一定的周期进行更新,刷新的作用不大。

4, 离线阅览

 

不同于大多数在线更新的客户端,周末画报提供了这种可以离线阅览的方式,并且提供了非常简单快捷的后台载入方式,让用户在不知不觉中就完成了新版更新。而色彩设计化的更新进度条,一目了然。

二,互动功能

电子客户端区别于传统的纸质杂志,它具有电子化和网络化的特点。利用这些特点创造出独特的电子客户端互动体验,是客户端应用最大的优势。

1, Web2.0时代的评论交流

 

南方周末ipad阅读器加入了网友评论,并可以实时更新,类似于网页新闻评论。这种互动式的交流会带给阅读者更多的信息。

 

周末画报的分享功能比较有代表性,可以直接分享至固定微博,也可以保存图片至相册。

2, 动画,小游戏等互动性的体验

 

BMW宣传电子杂志的一项,可晃动的图像,有相当好的交互性。此处仅仅是一个可玩性一般的游戏,不过考虑到电子杂志客户端的硬件性能,加入一些有意义的互动设计,可以带来传统纸质杂志不能实现的效果。

3, 音频,视频等多媒体手段

 

南方周末杂志客户端就加入了视频功能。这种手段在杂志客户端中比较常见,也是其区别于传统纸质杂志最显著的特点。

三,版面设计

1, iPad端

 

ipad的面积较大,所以版面设计基本都遵循同时显示多项内容。页面排布按照左右分别布局,基本都配以图片,获得视觉上的统一感和愉悦感。

2, iPhone端

 

Iphone端由于屏幕面积较小,排版一般以竖屏宽度为列表形式,配以小图,丰富画面。并且可以在顶端大图显示推荐内容。周末画报还提供大图横向拖动,提供了更多的推荐位内容。

四 交互体验

对于电子杂志,优秀的交互体验是非常吸引用户的一点。

这其中一些应用采用了拟物的方式来模仿传统杂志翻页效果;还有一些则完全采用电子化的显示方式。

1, 翻页

 

Flipboard独特的翻页是从中间折起来,同传统的杂志翻页质感很像。区别于此,iphone客户端的翻页一般采用Iphone原生空间,提供了模拟纸张卷页的效果。

而周末画报则提供了最为简单的横向滑动翻页,不模拟真实效果,提供最简单的方式。对于用户来说,也不会造成任何使用上的困扰。

2, 内容知悉

 

让用户能够在不离开当前页面而知道其他 页面内容并选择跳转,各种杂志客户端都提供了内容知悉的功能。可以在当前页面中打开小窗口看到其他页面的内容。

这其中周末画报以缩略图的形式显示,而flipboard则以标题形式显示。这一定程度上也是两个产品属性不同造成的。周末画报以内容为主,每期的内容量固定。而flipboard以抓取内容为主,内容量不固定,极易超过相当大的数量,如果都以缩略图显示,则容易造成载入过慢,反应速度减缓,从而削弱体验。

 

3, 图片查看

 

针对移动互联网独特的阅读需求,杂志客户端都会突出图片阅览。还有专门为图片设计的摄影类杂志应用。

图片阅览模式中,都是以小图进行索引,点击后展开大图,并提供保存以及分享选项。

总结:

杂志类电子客户端,通过iphone以及ipad等硬件平台出现而逐渐兴起。区别于传统纸质杂志,它们具有自己特别的优势和特点。合理地利用这些优势,优化体验,可以创造出非常优秀的产品。

了解用户的阅读习惯,理解电子平台的独特属性,通过结合和平衡得到最佳的应用效果,是每个设计师必须尽力学习和实践的。
 

 













本文转自百度技术51CTO博客,原文链接:http://blog.51cto.com/baidutech/747679,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
即时通讯技术文集(第13期):Web端即时通讯技术精华合集 [共15篇]
为了更好地分类阅读52im.net 总计1000多篇精编文章,我将在每周三推送新的一期技术文集,本次是第13 期。
15 0
CSDN粉丝解答:六月份第二期精选——简单bug处理、资料索取、编程系统设计等
CSDN粉丝解答:六月份第二期精选——简单bug处理、资料索取、编程系统设计等
57 0
前端周刊第二十七期
前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表,欢迎大家关注、转载。
197 0
取代微信?RocketChat开源聊天应用搭建教程
取代微信?RocketChat开源聊天应用搭建教程
520 0
前端周刊第十八期
前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表,欢迎大家关注、转载。
79 0
M4.2 | 腾讯AI聊天源代码,复制粘贴就能聊。
M4.2 | 腾讯AI聊天源代码,复制粘贴就能聊。
591 0
献给所有技术内容创作者~猿创聚合助手小程序开发难点解析
我重新开始了原创技术内容创作,至今在掘金发表了原创文章60篇,47.7w阅读,1.5w赞。
116 0
前端周刊第十二期
前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表,欢迎大家关注、转载。
86 0
开源代码分析技巧之四——国外技术社区提问
在分析源码的时候,我们或多或少都会遇到过技术瓶颈。如果不突破这个瓶颈,接下来的研究就无法继续进行。并且不止对自己是瓶颈、对团队人员、技术顾问、资深人士都没有很好的解决办法。这时候,不妨试一下给源代码作者团队邮件提问。
72 0
+关注
技术小美
文章
问答
视频
文章排行榜
最热
最新
相关电子书
更多
优酷质保秘籍
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
相关实验场景
更多