您好,欢迎来到时间财富网
全部需求分类
当前位置:首页 > 平面设计 > 如何设计网页正文
如何设计网页正文
2017-7-14 16:14:44   作者:完全抵抗   人气:275次  评论(0)
所属标签: 其它设计 

  设计跟随内容,这是一个大家经常听到的词。用户访问网站的目的主要是为了查看内容,因而内容是否吸引人至关重要。而如何让我们的网页内容能够被用户所吸引,一份好的网页正文设计不可或缺。


 blob.png 


  用户在浏览网页时,主要目的是为了获取有用信息。他们会使用最舒服的方式,去评估获取信息的可能性,只有我们设计的浏览路径足够的自然,且提示清晰,内容易懂,符合用户的心理模型,用户才会使用该路径。用户会非常迅速的决定该网页内容是否值得花时间阅读,因此网页正文设计的好与坏非常重要,只有制定的设计策略能让用户在寻找和使用信息时,以最少的投入获得最大的利益,我们的设计才有价值。

  

  大部分场景,用户只会扫视页面,不会进行在线阅读。大部分场景用户都是在查找自己想要和自己感兴趣的相关信息,而不是逐字阅读。用户一般用非线性的方式阅读屏幕内容,且不会去寻找最佳选择,一般很快就会做出决定点击还是离开,因为看完全部内容去查找最佳选择,太花费时间和精力了。全部网页内容中,只有20%才会被用户阅读,我们需要知道用户想要阅读的20%的内容是什么,从而有效的确定页面架构,编写内容来捕捉用户的注意力,以说服用户阅读更多内容。

  

  眼动追踪热力图

  

  用户阅读网页的过程中,主要是扫描内容,查找他想要的和感兴趣的相关信息。

  

  网页正文浏览方式

  

  常见的浏览轨迹像一个“F”形。这种浏览方式由3部分组成:

  

  水平从左向右浏览(本文讨论的是从左向右阅读习惯的用户群体),一般首先会阅读顶部的主要内容区域;

  

  用户一般不会阅读整个网页,但会向下并再次沿水平方向从左向右阅读;

  

  沿正文区域左侧垂直向下阅读。

  

  “F”形浏览方式

  

  此热力图显示了一个典型的浏览方式,先阅读前几行,然后沿垂直方向向下浏览,当遇到感兴趣的内容,会多阅读一些,整体形状看起来,像一个“F”形。

  

  除了“F”形的浏览模式以外,根据网页内容吸引度的不同,可能会导致用户更多的水平方向(“E”形)或更少水平方向(“L”形)的浏览。而如果用户浏览的目的更加明确,是为了查找特定的信息,则浏览视线会更加不规则跳转,同时不同的年龄,文化水平、互联网使用经验也会影响阅读的模式。

  

  吸引用户注意的网页内容

  

  刚才有提到,网页中,近80%的内容会被用户忽略,用户阅读的20%内容的价值决定用户是否继续花时间阅读下去。

  

  那20%的内容是:

  

  网页标题

  

  网页前面的几个句子

  

  突出显示的标题和副标题

  

  有趣标题或副标题附近正文的前几个字

  

  图像标题

  

  用户从不阅读的是:

  

  长段落

  

  与用户意图无关的首行标题、标题或副标题下的内容

  

  那如何运用用户浏览网页的这些既定习惯去更好的设计呢,一般我们可以采用如下几种设计策略:

  

  将重要的内容放在显眼位置

  

  前面提到了用户阅读网页的一般浏览方式,以及习惯注意的网页内容,既然用户习惯于在特定的地方查找感兴趣的信息,则可以利用用户的这些阅读习惯,将有用的或吸引人的信息放置在用户最容易注意到的地方。一般内容设计上,要注意的地方是:

  

  网页最上面的内容(用户最开始注意到的内容),要有足够的吸引力;

  

  内容要“头重脚轻”,以吸引用户的视线继续往下移动;

  

  把重要的内容放在显眼位置,即网页首屏显示区域,且考虑放在左侧比右侧更具有吸引力(用户从左向右阅读)。用户很有可能不会滚动鼠标,查看屏幕以外的内容。因为用户不一定知道下面还有内容,如果页面内容较多,重要内容无法一屏显示完,设计需要考虑页面布局能够鼓励用户继续往下浏览,如部分可见的图片或文本,以及明显的提示。