其实网站用户体验在我们在规划外贸网站结构的时候,通常最容易忽略页面底部,也就是大家通常说的Footer。一个好的网站页面底部设计,能够给你的网站带来更好的用户体验。

那么用户是怎么使用页面底部的?

过去的网站页脚可以说大多都是各种链接的大型垃圾场。虽然页脚得到用户的关注比页面顶部少,但是仍然很重要。下面是页脚最常用的两种情况 :

1、用户浏览或阅读你的网页时,要么找不到他们想要的信息,要么需要更多信息。他们有时会滚动到页面底部,这时候你需要把页脚当做:

  • 第二次说服用户的机会。例如,也许一个用户在阅读了所有的细节后决定,她不想在你的网站上注册信息,但她仍然对你的网站印象深刻。页脚是一个很好的机会来提醒或教导潜在客户关于公司的其他产品或者信息。
  • 找不到想要的内容的最后途径。有时用户会在页脚中寻找全局导航中不存在的其他选项。例如,有些用户要申请售后服务和联系客服——可能会在页脚寻找相关信息。

2、用户有意地滚动到页脚,寻找他们希望出现在那里的信息,比如联系信息、公司的详细信息、社交媒体帖子或链接,甚至是发现网站上的新内容或相关内容。有些用户甚至使用页脚进行导航。当他们已经滚动到页面的末尾时,他们使用页脚而不是滚动到顶部进行全局导航。

在这两种情况下,无论页脚中出现了什么内容,每个页面的页脚都应该是一致的、可预测的,并且需要容易被用户发现。在确定要提供哪种类型的页脚以及要在页脚中提供哪些内容时,请参考我们接下来这列举的一些实例。

设计一个好的页脚对于你的网站来说,不是优先级最高的事情,但仍然是一个值得努力去做的事情,因为页脚有一个特别美好的可用性特点:他们永远不会妨碍用户在页面上所需要获得的满足感。所以,除了过于膨胀的页脚可能会延迟页面加载或呈现之外,页脚对用户体验来说是免费的。它有时可能会帮助到你网站的体验,但不会伤害你的网站。

页面底部的相关内容

下面是一些最常见的页脚组件、示例和使用它们时的推荐做法:

  • 实用的链接(Utility Links)
  • 门垫式导航(Doormat Navigation)
  • 次要链接(Secondary-task links)
  • 站点地图(Site map)
  • 公司内的品牌(Brands within the organization)
  • 用户参与信息(Customer engagement (email newsletters and social media))
Uscreen.tv包含多种页脚内容,如(1)实用内容 (2)辅助性的次要内容 (3)社交媒体链接。

实用链接(Utility Links)

大多数网站往往在页脚放上实用导航链接,其中包含:

联系方式(Contact Information):公司地址、电话号码、公司邮箱
客户服务信息(customer-service information)
隐私政策(privacy policy)
使用条款(terms of use)

虽然许多站点的顶部区域都包含了实用性的导航,但是页脚是用户搜索以上这些特定项时要查看的地方。用户通常会直接到页脚查找联系信息或找到获得客户支持的方法,这个在B2C的网站尤为可见,你通常可以看到B2C的网站都有客户服务信息(Customer Service)或者登陆/注册(Sign in/ Sign up)这一链接栏目。无论您的页面顶部是否有这些链接,最好在页脚中也包含它们。

作用于:整个网站站点

Clarity Money的页脚包含了使用条款和隐私政策的链接,以及社交媒体账户的链接,让事情变得更加简单。
J. Crew的联系方式包括其客户服务专用的Twitter帐户的链接、电话号码和电子邮件地址。

门垫式链接(Doormat Navigation)

这个非常容易理解,你自己回家进门垫时候第一个看到垫就是门垫,你离开家垫时候最后一个看到垫也是门垫。门垫式导航就是你到达时看到的第一个东西,也是你离开时看到的最后一个东西——也就是说,它同时包含在页面的顶部和底部。因此,页脚是可以包含全局导航垫。当页面很长时,这个组件是很有用的 (许多现代移动设计都是如此),因为它允许用户快速移动到站点的不同部分,而不需要回滚到主导航栏。

