Search Posts

多伦多新闻资讯类网站设计 – 10条需要注意的问题

  

多伦多网页设计公司FINE STUDIO,业务范围包括多伦多公司网站开发、网页设计、APP程序开发、海报横幅设计、手机网站设计、小程序开发、微信推广、SEO推广、品牌服务建设等。

多伦多新闻资讯网站的约束在于:过去传统的报纸以及杂志均为纸媒,动辄就在页面里融入了那些根深蒂固的惯例。因此用户在浏览时会发现,这类网站的感觉很熟悉,但是却限制了视觉表现。

与此同时大部分多伦多新闻资讯网站的用户体验设计非常差,经常会出现令人阅读困难的小文本。

所以我们一起来看一下这些国际知名的新闻类网站,看看他们的优点与缺点。

归根结底,这是移动终端的用户体验。
  

事实上,这主要取决于移动用户的体验。然而,许多新闻网站没有考虑到这些用户。当然,许多新闻网站已经发布了iOS或安卓版本的本地应用程序,但效果并不理想。在大多数用户下载之后,他们基本上在几次之后就把它们放在一边了。
  

我们获取信息的方式是什么?因为太正式,内容太常规,现在的用户很少主动浏览新闻网站。他们通常通过点击朋友、亲戚和网民的分享来获取信息。

通过社交网络、电子邮件、RSS源和新闻来源链接获取信息。然而,链接通常指向网站,而不是应用程序。因此,每个新闻网站都必须关注移动用户体验。现在有太多的人用手机浏览新闻。
  

那么问题是什么呢?为什么新闻网站没有改善?
  

这条路很长,前面有两个绊脚石需要清除。
  

带宽
  

新闻网站通常每页显示大量信息,这意味着阅读需要大量带宽。一般来说,会有3-5条最近的新闻来吸引用户的注意力,加上一些新闻照片和滚动新闻,再加上一些JavaScript特效。

这使得移动用户需要下载大量数据。(相对而言,我认为)许多移动用户没有免费无线网络,手机带宽有限。即使在许多有无线网络的地方,在平板电脑和智能手机上浏览网页的速度也相当慢。
  

因此,花式风格必须改变。
  

不是每个人的硬件都发烧。
  

我的朋友认为新闻网站应该添加一点AJAX效果,以获得更好的用户体验。但我记得他用了一台iPad。iPad的硬件非常好而且非常快。最近,有人给了我一个时髦的街舞。因为它太便宜了,所以不像高端设备那样容易使用。这是其中之一。
  

其次,使用低端设备的用户比高端设备多得多。例如,给我的平板电脑在无线网络和页面阅读方面很慢,而JS具有最强的动态效果。有时翻页既慢又混乱。顺便说一句,新闻网站大多充斥着旋转效应,这是低端设备的杀手。

但是,一些低端设备可以通过更换浏览器来解决。我必须用歌剧作为我的平板电脑。即使经过多次优化,硬件仍然太有限。如果您的网站与低端设备不兼容,您将失去大量用户。
  

那么媒体巨头是如何做到的呢?
  

似乎大多数新闻网站都依赖于本地应用程序,只有少数先锋在尝试响应性设计。

波士顿环球报

选择这个网站的主要原因是它的受欢迎程度。许多设计团队非常欣赏这个网站的主页。不管页面上有多少信息,整体设计看起来非常整洁有序,链接足够大,可以触摸和点击。图像稍小一些。整体风格看起来像一份报纸,注重字体和有序排版。用我的坏平板浏览是非常容易和好的。
  

洋葱 

在布局方法上,感觉有点像波士顿环球报:三列缩减为两列,然后是一列。不管怎样,这种方法非常有用,我的平板电脑可以流畅地浏览。我认为这就是这个网站流行、流畅的原因。
  

时代杂志

关于新闻网站的经典响应三栏布局,请参见时代杂志网站。
  

突发新闻

完全放弃了纸质媒体的视觉隐喻,更喜欢以类似的方式呈现信息。特别注意Rss源阅读器。该网站的响应性设计值得所有新闻网站学习。特别酷的是,他们同时考虑移动用户和桌面用户。在我的1600 x 900显示器上,效果也很好。
  

我们应该如何设计优秀的新闻网站?

我们必须高度重视移动用户。毕竟,许多移动用户通过外部链接浏览新闻网站。我们不能仅仅依靠本地应用程序来提供移动用户体验,因为毕竟有很多临时用户不会安装一个应用程序来浏览新闻网站。
  

简化网站并响应布局。
  

应注意iOS和安卓平台的优化,并考虑不同等级(尤其是低端)的设备。
  

在数字化的浪潮下,用户普遍使用社交媒体阅读新闻。新闻门户网站的互动性和视觉效果远不如移动终端的变化速度。如何同时吸引传统平台和社交媒体的用户是媒体面临的新问题。
  

网站风格是网站设计的集中展示,也是与读者交流的一种方式。不同的内容组合形成不同的网页样式。正确的风格包括内容负载大、多栏布局、简单的颜色和强烈的对比度等特点,这些特点使其在众多竞争对手中脱颖而出。以下是美国网页设计师朱丽娅·布莱克为报纸网站布局提出的10项设计原则。
  

1.色彩力量:对比色彩使内容更易读

