说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

设计新闻类网站需要注意的关键点:移动友好、宽带……

HTML文档下载 WORD文档下载 PDF文档下载
设计新闻类网站需要注意哪些问题?新闻网站首先要将移动用户考虑在内,提供良好的移动用户体验;再者考虑到当前移动网络环境,则需删掉不必要、花哨的功能;最后所设计网站要兼容低配置移动设备,保证用户顺畅浏览。

近日Ezequiel Bruni在Webdesigner Depot网站发布了一篇文章《How to design news sites》,讲述了如何设计新闻类网站。下面为该文的译文。

最近,一个朋友建议我写一篇关于新闻网站的分析文章:这些新闻网站正在做的事情中哪些是正确的,哪些是错误的。他表示,在线新体验过于落后,可能有些枯燥,并指出它们应该更好地利用Ajax和相关技术来优化内容发布与站点导航。

首先,我很赞同该观点。我感觉,很多情况下,报纸仍在尽力地保持其原有的报纸体验,但却采用了变化图片的方法。这样做,它们常常严格限制自己以保持熟悉的外表,这样难免限制了视觉效果。该趋势也将暴露出它自身贫乏的用户体验决策,比如让人阅读困难的小字体正文文本。

这些之前有人已经提出过,但对于Web,作为一个视觉媒体,是时刻变化的。它具有复杂、漂亮特点。它的重要性及能力范围甚至超过了很多人所能意识到的范畴。

所以, 当我们知道Ajax技术可帮助完成很多功能,但却看见如此多的新闻媒体正在限制自己发展,不得不让人觉得可惜。

完全取决于移动用户体验

更明确地说,完全取决于针对大部分移动用户的移动体验。现在似乎很多新闻网站还没有将这些用户考虑在内。当然,很多新网站已经针对Android、iOS推出了本地应用,但大量的移动用户将这些应用下载后,就不再访问了。

大部分人往往不会定期浏览某些新网站。我们通常可能会点击由朋友、相关人员、我们所信任的互联网人士分享的链接;我们也会点击社交网络、Email、RSS订阅或其他文章中的链接。这些链接不会引导我们进入一个应用,而是一个网站。所以,每个新网站应该保证在移动设备上是可读的。

那问题是什么?我们为什么不利用众多酷绚的工具来升级这些新网站呢?更何况,iPad和 Galaxy已经具有功能强大的Web浏览器与处理器。

即便如此,这一观点仍存在较大争议,有人认为新网站应尽可能简洁,使用的技术尽可能简单。

宽带

一般情况下,新网站会在每个页面中显示大量信息。首页更甚,包含3至5个不同主题的最新文章,以吸引用户的注意力,此外,还有图片乃至很多的“旋转木马”。在页面顶部增加额外的JavaScript,你的移动浏览器就会下载大量信息。

大量移动用户通常会在没有免费Wi-Fi的地方浏览这些网站,而很多通讯设备的数据套餐都设置了宽带上限。即便使用Wi-Fi,很多平板、智能手机浏览这些Web页也十分慢,所以你有足够的理由删减掉那些花哨、不必要的功能。

并不是每个人都有一个快速的移动设备

当我的朋友说,新网站应该使用Ajax,使其对UX更友好。这时我提醒自己,他用的是iPad,而iPad运行更顺畅、更快速。

近日,我获得了我的首个平板电脑Hipstreet Titan。这是一个便宜的平板,比大家所垂涎的高端平板速度要慢。另外,拥有便宜平板电脑和智能手机的用户群要远远大于拥有昂贵平板和智能手机的人群。

非品牌、山寨、低端处理器:这是大量用户所使用设备的特征,除非移动硬件越来越便宜。

在此类设备中,并不仅仅是Wi-Fi慢。页面渲染也很慢,Java动画更是断断续续。有时,仅仅是上下滚动页面都会成为一种煎熬。偶尔,新网站还会增加一些“旋转木马”效果及大量的图片,这使得网站使用起来十分笨重,使用体验十分糟糕。

针对你的设备选择合适的浏览器,会消除一些浏览痛苦。在我的平板中,我使用移动版的Opera。即便如此,一些没有针对移动设备进行任何优化的网站将激怒使用低端设备的用户,这样将无法保证用户会再次回来浏览你的网站。

有没有体验很不错的网站呢?