作用于:长页面的站点,特别是在页面底部全局导航不可用的情况下(有时候你会看到主导航一直悬浮在PC端页面的顶端就是这个道理)

United Healthcare使用门垫导航:主要类别显示在顶部导航栏(顶部)和页脚(底部)。

次要链接(Secondary Tasks Links)

页脚可以包含一些用户感兴趣的链接来执行了网站的一些次要任务,其中包括:

  • 公司的招聘链接
  • 访问投资者信息
  • 查找产品或服务的文档或规范
  • 访问媒体和其他公关信息
  • 寻找公司的子公司等等

作用于:帮助用户找到可能与站点的主要目的不直接相关的次要内容。

例如,Dwell Magazine的网站展示了杂志主题之外的类别,包括关于、Dwell杂志、专业人士和商家——这可能会引起它的二级用户群体的兴趣:媒体和设计专业人士、商家、投资者、广告商(以及潜在的员工)。

Dwell Magazine的页脚包括次要任务的链接

PS:我以前经常看到很多公司的外贸网站主导航放上了招聘链接,这个对于一个营销型的外贸网站是有害的,但是不是说不能有这个页面,而是需要把这个链接放到底部,因为前面我已经说明了,页面底部怎么样基本不会危害你的网站,只可能增加体验。

站点地图(Site map)

站点地图样式的页脚显示了全局导航和全局导航中不存在的其他重要页面的组合。与门垫导航不同,它主要是公开了主要类别的低层子类别。它有助于:

  • 展示在全局导航级别不明显的底层主题
  • 提高用户对网站主要内容的认识
  • 提醒用户该公司的不同产品
  • 站点地图页脚组件不包含完整的站点地图,除非站点只有很少的页面(大约25个或更少)。如果超过这个值,页脚就有变得笨拙和有难以使用的风险。(或者,您也可以在单独的页面上提供功能齐全的站点地图,并在页脚中链接到它,用户希望在页脚中找到这样的链接。)

作用于:具有多层信息或子域的大型站点

CNN的页脚包含指向顶层导航和低层类别的链接。

公司内的品牌(Brands within the organization)

有些公司规模很大,有时拥有或管理着数十家其他公司。有些网站使用通用导航将这些子公司与父公司连接起来。在页脚中包含子公司和品牌的列表也会很有帮助,以增强对组织投资组合中的其他品牌或公司的认识,并帮助用户找到解决问题的方法。

适用于:大型跨国公司,有许多子公司或子品牌

Walmart’s 页脚列出了该公司拥有的其他品牌,如Hayneedle、Jet和Modcloth。

用户参与信息(Customer engagement (email newsletters and social media))

用户通常会直接到页脚查找优惠券和促销活动等信息,或者只是了解公司销售和产品发布的最新情况。因此,页脚可以包含允许客户与公司保持联系的信息——社交媒体链接(或者至少是到公司社交媒体账户的链接)和邮件列表注册提示。

但是有一个情况就是,我完成的很多外贸网站的项目,我发现大多数客户的社交媒体都没有运营,甚至连最基本的账号信息都没有,这时候最好是不要放,这样会更加损害你的公司形象和信任度,所以保持你的社交媒体账号保证让客户了解公司对基本内容和在每个社交媒体网站上发布帖子的频率,才能让网站对用户体验才变得更好,你对网站转化才有可能从中受益。

作用于:如果使用社交媒体链接,适用于所有类型的网站;如果使用嵌入的社交媒体feed小部件,则强调视觉效果或美学(艺术、美学、生活方式品牌或创意空间)的网站,记得要及时更新发布新的内容。

TheGoodTrade.com上的所有页面都有一个大的、多组件的页脚,包括:(1)邮件列表注册提示,(2)带有Instagram feed的小部件,(3)指向社交媒体账户的链接,(4)指向次要任务的链接,(5)带有版权信息的免责声明。

结论

页脚是用户在网站迷失时所去的地方。如果我们想留下一个持久的好印象,最重要的是我们不能忽视页面的底部。毕竟,即使是页面中最普通、最实用的部分也会对用户体验产生影响。

但是还有一点需要明确,上面有很多种类型对页脚,但有一些对你自己的网站就不适用,要根据自己站点对实际情况进行有效取舍。

1 Comment

Write A Comment