你是否曾在1月份看到游泳衣,或6月份看到冬衣,突然突然想知道公司的退货政策?raybet电子竞技

您可能无法在产品图片或描述下方找到他们的退货政策的信息或链接。在这种情况下,您可能会滚动到页面的底部来搜索该信息。如果你还是找不到,那么你可能会退出这个网站,告诉自己几个月后再回来,那时购买这些东西会更明智。

这种用户行为的实例正是你的网站需要一个精心设计的网站页脚的原因。可以将页脚看作是用户的安全网,这些用户无法在站点的其他部分找到他们想要的信息。例如,通过提供您的退货政策或联系表格的链接,您可以防止一些访客离开您的网站电子商务网站和永远不会返回。

下载我们的免费UX研究和测试工具包

在这篇文章中,我们将解释什么是页脚以及为什么它对用户体验。然后,我们将讨论在页脚中添加什么,并以一些最有创意的例子来结束。

并不是每个页脚都包含上面提到的内容和元素——这没关系。最好的网站页脚将被设计为包括访问者需要在该特定网站上的信息。

因为它可能是访问者在您的站点上最后看到的东西,所以仔细考虑在您的页脚中包含哪些信息是很重要的。通常,这个元素在设计过程中会被忽略。因为它位于页面的最下方,一些网站所有者认为它不如页眉或折叠上方的内容重要。

但这是一种误解,可能会伤害你的目标。根据一项研究Chartbeat在美国,超过80%的访问者看到的是页面上方的内容,而在页面下方的内容中,这一比例则稳步下降。然而,向下滚动的访问者浏览折叠下方内容的时间要比浏览折叠上方内容的时间长得多。事实上,位于页面下方的内容(距离页面顶部大约1200像素)的浏览量是位于页面上方的内容(距离页面顶部0到550像素)的浏览量的近三倍。这张图表说明了这种行为。

当用户从页面顶部继续滚动时,显示整个页面参与度的图表会得到改善

图片来源

这是什么意思?一个可能的结论是,你想让最多人接触的内容应该放在页眉,而你想让人们接触的时间最长的内容应该放在页脚。

现在我们了解了网站页脚的重要性,让我们仔细看看哪些信息属于网页的这一部分。

重要的是要明白,设计一个伟大的网站页脚的唯一要求是知道你的访问者在寻找什么。这就是为什么网站页脚没有精确的配方。有一些标准的食材,但具体放什么,份量,点什么,都由你自己决定。

让我们来看看一些你可能用来设计页脚的材料。

版权声明

可以说,网站页脚最重要的元素是版权声明。据j.d.斯蒂芬·菲什曼说,在关于Nolo的法律文章在美国,版权声明是“一种书面声明,声明某一作品受版权保护,你拥有该版权。”目的很简单:阻止任何人复制图像,动画,段落或其他试图从您的网站窃取内容。

所需要的只是版权符号©(或“版权”或“Copr.”),网站出版或最近的实质性更新的年份,以及版权所有人的名字。版权声明只需要在你的网站主页上出现一次,但它可以出现在你想要的任何页面上。它可以放在主页的任何地方,但最常见的是在页脚。

这是来自HubSpot的博客首页

HubSpot网站页脚的版权声明

隐私政策链接

如果你从用户那里收集个人数据,比如他们的电子邮件地址或支付信息,那么隐私政策协议是法律强制的。因此,起草一份符合法律规定的隐私政策是必要的,并确保该政策在您的网站上很容易找到和访问。

最好的做法是在你的网站页脚放一个链接到你的隐私政策。这不仅将满足法律要求,也将满足大多数消费者的期望,因为他们希望在页脚找到这一信息。一些公司,比如康泰纳仕(Conde Nast),除了一个链接之外,还会选择包含他们隐私政策的摘录。这是来自《纽约客》

隐私政策摘录和链接在纽约客的网站页脚

网站地图