当然有。现在似乎大部分新闻媒体仍依靠本地应用,只有少数的“勇者”开发了不错的响应式网站。

The Boston Globe

因为The Boston Globe是一个很流行的网站,所以这可能是一个很典型的案例。该网站的响应式设计受到设计社区的极大宣传与赞扬。


尽管页面中包含着大量信息,但设计仍保持着相对整洁、干净。链接足够大,保证用户可以轻松点击;放置小的图片,以节省空间。

整体达到了一种这样的效果:看起来像报纸,但仍采用网站的工作方式。他们专注于排版、意象及简洁的设计,使该网站可以在我的平板中轻松被浏览。

The Onion

The Onion的布局在某些方面看起来与The Boston Globe十分相似:伴随着你缩小窗口,三列变为两列、一列。它可以顺畅工作,这一点很重要。我的平板可以处理它。到目前为止,这是任何网站一个很大的卖点。


Time Magazine

如果你想看关于另一个经典使用响应式三列新闻布局的案例,可以点击查看Time Magazine网站。


Breaking News

Breaking News完全放弃了报纸的外貌特征,更像一个APP应用。它本质是一个RSS阅读器,点击网站中的文章标题,将链接到其他新闻网站,但该网站所采用的响应式设计方式可以很容易地被任何新闻组织采用。


该网站针对移动设备进行设计时,他们并没有冷落桌面用户。在我1600×900像素的显示器中,仍可以顺畅地浏览整个网站。

如设计出更好的新闻类网站呢?

首先,我们要更好地关照到移动用户。值得强调的是,很多人所阅读的新闻往往来自外链接。你不可能依靠本地应用为读者提供移动体验。

还有一个事实不得不提,iOS和Android是目前两大最流行移动平台,但它们并不是唯一的平台。在设计新闻网站时,应该考虑到那些使用老旧、不知名品牌手机的用户来说,让他们也可享受到服务。

如果你的网站用于公开信息内容,那所发布的信息应尽可能的与平台独立。只有做到这点,才能进行进一步的创新与提升。

对于新闻网站,你认为什么因素至关重要?你最喜欢的新闻网站有哪些?喜欢的原因是什么?欢迎在评论中发表自己的观点。

原文链接:How to design news sites

