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

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

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

VB制作VB安装程序问答(二) VB制作VB安装程序问答(一) VB制作帮助文件速成 重新验证 Win 95 用户口令 -VB资料 桌面的大小 -VB资料 字体改变事件 -VB资料 自定义组合热键 -VB资料 自动更换墙纸的小软件-VB资料 自动记录应用软件工作时间 -VB资料 自动卷动TextBox -VB资料 自动开始上次关机时关闭的应用 -VB资料 自动装入注册设置 -VB资料 自己编程模拟 MouseEnter,MouseExit 事件 -VB资料 走进VB6啃一块骨头 做成一个时间限制的测试版 -VB资料 PHP中利用jQuery实现SWF图像上传和裁剪 VB.NET或C#将DataSet快速导出到Excel中 HashSet的equals和hashCode重写问题 PendingIntent实现原理和代码 IntentService实现原理及内部代码 AsyncTask实现原理和内部代码 Neither user nor current process错误 ListView的右边滚动滑块启用方法 Live Wallpaper动态壁纸开发 控制软键盘显示和隐藏 设置Activity大小不再全屏原理 Android面试题,看看你基础如何? Android Canvas绘图抗锯齿解决方法 Android xliff和字符串资源 android.hardware.USB类介绍 Android开发经验谈之应用间数据共享 国外有没有类似http://bbs.51soft.com/的大的软件讨论站? 格式化字符串的问题 菜鸟 Combobox中如何设置默认值? 如果你是新手! [流氓兄:突然冒出很多新人。。。贴] 请转这里 菜鸟 一个有难度的问题 关于格式化字符串的问题。。。 MYSQL权限与mysql库里的所有表问题~!~!请指教! Installshield中怎样调用MSI文件,并能执行MSI文件 售书 鼠标指针的问题(菜鸟问) 向CList模板类的对象追加节点时出现异常,谁惹的祸??? 为什么我的VB运行时会清空剪贴板? 大侠求救!我的考试题!20分的!急急急急急急急急! 目前asp中使用的主要加密算法有哪些? 怎样设置tab! 关于vb的问题,谢谢大家了。 计算机操作者的食谱(想想大家每天都对着电脑,看看这个食谱吧,或许有好处,人还是要学会爱护自己) 如何将png文件格式转换成bmp文件格式,小弟急需这方面的资料,尤其是关于压缩方面的 关于在存储过程中调用链接服务器权限的问题 用vb打包程序打包后安装出错,运行不了? 我要独自去广州发展,请大家看看我的情况,给我一些帮助,如何在广州找工作? 求助!请问谁有源代码?(画一个线段、图形区域填充、图形区域截剪) 物价飞涨,福建省软考提价!!! 在数据表里,我保存了图片存放的路径,现在我想让他显示出来,怎么做啊?有几个方法啊,请指点 阿沐进来看看,你要的东西 VC++ ADO用SELECT FOR UPDATE锁定Oracle数据库的记录,为什么无效? 关于CGI连接关系数据库? 关于动态链接库一问,释放时的异常 阿沐进来看看2 怎样才能不添加OCX和DLL做出反色效果? 好奇怪的问题,大家帮忙来分析一下 阿沐进来看看3 !!再次求解,关于ADO!! 高分求解!高手请进!疑难杂诊? 在LINUX下,如何修改屏幕分辨率 请教如何将图片插入到sqlserver 7/2000里? 急急急!UDP的问题 有关ISA SERVER 昨晚做了个大梦,哈哈!! 疑问 JINI究竟是什么东东呀?去SUN看了半天也没能明白,谁能解释一下? vb.net的一个问题!!是关于在form1上写字的东西! 关于如何输入的问题*******vb高手请进***************(在线等候,我只有这么多分了) 简单的问题,textbox取不到值。 关于DIALOG对话框的继承问题 。 Response->SetCookieField()可以将用户登陆信息保存在cookie内,可是... 为什么我用AddString()无法为Combo Box添加上新项? 请问程序员中有多少是喜欢打《帝国时代》的,我是一个,请报名,谈谈感受。 文件读写:前一部分是文肩头,含几个概括性数据;后一部分是数量不定的大量整形数据。该怎么办?我想用块读写的方式,不知可否?解决了保 烟火的意义是什么? 节日的礼花是化学变化吗?霓虹灯呢? 去年冬天,学校的一根内直径 2 厘米的自来 水管被冻裂,导致大量水流失.水管内的水流速度为每秒8cm,如果一小时修不好,将会浪费多少升水? 锌粉和一些化学物质的水溶液能发生反应吗锌粉遇到水会生成氢气,那锌粉遇到酒精和水的混合溶液是不是也会先和水发生反应?和硫氰酸钠溶液呢?和稀硝酸是不是也能够直接生成氢气呢?反应 水压测试泵怎么用? 只管向前奔跑阅读答案 洗煤厂在洗选炼焦用煤时可以加无烟煤吗(为了降低灰份或挥发份)? 焰火表演是不是化学变化?霓虹灯表演呢?怎么区分. 穷人续写;西蒙的两个孩子长大以后知道了事情的真相,报答了渔夫和桑娜,从此过上了幸福的生活高手来垃圾滚 烟煤的灰份是多少? 下列色彩是由化学变化呈现出来的是 A雨后彩虹 B夜晚的霓虹灯 C节日的礼花 D彩色的图画 应该选C请好心人逐个选项讲解一下.谢谢了,很急,我就这儿不懂,九上化学好糊涂呀,谢谢了,急呀,好心 桑娜对渔夫说:咱们的邻居西蒙死了?”改为他人称转述句 真正的挤塑板的导热系数是多少? 下列景象伴随有化学变化的是 1.五光十色的烟火礼花 2.不断闪烁的霓虹灯 3.变化无穷的音乐喷泉 4.满屋飘香下列景象伴随有化学变化的是1.五光十色的烟火礼花 2.不断闪烁的霓虹灯 3.变化无 《穷人》想象:桑娜和渔夫收养西蒙的两个孩子后会发现什么?桑娜用头巾裹住睡着的孩子,把他们抱回家里.她的心跳得很厉害,她自己也不知道为什么要这样做,但是她觉得非这样做不可.回到家 作为外墙保温材料,挤塑板比聚苯板有哪些优点? 为什么霓虹灯是不同颜色的? 用尺子做一个证明响度与振幅有关的实验1.实验器材2. 地球是不是个原子或分子?或者是电子?我说的是比如说我们的宇宙在一个生物体内,银河系在这个生物的某个组织的某个细胞的里,是构成这个细胞结构的分子结构,或者原子结构或者其他 某同学用自来水制蒸馏水左边是一个带单孔橡皮塞的试管,中间是一根左端90°的导气管,右端插在另一个试管里,这个试管放在一个烧杯里?问 :该装置的玻璃导管较长,除导气外,其作用是?问: 空心菜的药用价值和营养价值? 地球大约有多少原子要数据,不要公式! 如何制出蒸馏水 请问蔬菜中空心菜和茄子有什么营养价值? 地球的原子数量有多少大概在多少数量级 制蒸馏水是什么变化 空心菜的营养成分是什么麻烦写出能量、水分、蛋白质、脂肪、糖类、胡萝卜素、维生素A、维生素B1、维生素B2、维生素C、维生素E、钙、铁、锌、磷、硒 原子为什么都是一样大?没有像地球一样大的原子吗?说错了,是核子 需要什么原料,具体步骤是什么, 一个人的奔跑 家因水压低,要安装水压泵,两层半(400平方).请介绍我家住楼顶的两层,水压一直不够,现在想安装水泵.但对这些没什么研究.最主要输出功率不知要多小.共400平方用.之前看了台湾华乐士水泵TQ400 空心菜什么营养 奔跑的雪糕阅读答案用简洁的语言概括中心事件2.文章以奔跑的雪糕为题目,有什么作用3.结合语境,品味句中加点词语的表达效果终于,在车站附近的一个超市里,父亲找到了一个装满雪糕、冰 如何用2字词语形容礼炮 如何用自来水制医用蒸馏水? 《穷人》桑娜和渔夫的性格 烟花用什么词语修饰最好.如题. 家里水压太小怎么办 《穷人》桑娜和渔夫是怎样的人 形容烟花味道的词语有哪些?要好的,不要说臭。 家里水压太低怎么办 穷人 桑娜和渔夫是什么样的人 描写礼花的诗句最好是直接描写的句子 空心菜怎么炒好吃 自来水水压不够该找哪个部门啊?我是济南的我住在闫千户小区 形容烟花美丽的词语有哪些? 清炒空心菜怎么做好吃?我是先放油,然后放大蒜,然后下空心菜,炒啊炒,干的话放点点水,结果出来的结果 不像饭店吃的那么绿,是有点发灰了.并且远不及饭店好吃. 穷人里渔夫,桑娜,西蒙分别有什么品质?秒之!行的话加悬赏 锌粉与氧化钙反应生成氢气吗? 只管向前奔跑 对题目有怎样的理解第二段写到:“贝基拉不知不觉地……他既羡慕又难过”根据对文中内容的理解,描写贝基拉此时的心理活动要求以第一人称完成一段60字的文字 自来水水压不够如何使用太阳能 空心菜的做法? 只管向前奔跑答案 刚刚水杯打碎,昨天才打碎一个杯子…请问这是什么兆头?刚刚放电脑睡觉的时候不小心吧水杯打碎,昨天刚刚打碎一个茶瓶, 阻燃膨胀聚苯板导热系数是多少 关于摩擦力做功的下列说法中正确的是A滑动摩擦力阻碍物体的相对A滑动摩擦力阻碍物体的相对运动,一定做负功b 静摩擦力和滑动摩擦力一定做负功c静摩擦力阻碍物体的相对运动趋势的作用, 大陆为什么昼夜温差大? 电子,银河系,地球,原子,太阳系,分子按从小到大顺序排列,该如何排? 白菜+青菜+空心菜=什么菜 先导式溢流阀中的先导是什么意思?为什么有的溢流阀有个调节压力的?
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