外贸建站中着陆面设计至关重要
2021-03-01 点击数:2236
着陆页设计是外贸网站制作的重要组成部分,并努力以清晰直接的方式向访问者传达您的信息,以确保您影响人们注意您希望他们做什么。使用空格来组织页面和添加对比的CTA按钮只是实现此目的的几种方法。但最终,着陆页设计不仅仅是关于元素的外观,而是它们传达给访问者的信息。
着陆页设计是外贸网站制作的重要组成部分,并努力以清晰直接的方式向访问者传达您的信息,以确保您影响人们注意您希望他们做什么。使用空格来组织页面和添加对比的CTA按钮只是实现此目的的几种方法。但最终,着陆页设计不仅仅是关于元素的外观,而是它们传达给访问者的信息。
视觉吸引力只是外贸建站登录页面设计的一个方面,页面元素如何交互和一起流动决定了您的页面是否会成功吸引访问者。这是视觉层次结构发挥作用的地方。下面我们将根据几个国外英文网站设计案例进行分析。
什么是视觉水平?
可视层次结构确定哪些页面元素首先与访问者交互以及哪些元素与页面上的(以及以何种顺序)交互。通过创建可视层次结构,您可以确保访问者和登录页面之间的通信是无缝的。
可以使用以下技术实现可视层次结构:
比例:不同大小的D元素将引导用户注意 - 较大元素比较小元素吸引更多注意力。
颜色:人们被大胆,对比鲜明的颜色所吸引。
对比:颜色的变化可用于吸引注意力。将组件的另一个重点放在绘图的颜色上。
对齐:列和网格在元素之间创建对齐并使访问者注意到。
页面扫描模式:眼动研究表明,访问者在到达页面后会集中注意力,并继续执行整个页面。
所有上述设计元素都很重要,但本文将重点关注眼动追踪研究,该研究显示与阅读网页内容相关的网页扫描模式 - 尤其是F和Z模式。
F模式
2006年,尼尔森诺曼集团进行了被认为是目前最有用和引用的眼动追踪研究之一。在研究期间,他们观察了232位用户如何查看数千个不同的网页。调查结果显示,用户的主要阅读行为在各个站点和任务之间相对一致。
F模式规定访问者首先在水平方向上读取页面,主要是沿着内容区域的上部,然后向下移动页面并在第二条水平线上读取。最后,游客扫描内容左侧的垂直移动。
颜色键如下:
红色=观看次数最多,固定最多的区域;
黄色=一些观点,但固定较少;
蓝色=观看次数最少,注意力很少;
灰色=非常少的视图和没有注视。