传统的印刷报纸都是白色或灰色的黑色字符。这种组合使报纸更容易阅读,最适合内容复杂的新闻网站。当然,这不是唯一的一个。您也可以选择黑色背景上的白色字符。
  

朱丽娅·布莱克强调,不要使用没有明显对比的颜色组合,例如黄色代表黑色,绿色代表蓝色,粉色代表蓝色。中性浅色和深色是基本颜色,但也可以使用关键颜色。例如,蓝色适合标题,红色适合按键。朱莉·布拉克(JuliaBlake)还建议用比主色稍亮或稍暗的色调,或者与关键内容相同的颜色来装饰,导航菜单会从页面中脱颖而出,从而给用户带来完美的视觉体验。
  

2.简单魅力:消除不必要的图形元素
  

常见的图形元素包括:线条、图形、颜色、排版和纹理。朱丽娅·布莱克指出新闻网站的布局应该少用图形。在确保网站颜色简单的同时,应该注意消除不必要的元素,例如使用纹理。因为木纹或其他纹理不仅会分散读者的注意力,还会影响阅读。但是同时,可以使用背景、按钮、页眉和页脚区域。
  

朱丽娅·布莱克还特别强调,传统的网络格式或多列布局应该减少图形和线条的使用,因为它们已经包含足够的图形线条元素。如果再次使用数据集,将会有太多的几何图形。
  

3.区别的功能:网络格式或多栏布局非常实用

新闻网站,尤其是那些内容丰富的网站,已经成为最实用的网格和栏目的首选。他们可以区分网站的内容,读者可以更快地找到感兴趣的内容。正如马克·博尔顿(Mark Boulton)所说,“一个好的网格系统可以让产品清晰、美观、实用、易读”。
  

朱丽娅·布莱克还强调,多栏的布局类似于网页格式,要求栏的高度适中,宽度不限。因为栏目越宽,内容就越容易阅读。这两列在视觉上会很吸引人。柱子的间距应该适中,看起来很难靠得太近。
  

4.摘要指南:标题和用户快速阅读指南
  

这个网站的内容是如此的庞杂,读者不可能点击每一篇文章。他们如何快速选择最感兴趣的内容?看标题!
  

无论是网格的一小部分还是整个列,每个内容部分都需要一个标题。标题大小应大于文本,粗体或以不同颜色突出显示。阅读指南是一篇文章内容的总结。读者可以用几句话理解这篇文章的主旨。阅读指导对于博客、电子杂志、新闻网站等非常实用。
  

5.标题:内容根据其重要性排列。

新闻网站文章更新频繁,主题多变,因此内容分类非常重要。分类后,应显示在侧面导航或导航菜单中。
  

内容应分为初级和次级。如果你想突出一个新的内容或一组新的内容,你可以把它放在头版头条和一幅大图。其他内容应按正常规范安排。这将吸引读者对标题的注意,从而提高网站的观众参与度。
  

6.导航与眼睛吸收:巧用导航条吸引读者注意力

导航菜单应该放在适中的位置,简单易用,最好放在页面的顶部,因为这是读者第一次注意到的地方。如果必须使用垂直导航菜单,请将其设置在页面左侧。由于读者通常从左到右阅读,所以左边的内容会得到优先关注。侧面导航可以显示广告、内容类别、最新新闻、搜索框、电子邮件通信、导航栏、共享按钮、特价或折扣信息等。
  

在设计的边缘导航中需要考虑以下因素:大小(宽度和高度)、颜色、字体和位置。侧面导航应该比页面上的常规列小或相同大小,并且所选的明显颜色可以放置在页面的左侧或右侧,最好是左侧。
  

7.平衡的两端:广告空间需要综合考虑。

在网站着火之前,最有利可图的是广告。广告空间应该非常清晰,最好是左右导航和网站页眉页脚的位置。促销广告经常插在文章中间,所以要三思。广告商自然会喜欢它,但它也可能惹恼你的上帝——读者。
  

8.空白的力量:空白至关重要
  

顾名思义,留空并不意味着什么,特别是文字、线条和文本周围的部分,所有这些都可以使网站看起来更加简洁和易于阅读,它们都是空的。
  

空白在设计一个多功能和有吸引力的网站中扮演着重要的角色。您需要在列之间、页面边缘或底部留出空白。内容应分为初级和次级。如果你想突出一个新的内容或一组新的内容,你可以把它放在头版头条和一幅大图。其他内容应按正常规范安排。这将吸引读者对标题的注意,从而提高网站的观众参与度。
  

9.实时更新:确保网站的更新频率
  

栏目和网格的数量和内容之间的不匹配会使网站看起来很无趣。有必要确保内容完整并定期更新,并不时更改标题内容。
  

内容更新的频率也会影响搜索引擎的搜索结果。如果访问量太低,内容过时,搜索引擎将被放在较低的位置,不容易被读者搜索到。
  

10.社会属性:“表扬”和“分享”是不可或缺的

没有社交媒体的整合,博客和新闻网站就无法生存。人们花很多时间使用社交网络。
  

每个网站都应该设置一个“表扬”按钮和一个“分享”按钮,这样读者就可以与推特、脸书、谷歌、Pinterest和领英等社交网站分享内容。为了增加社交媒体平台上的曝光度,按钮必须非常显眼。

发表评论

电子邮件地址不会被公开。 必填项已用*标注