• 18651623183
外贸网站制作:如何在英文建站设计中使用F&Z模式
作者:佚名 /日期:2020-03-18 16:47

着陆页设计是外贸网站制作的重要部分,力求以清晰直接的方式向访问者传达您的信息,以确保您影响人们注意您希望他们做什么。使用空格来整理页面并添加对比的CTA按钮只是实现此目的的几种方法。但最后,着陆页设计不只是关于元素的外观,而是它们向访问者传达的信息。

视觉吸引力只是着陆页设计的一个方面- 页面元素如何相互交互并且流动在一起决定了您的页面是否会成功吸引访问者。这就是视觉层次结构发挥作用的地方。下面我们会根据几个国外的英文网站设计案例来做解析

可视层次结构确定哪些页面元素首先与访问者互动,以及在页面上与哪些元素交互(以及以何种顺序)。通过建立可视化层次结构,您可以确保访问者和登录页面之间的通信是无缝的。

比例: D不同尺寸的元素将引导用户注意 -与较小的元素相比,较大的元素吸引更多的注意力。

对比度:颜色的变化可以用来吸引注意力。 ontrasting一个元件的反对色的其他绘制焦点。

页扫描模式:眼动研究显示,游客在这里集中他们的目光,一旦他们到达的网页上,并在那里他们将继续执行整个页面。

所有上述设计元素都很重要,但这篇文章将重点关注眼动追踪研究显示与阅读网络内容相关的页面扫描模式- 特别是F和Z模式。

2006年,尼尔森诺曼集团进行了被认为是当今最有用和最引用的眼动追踪研究之一。在研究期间,他们观察了232位用户如何查看数千个不同的网页。调查结果显示,用户的主要阅读行为在各个站点和任务中相对一致。

F模式规定访问者首先在水平方向上阅读页面,主要是沿着内容区域的上部,然后向下移动页面并在第二条水平线上阅读。F inally,游客扫描内容的左侧垂直运动。

上图所示的三张热图来源于三个不同网站的用户眼动追踪研究。值得一提的是,F模式不必遵循严格的双杆水平模式(参见右上图中的热图)。

这里要记住的关键是用户的眼球运动从左上角开始并在页面上移动,然后向下扫描页面以搜索他们发现有吸引力的元素。对于元素你想游客到注意到在文字为主的页面(如图像),将它们放置在F方式确保元素被看到。

安排您的着陆页面元素小号,使他们陷入这种特殊的视觉为了确保游客通过你的页面,然后点击按钮CTA。

在Z-图案布局通常用于对不重内容的网页。它的设计模仿当人眼行进的路线就读取-左到右,曲折从上到下:

就像F图案一样,Z图案布局不一定是精确的Z图案。水平线不必完全水平 - 它们也可以成角度。此外,可以有多个z的整个页面。请确保:

在第二个对角线中,眼睛移动到40%统计数据并在页面上从左向右移动以查看其他两个统计数据

将最重要的目标网页元素放置在访问者的自然眼睛路径上,无论是F还是Z模式,都可以确保您创建引人入胜的着陆页体验。利用目标网页上的可视层次结构,确保访问者吸收您的邮件并采取您希望他们采取的操作。

【恒安业务】网站建设、网站设计、服务器空间租售、网站维护、网站托管、网站优化、百度推广、自媒体营销、微信公众号
如有意向---联系我们
热门栏目
热门资讯
热门标签

网站建设 网站托管 成功案例 新闻动态 关于我们 联系我们 服务器空间 加盟合作 网站优化

备案号:苏ICP备13015331号 

公司地址:南京市鼓楼区广州路328号20楼2008室 咨询QQ:309664046 手机:18651623183 电话:025-87784618