主页 > 设计类新闻 > > 正文

互联网设计之道:如何设计新闻类型的门户网站

来源:未知 发布时间:2020-11-19 17:35 标签:设计类新闻

  最近,一个朋友建议我写点关于新闻类网站的分析:什么是正确的新闻类网页设计,什么是错误的。他认为现今的线上新闻用户体验非常落后,让人感到厌倦无比,而且只是他们不用心做罢了,采用AJAX或者类似的技术就能把内容呈递的完善,而且导航做得十足精美。

  一开始我非常赞同他的观点。我认为新闻类网站的约束在于:过去传统的报纸以及杂志均为纸媒,动辄就在页面里融入了那些根深蒂固的惯例。因此用户在浏览时会发现,这类网站的感觉很熟悉,但是却限制了视觉表现。与此同时大部分新闻类网站的用户体验设计非常差,经常会出现令人阅读困难的小文本。

  从《互联网设计之道》开始,我知道这句话已经别人重复无数次了,如果把网络比作一种媒介的话,那么网络是流动的,是复杂的,也是美丽的。而且网络的威力超出了大多数人的意料。

  其实,主要还得是移动端用户的体验。然而很多新闻类网站并没有将此类用户纳入考虑。当然,确实很多新闻网站已经出了iOS或者Android版本的原生应用,可惜效果并不理想,大部分的用户下载完之后,用几次就基本废置到一旁了。

  我们获取信息的途径是什么?因为太过官方,内容太过常规,现在的用户很少主动浏览新闻类网站。他们通常是通过点击朋友、亲戚、网友的分享来得到信息。通过社交网络,E-Mail,RSS Feed以及新闻源中的链接来得到信息。而链接导向的往往是网站,而不可能是应用。因此,每个新闻类网站都必须要注重移动端的用户体验。现在用手机浏览消息的人实在是太多了。

  新闻类网站,一般每页都会呈递大量信息,这就意味着读取需要占用大量带宽。一般都会有3-5条最近的新闻,用来吸引用户注意,再来一点新闻摄影图片以及滚动的新闻,再加上一些JavaScript特效。这使得移动端用户需要下载大量的数据。(相对的,自己想)很多移动端用户所处的地方没有免费的Wi-Fi,手机的带宽有限,即使很多有Wi-Fi的场所,平板和智能手机的浏览网页速度也相当慢。

  还记得上面我提到过的吗?我朋友认为新闻类网站应该加入一点AJAX效果,这样就能达到更好的用户体验。但是我记得他用的是iPad,IPad硬件设备很不错,迅捷的很。最近有人送我了一个Hipstreet Titan。因为太便宜了,所以用起来不如高端设备那么流畅,这是其一。

  其二,使用低端设备的用户远比使用高端设备的用户多。就比方说别人送我那个平板,不但Wi-Fi慢,页面读取也慢,JS动效最多。有时上下翻页都慢的让人纠结。顺便说一下,新闻类网站大都充满了旋转效果,这对于低端设备来说简直是杀手。不过有的低端设备可以通过更换浏览器来解决。我得平板用的是Opera,即便经过了多重优化,但是硬件还是限制太大,如果你的网站不能很好的兼容低端设备,那么你会流失大量用户。

  似乎大多数新闻类网站在依赖原生应用,仅仅有少部分先行者在尝试响应式设计。

  选取这个网站主要还是因为它的流行,很多设计团体大为赞叹此网站的主页。先不管页面中大量的信息,整体设计看起来相当整洁有序,链接也足够大,便于触摸敲击。图像略小。整体风格看起来像是一张报纸,聚焦于字体和有序的排版,用我那糟糕的平板浏览起来还挺轻松,不错。

  布局方法上,感觉略像the Boston Globe:三栏缩小成两栏,然后一栏。不管怎么样,这个方法很有用,我的平板能够流畅浏览。我觉得这就是这个网站流行的原因,流畅。

  完全放弃了纸媒的视觉隐喻,喜欢用类似应用的方法呈递信息。特别照顾Rss Feed读者。该网站的响应式设计值得所有新闻类网站学习。特别酷的是,他们在考虑到移动端用户的同时兼顾到了桌面用户。在我1600 x 900的显示器上,效果也很棒。

  必须要高度重视移动用户,毕竟很多移动用户都是通过外部链接浏览新闻类网站的。不能仅仅依赖原生应用来提供移动端用户体验,因为毕竟还有很多是临时用户,他们不会为了浏览一次新闻类网站而装一款应用。

  要注意对iOS、Android平台的优化,要兼顾到不同档次(尤其是低端)设备。

  你认为对于新闻类网站来说,什么是重要的?你最喜欢的新闻类网站是什么?欢迎讨论、

  优设网#8220;是一个分享网页设计、无线端设计以及PS教程的干货网站。

  设计讲座:每月邀请国内互联网公司设计前辈及行业总监在群内及YY语音(YY频道:156982)分享实战经验。

  设计微博:拥有粉丝量50万的人气微博@优秀网页设计,欢迎关注获取网页设计资源、下载顶尖设计素材。

  想在手机上、被窝里获取设计教程、经验分享和各种意想不到的福利吗?

  道法术器势,看了那么多专题,设计理论、方法和神器已经不再话下,想成为高手,就差借势了。收藏好这个专题,每个月都会更新最新的设计趋势,让你洞悉设计趋势,紧跟设计潮流。

  通过本专题,你可以先学习基础的产品设计、交互设计、UI 设计、平面设计等不同领域的流程,同时附上特定项目,诸如对话式交互式、交互规范、UED 团队等等的流程总结,最后用大量实例帮助你更加深入地理解流程的运用。

  UX Coffee 是一档关于用户体验的播客节目,由两位谷歌设计师Hoka、Riceman 创办,他们会邀请来自硅谷和国内的学者和职人来聊聊产品设计、用户体验和个人成长。

  本专题收集了不同大厂设计师的职场规划经验 ,无论你是初出茅庐的萌新,还是工作多年依然找不到方向的老油条,这儿都有前辈为你出谋划策。

近期展台展柜设计

更多 >

热门文章

  • 新闻类 - Pinster
    新闻类 - Pinster

    新闻类 - Pinster

    Pinster是一款新闻聚合应用APP,聚合权威深度的文章资讯和优质媒体,界面简洁,交互简单,为用户创造良好的阅读体验。例子中将展示使用Pinster给浏览新...

  • 互联网设计之道:如何设计新闻类型的门
    互联网设计之道:如何设计新闻类型的门

    互联网设计之道:如何设计新闻类型的门

    最近,一个朋友建议我写点关于新闻类网站的分析:什么是正确的新闻类网页设计,什么是错误的。他认为现今的线上新闻用户体验非常落后,让人感到厌...

乳胶漆

更多 >

铝业铝塑板合金

更多 >