(翻译)页脚导航(FatFooter)

问题概述

  用户需要一种机制,该机制能够绕过导航功能快速访问网站或者应用系统中的特定模块。[1]

示例

这里写图片描述

用途
  • 用于与网站的其它层次结构间创建快捷访问方式[2];
  • 用于网站中存在某些页面或功能相对来说被频繁访问时,采用快捷框列出这些内容,用户可以使用快捷方式来便捷地访问这些页面或功能;
  • 用于为网站中不同层次结构中的页面创建快捷访问方式;
  • 页面空间有限时也可用于导航,但不建议这么做[3]。
解决方案

  点击通往网站其它模块的链接,转出当前页面[4]。
  在网站的所有页面上都添加一致的页脚——每个页面的页脚布局都相同。页脚导航设计中通常包含以下几点:

  • “关于我们”链接。链接到网站的“关于我们”模块,该模块介绍网站所属公司的基本信息;
  • 服务条款。如果提供服务或产品,标准做法是将其访问链接放置在页脚位置,这也是用户预期看到信息的位置[5];
  • 隐私条款。和服务条款一样,用户也要在网站的页脚位置能看到隐私条款;
  • 网站地图。为网站中的重要网页提供快捷链接;
  • “联系我们”链接。确保用户能够联系到网站工作人员。如果网站有“联系我们”的网页,用户希望能在网站的页脚中找到该网页的链接。“联系我们”的网页中显示有网站工作人员的工作地点,这也是建立可信站点的重要环节;
  • 地址和联系电话。证明网站的真实性。如果网站存在实体业务,则将地址和联系电话放在页脚中,既提供电话支持,也可让用户寄东西给网站工作人员,这是令人期待且合适的做法[6];
  • 社交账号链接。提供到你注册的Facebook、Twitter、Pinterest、Instagram等社交媒体账号的链接。
说明

  新的体验一种接着一种,让用户长时间徜徉在网站之中。提供简单而又自然的方式让用户在网站中畅游,为用户提供最常用的网页和功能的链接,既缩短了访问路径,又降低了混乱度[7]。
  网站的层次结构有时会阻碍用户访问某些网页或功能。为最常用的网页和功能创建快捷链接 ,缩短访问路径,减少点击次数,降低混乱度。

讨论

  并不是每个网站或公司都适合使用页脚导航模式,使用之前先回答以下几个问题:

  • 用户希望在页脚位置看到哪些内容?
  • 用户在网站中畅游,逻辑上来讲,下一步他会干什么?[8]
  • 网站的二级用户和三级用户对页脚会提什么问题?[9]
  • 当前网页浏览完之后,用户该如何继续进行网站的体验?

原文地址:http://ui-patterns.com/patterns/FatFooter
[1]原文:Users need a mechanism that will enable them to quickly access specific sections of a site or application bypassing the navigational structure.
[2]原文:Use to shortcut an otherwise hierarchical structure of a website
[3]原文:Can also be used as navigation when short on space, although it is not advised.
[4]原文:End a page by providing relevant links to other sections of your site.
[5]原文:If you provide a service or a product, placing a link to it in the footer is a standard location, why users anticipate it being there.
[6]原文:Show that you are real. If you have a physical business, offer phone support, or have a reason for people to mail you things, putting that information in the footer is an anticipated and appropriate location.
[7]原文:Keep visitors on your site for longer: end one experience by starting a new one. Provide easy and natural ways for users to continue their journey. By adding a shortcut to the most frequently used pages and functions, the path can be shortened and confusion can be decreased.
[8]原文:What is the next logical step in the user journey?
[9]原文:What questions are my secondary or tertiary users still asking at the bottom of the site?

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值