如何设计网页正文

如何设计网页正文

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




【如何设计网页正文】用户在浏览网页时 , 主要目的是为了获取有用信息 。他们会使用最舒服的方式,去评估获取信息的可能性,只有我们设计的浏览路径足够的自然 , 且提示清晰,内容易懂 , 符合用户的心理模型,用户才会使用该路径 。用户会非常迅速的决定该网页内容是否值得花时间阅读,因此网页正文设计的好与坏非常重要 , 只有制定的设计策略能让用户在寻找和使用信息时,以最少的投入获得最大的利益 , 我们的设计才有价值 。
大部分场景,用户只会扫视页面,不会进行在线阅读 。大部分场景用户都是在查找自己想要和自己感兴趣的相关信息,而不是逐字阅读 。用户一般用非线性的方式阅读屏幕内容 , 且不会去寻找最佳选择,一般很快就会做出决定点击还是离开,因为看完全部内容去查找最佳选择,太花费时间和精力了 。全部网页内容中,只有20%才会被用户阅读 , 我们需要知道用户想要阅读的20%的内容是什么 , 从而有效的确定页面架构,编写内容来捕捉用户的注意力,以说服用户阅读更多内容 。

眼动追踪热力图
用户阅读网页的过程中,主要是扫描内容 , 查找他想要的和感兴趣的相关信息 。
网页正文浏览方式
常见的浏览轨迹像一个“F”形 。这种浏览方式由3部分组成:
水平从左向右浏览(本文讨论的是从左向右阅读习惯的用户群体),一般首先会阅读顶部的主要内容区域;

用户一般不会阅读整个网页,但会向下并再次沿水平方向从左向右阅读;
沿正文区域左侧垂直向下阅读 。
“F”形浏览方式
此热力图显示了一个典型的浏览方式,先阅读前几行,然后沿垂直方向向下浏览,当遇到感兴趣的内容 , 会多阅读一些,整体形状看起来,像一个“F”形 。
除了“F”形的浏览模式以外,根据网页内容吸引度的不同,可能会导致用户更多的水平方向(“E”形)或更少水平方向(“L”形)的浏览 。而如果用户浏览的目的更加明确,是为了查找特定的信息,则浏览视线会更加不规则跳转,同时不同的年龄,文化水平、互联网使用经验也会影响阅读的模式 。

吸引用户注意的网页内容
刚才有提到,网页中,近80%的内容会被用户忽略,用户阅读的20%内容的价值决定用户是否继续花时间阅读下去 。
那20%的内容是:
网页标题
网页前面的几个句子
突出显示的标题和副标题
有趣标题或副标题附近正文的前几个字
图像标题
用户从不阅读的是:
长段落
与用户意图无关的首行标题、标题或副标题下的内容
那如何运用用户浏览网页的这些既定习惯去更好的设计呢,一般我们可以采用如下几种设计策略:
将重要的内容放在显眼位置
前面提到了用户阅读网页的一般浏览方式,以及习惯注意的网页内容,既然用户习惯于在特定的地方查找感兴趣的信息,则可以利用用户的这些阅读习惯,将有用的或吸引人的信息放置在用户最容易注意到的地方 。一般内容设计上,要注意的地方是:
网页最上面的内容(用户最开始注意到的内容),要有足够的吸引力;
内容要“头重脚轻”,以吸引用户的视线继续往下移动;
把重要的内容放在显眼位置,即网页首屏显示区域,且考虑放在左侧比右侧更具有吸引力(用户从左向右阅读) 。用户很有可能不会滚动鼠标,查看屏幕以外的内容 。因为用户不一定知道下面还有内容,如果页面内容较多,重要内容无法一屏显示完,设计需要考虑页面布局能够鼓励用户继续往下浏览 , 如部分可见的图片或文本,以及明显的提示 。


经验总结扩展阅读