您可以通过两种方式将站点地图添加到页脚。您可以提供到网站各个部分的多个链接,也可以提供到XML站点地图的单个链接。

第一种方法被称为创建“站点地图页脚”。这些页脚包含的导航点不能整齐地放入大型站点的顶级导航栏或全局导航栏,或者是鼓励访问者浏览站点的导航点。网站地图页脚上恩典Eleyae例如,包含了访问者在第一次进入网站时可能没有考虑到的导航链接,但他们希望探索这些链接。

Grace Eleyae网站的Sitemap页脚

包含站点地图的第二种方法是在设计时考虑到搜索引擎机器人。一个搜索引擎机器人将寻找的最重要的事情之一是链接到您的XML站点地图。你的网站地图是一个包含url和你认为在你的网站上最重要的页面和媒体文件的信息的文件。根据谷歌,搜索引擎使用这个文件更好地抓取网站,特别是大型和内容丰富的网站。这就是为什么在页脚中提供此文件的链接被认为是SEO的最佳实践。

标志

页脚是加强你的品牌识别的好地方。你可以采取一些方法。你可以包括你的标志,但以不同于头文件的方式呈现。也许你增大了字体大小。也许你会加入一张图片。也许你在商标下面写了一个使命宣言或者你的品牌价值。这些只是一些可以提醒访问者你的公司代表什么,并给他们留下难忘印象的方法。raybet电子竞技

特使例如,在页脚的logo下方添加一些品牌。上面写着:“我们为互联世界创造可能性。是大胆的。”这样一来,即使读者没有读过“关于”页面,他们也会对公司的业务有所了解。raybet电子竞技

特使的网站页脚包含一个标志和品牌

联系信息

你希望潜在的线索能够尽可能容易地与你联系。因此,网站页脚通常会包含联系细节,如商业电子邮件、电话号码或邮寄地址。或者它可能只是包含一个链接,将您带到一个联系人表单。

豪华精品酒店贝尔维尤Syrene将其网站页脚网格的一部分用于其联系信息。为了确保潜在客人能够以他们想要的方式联系酒店,页脚包括地址、电话号码、传真号码和电子邮件地址。

Bellevue Syrene的网站页脚包含一个网格中的联系信息

社交媒体图标

社交媒体是潜在线索联系你的另一种方式。因此,包含社交资料链接被认为是一种最佳实践。这也是一种在不同平台上培养粉丝的简单方法。了解了这些好处,就能理解72%的网站在页脚包含社交媒体网站的图标

下面是社交媒体图标的动画展示Flatstudio的倒带应用程序

倒带社会图标的体育网站页脚

电子邮件注册表单

理想情况下,您希望向了解您内容价值并想要更多内容的访问者呈现电子邮件注册表单。一个滚动到你网页底部的访问者就是一个可能的候选人。这就是为什么许多网站使用他们的页脚作为增加订阅者的机会。

例如,Chobani包括一个简单的电子邮件选择的形式在其页脚。上面的标语——“获取最新的乔巴尼新闻”——帮助订阅者设定他们注册的具体内容的预期。raybetapp

乔巴尼页眉和页脚使用反向配色方案

现在我们知道了可以在网站页脚中添加哪些内容和元素,让我们看看一些可能会启发你的真实例子。

网站页脚的例子

如上所述,没有“正确的”方法来创建一个网站页脚,只要它反映你的独特的品牌标识而且是为你的受众量身定制的。让我们来看几个这样做的例子。

1.罗蕾莱Londres

罗蕾莱·伦敦索伦托酒店的网页页脚

罗蕾莱伦敦是一家豪华酒店在意大利,力求提供热情和魅力。它的页脚在这两个方面都很成功。

