建站百科Website News

续上

5、遵循基本的阅读模式

用户研究领域的先驱 Nielsen Norman Group 曾经针对这一用户行为进行了深入的研究，为设计师和可用性设计专家们提供了更好的素材和设计依据。

简而言之，当人们访问某个网站的时候，尤其是初次访问网站的时候，他们通常不会特别仔细的查看所有的内容，而是快速的扫视，找到能够吸引他们注意力的信息，这些内容就是他们继续停留在这个网站上的理由。通过眼动测试和不同实验，他们发现访问者的视觉浏览模式，可以归结为几种典型的模式。设计师 Steven Bradley 在自己的文章中，总结了这三种常见的模式：古腾堡式，Z图模式和F图模式。

古腾堡式：对于信息结构层次并不那么分明的网页，用户常常会使用古腾堡式的浏览模式，用户大范围扫视页面内容，整个视线路径是一个大号的Z，其中较开始的两个视觉驻留点就在页头上。

Z图模式也不难理解，用户从上到下，视线沿着Z字形来回扫视，用户会左右快速扫视，视线的起点*先是左上角，行跨顶部一栏到右上角，然后向下延伸。

F图模式，或者说是F式布局，我们就更加熟悉了。在Nielsen Norman Group 的研究当中，这种阅读模式较为典型：

      ·用户先会沿着水平方向浏览，优先浏览内容块的上部，这个时候的眼动构成了字母F 较上面一横。

      ·接下来视线会沿着屏幕左侧向下垂直扫视，寻找段落中能引起兴趣点的内容，当他们发现引起他们兴趣的内容之时，继续横向仔细浏览，而通常这些内容对应的视线范围会比先进次横向浏览的范畴要更小一些，而这个视线轨迹则构成了字母F 中间的一横。

      ·接下来用户会将视线移到屏幕左侧，继续向下浏览。

所以，将较关键的元素置于用户的浏览路径上，让用户可以更轻松地消化信息，也能较高效地执行交互。

6、引入可点击的元素

你的网站*屏能够吸引用户去操作么？它是否包含有可点击的元素？

想要引导用户，*屏几乎是好的存在。在这里，你可以使用行为召唤按钮来引导用户点击跳转到特定的地方，可以用来吸引用户邮件订阅，但是无论如何，尽量让整个*屏集中执行特定的任务，而不要因为过多的可操作选项让用户分心。

不知道想要在*屏当中包含哪些元素？选择你较希望用户执行的操作，所有的元素都围绕着它来设计。

7、简单的图层设计

想要将上面提及的技巧都融会贯通、呈现在你的网页*图当中？那么你需要让所有的元素高效、合理地整合在一起，用简单的几个分层，将它们收纳到一起。

分层对象能够帮你搞定这个问题。在确定需要呈现哪些元素以及各个部分的功能之后，将不同功能的元素用不同的分层来承载。分层尽量简单，这样不仅更加易于控制，也是让设计更加专注于核心的视觉和功能。

多尝试几次，找到真正高效的搭配，让用户打开*屏的时候真正被惊艳到。