问题概述
用户需要一种机制,该机制能够绕过导航功能快速访问网站或者应用系统中的特定模块。[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?