预计到任何来自网站访问者或访客的问题,左边有联系信息,中间有导航链接,右边是时事通讯选择加入表单。raybetapp在右边,还有隐私政策链接以及直接在页脚的提交表单。下面是另一个链接,涉及隐私政策、cookie政策、创建该网站的机构以及版权声明。所有这些都被放置在一个图像背景中,描绘的是一个人在阳台上的游泳池俯瞰海滩。结果是一个标准的页脚,但与品牌完美对齐。

2.超流体

Superfluid的网站页脚包含了带有粗体标识的标准功能

Superfluid是一个专为任何人设计的素食美容品牌。就像Superfluid的任务一样,它的页脚是基本的,但也重新定义了基本的含义。Superfluid的页脚包含你想要的信息——一个组织良好的帮助文章、法律信息、关注的社会媒体帐户、电子邮件注册表单、标志和版权信息的菜单——但不是你想要的那种方式。

首先,电子邮件注册表单使用所有的大写字母,就像logo一样,并在其下方提供一个动画折扣。与页脚的其他文本相比,该标识是巨大的。在页脚下方的左边,你可以看到代表其品牌价值的图标——人道、素食和包容。右边,是传统的版权公告以及被接受的支付方式。简而言之,这个页脚提供了重要的信息,以粗体但干净的方式解决潜在客户或现有客户可能存在的任何问题。

3.样条组

Spline集团的网站页脚

样条集团是一个机电工程公司,重视有效的沟通和简单。

这在它的页脚中很清楚。极简设计,页脚以白色背景上的黑色文字为特色。上面有一个地址和链接,可以链接到它的Instagram、LinkedIn和职业主页。下面是更大的文本。但与Superfluid不同的是,它不是Spline的标志或品牌名称。相反,它是一个与简单但邀请CTA的联系链接:“让我们谈谈。”

4.Art4web

Art4web的网站footer为客户提供了三个接触点

Art4web是一个创意的数字和品牌工作室,致力于制作独特的网站,移动应用程序和品牌设计。它自己的页脚部分就是一个独特设计的例子。比起像Spline Group这样的潜在客户提供一个接触点,Art4web提供了三个。潜在客户可以给他们发电子邮件,填写表格以获得他们项目的报价,或者给他们打电话。或者,他们也可以选择在下面的图标所代表的任何社交媒体平台上进行连接。

5.gOOOders

Gooders的网站页脚是面向转换的

gOOOders是一个在线平台和一系列酒店精品店,销售道德和可持续的产品。它的使命是帮助人们在购买产品和旅行方式上做出更好的选择。

由于gOOOders是一个专注于行动的品牌,它的页脚如此以行动为导向是有道理的。页脚部分的大部分用于电子邮件注册表单。表单的背景是彩色的和动画的,所以你的眼睛被吸引到那个部分。下面是一个简单的白色行,包含版权声明,联系链接,gOOOders的cookie政策和条款和条件的链接,以及社交媒体图标。这是一个伟大的模式,网站想要优化他们的页脚转换。

6.Ajeeb

动画聚光灯和鼠标悬停效果在Ajeeb的网站页脚

Pranjal Kaila,又名Ajeeb,是一位独立的跨学科设计师。根据他的生物他的专长之一是“创造互动的空间和感官体验”。这在他的网站的每个部分都很明显,包括他的页脚。

他的页脚包含基本信息——他的素描本和作品的链接、联系方式、社交媒体图标、版权声明和他的隐私政策的链接——但它们的呈现方式是独特的。在黑色的背景下,白色的字体看起来像星座。光标的作用就像一个聚光灯。当鼠标悬停在任何链接上时,字体变成粗体和蓝色。

设计你的网站页脚

设计你的网站页脚需要仔细的计划。这是一个区域人类和搜索引擎机器人寻找他们在别处没有找到的重要信息。你要确保你为他们提供了他们需要的内容和元素,让他们继续探索你的网站,而不是在挫败中退出。

用户体验的模板

用户体验研究工具

最初发布于2020年9月28日上午7:00:00,2020年9月28日更新

主题:

用户体验