执行外部程序-Delphi资料 执行一程序并等待其结束-Delphi资料 制作一个不在任务栏及任务列表中显示的幽灵程序-Delphi资料 抓获全屏-Delphi资料 子目录级的文件查询的实现-Delphi资料 Delphi中ChartFX构件使用详解 Delphi中动画设计 Delphi中对Jpeg格式文件的处理... Delphi中多媒体组件使用解析 Direct3D起步:教程以及资源指南-Delphi资料 播放背景音乐-Delphi资料 弹出、关闭CD-ROM驱动器-Delphi资料 检测声卡存在-Delphi资料 控制声音音量-Delphi资料 让pc speaker美妙动听-Delphi资料 闪动标题栏-Delphi资料 使用 DirectX 优化声音特性-Delphi资料 修改Delphi 3图形处理中的错误 用Delphi 3.0编制MP3音乐点歌台 用Delphi编制MP3音乐点歌台 用Delphi编制趣味动画鼠标 用Delphi开发屏幕保护预览程序 用DEPHI3.0实现动画ABOUT窗口-Delphi资料 在Delphi下用Direct Sound 实现混音器组件 在Delphi中使用DirectX BDE的替代品大全(按数据库类型分)-Delphi资料 BDE的替代品大全(按应用类型分)-Delphi资料 bde的组态文件-Delphi资料 DBGrid中的下拉列表和查找字段编程方法-Delphi资料 Delphi 3.0 中 连 接 数 据 库 的 三 种 方 式 Delphi 3.0中连接数据库的三种方式 怎么增加不了行,插入不了了?请大虾给个提示 50美元求作业! 如果没有学过C语言,能不能学J2SE啊? 100分请教:一个串行接口通信的问题————在线等待?!!!! 急,给个jb8中解决编辑jsp问题的补丁。谢谢 关于sendmail的设置以及PostNuke的安装 关于XML,XSL的兼容性问题 在SQL SERVER的视图不支持CASE语句吗?若要实现该如何写呢? 现在最标准的软件开发预算,各阶段的百分比是多少? ==========天哪!怎么会这样呢?我在全屏窗口中打开的任何窗口都是全屏显示的,可我不希望在全屏幕窗口中打开的窗口也是全屏怎么办啊?== 如何在远程服务器上安装web服务程序? 考虑到类的属性(表的字段)以后会增加,应该用怎样的设计模式或设计方法。 如何在子目录下获得根目录的网络路径? 急,IE每次打开都是最小化状态,怎样实现每次打开时将其最大化! 希望和大家讨论一下关于WebService的事务继承性的问题 请教一个关于日期使用的问题 急!!一个建表问题 WSAD怎么显示代码行号?? 50美元求作业!access 有没有能够打印固定行数的报表? 请教接收视频信号的问题 VBscript转换为JScript? treeview的初级问题(解决立刻给分),关于节点的OnSelectedIndexChanged事件? 如何知道Clientdataset中哪些记录改变了? 如何构建Access数据库? 有没有soap client for ce 呀? 关于在不同环境下的时钟问题!!! 关于在一张图上标识位置的问题 vs.net 2003的msdn 安装好后为何不能使用? 如何在asp中post一段xml包到一个地址 vc1.0编译的问题 怎麽在Jbuilder中调用带参数的ORACLE数据库中的存储过程 如何用VB来写配置IIS的程序? 如何卸载xp? 如何知道DBGrid中当前编辑的字段的长度? 绝对经典 如何在安装程序中注册windows service,up有分!! 程序异常终止了,那么函数中的对象会被析构吗、变量空间会被归还吗 为什么能用网页打开一个url,用流读却出错,是不是端口被封了阿? 请问各位高手:关于建库后的几个疑点! 连接服务器的问题 请教:怎样将combobox选中的记录添加到数据库中呢? 简单问题,如何修改FORM中文本框中按回车后的行为。 根据名称获得页面的某些对象,以及对这些对象可以进行操作? 2.0的大灵通出现的奇怪问题,请斑竹、大虾给个说法吧 新手提问:大家帮帮忙! 连接服务器的问题 CPU有大小有不同,478和423指的是什么啊。 Tquery是可修改的,如何限制用向下键使Tquery新增一条记录,我不想有新增的功能 连接服务器的问题 在intraweb中,有关iwdbgrid数据记录的分页显视.... cad测量问题cad中一个图形,明明是圆弧,但是当我去量它的尺寸的时候,显示的却是“所选对象不是直线、圆弧或圆”,这是怎么回事? 属于2力平衡的是:A草地上滚动的足球 B自由下落的石块 C双手握住竖直的竹竿匀速上爬的人 梦见抓蛇和抓乌龟是什么意思 弹弹堂 怎么变角 求呼啸山庄 读后感800字左右.不要太多.谢谢~ 呼啸山庄的读后感600字以上 内容具体一点 如突出了主人公什么精神之类的 本人急需《我的理想》演讲稿理想是教师 字数不用太多! 弹弹堂力度怎样求 弹弹堂力度要怎么算啊?角度呢我用的是轰天+2 求一张科比的壁纸,叙述如下.背景是黑色的,科比在整个壁纸的左侧跳投,身穿湖人24球衣,就这么多的叙述了, 地面上行驶的车是否有重力势能,洒水车在洒水的时候,重力势能是否减小我们老师说会减小,但是我认为洒水车根本就没有重力势能,因为没有高度,所以谈不上重力势能减小,尽管洒水车的质量 芝加哥农产品期价30日涨跌互现韩21名国会议员访问朝开城园区美男子手机“防弹护主”全球首条欧亚海底铁路隧道通车华人要求辱华美媒体道歉“甲壳虫”主唱故居获拍77万 列侬遗美国再发灭门惨案 狂徒强杀前女友一家约旦谴责以色列政府决定在耶路撒冷兴建叙利亚副总理贾米勒被解职都江堰拍到野生大熊猫视频:倒立撒尿圈美情报高官供出欧洲盟友 中国5城市上过冬准备 Timberland官网大【备孕】讲究配合 老公们跟上节奏紧急! 紧急!周四大盘一走势!或将暴喝速溶咖啡比抽烟更易致癌?互联网时代如何因势而谋,顺势而动?古代十八个朝代名称来历VICO 视连科 Vico-OS2 三年之后又三年 MHOL这次和卡婊刚#圣诞有礼#征稿盘点:礼物传递温暖,OKCoin 2015年比特币分析报盘点2015手机行业的六大关键词 你
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