网页设计师应该把每一个访问我们网站的用户视为潜在的新用户，为他们提供足够的指导和指导，以完成他们的任务并熟悉网站。几乎每种类型的网站都必须以不同的方式帮助用户。网站的类型将决定您应该提供的帮助系统的类型。
此外，帮助系统的有效性与网站设计的质量有直接关系。一个设计糟糕的帮助系统——不管它的内容有多好——都会造成糟糕的用户体验。在本文中，我们将研究设计有效帮助页面的一些方法通过例子，这可能会给你的工作带来启发。
什么是帮助系统?
我们在网站设计中看到许多术语和类型的帮助系统:“帮助”、“支持”、“常见问题”、“文档”、“知识库”等等。所有这些网页旨在为用户提供帮助。
帮助系统应该在用户可能需要问题答案的位置方便地访问，例如，当他们开始使用网站时，以及当他们可以从有用的信息中受益时。它们是至关重要的，因为它们是网站访问者在决定放弃并搜索另一个满足他们要求的网站之前最后查看的地方之一。因此，帮助系统在保留站点访问者方面至关重要。
虽然帮助系统很重要，而且常常是不可或缺的，但许多网站设计忽视了它们的有用性和重要性。造成这种情况的原因通常是网站所有者缺乏对帮助内容的需求或将其整合到网站内容中的好处的认识。例如，在在线商店的情况下，您可以将购买说明放在主页或用户可以轻松找到它们的地方，而不是创建单独的帮助部分。
这也会增加可寻性。
帮助系统的一些例子
为了帮助后面的讨论，让我们看几个帮助系统的例子。如下图所示，这家名为Marie Catrib 's的网站将联系方式和营业时间放在了主页的页脚。这巧妙地将有时完全独立的页面的内容嵌入到页脚中。
这些信息可以被认为是网站帮助系统的一部分。
FAQ(代表常见问题)是一个回答许多用户反复询问或想到的问题的地方。换句话说，它可能是来自顶级类别(如支持或帮助)的指导方针的子集，用于较大的站点帮助系统。
在大多数情况下，“帮助”将是一个更好的顶级页面名称。“支持”通常用于提供某种技术服务的商业网站。有些部分被命名为“帮助/支持中心”。下面，你可以看到乔什·洛克哈特的网站使用“帮助”链接作为其帮助页面的入口点。
帮助页面进一步细分为“如何安装”、“如何购买”、“常见问题解答”等部分。
下面是另一个帮助系统的例子。鉴于其内容(即各种类别)，”帮助中心是谷歌网站这个部分的正确名称。
因为他们有很多产品，他们的系统非常全面，必须组织得很好，才能有效和可用。
加州法院有合适的帮助中心，有定义良好的类别。图标用于帮助系统的不同部分的视觉认知。
调查猴子的帮助中心有精心设计的分类。
十只小猴子在页脚的“帮助和信息”标题下列出一些帮助页面。
BrightKite，比如十只小猴子，在页脚使用“帮助”标题，然后列出一些有用的帮助页面，这些页面是他们帮助系统的一部分。
作为反例，好点只把他们的联系信息放在帮助中心，这是一个错误命名的教训，也是一个设计不完整的帮助系统。作为一个良好的惯例遵循，“联系”或“联系我们”应该是这个网页的标签。
帮助页面功能
所有的帮助页面，无论其各自的特点如何，都有一些共同的特点。
- 页面必须清晰明了。
- 他们应该有一个简短的，描述性的解释，每个主题可以快速阅读。来到帮助页面的用户通常已经感到困惑，所以他们不倾向于阅读长文本块。
- 下面这些好的扫描辅助工具(比如保留关键字)可以提高可读性。
在下面的示例中，您可以看到这一点特立独行的标签显示文本的重要部分，从而帮助用户阅读。
尽管设计简单，但System 7 Today上的链接很好地突出了重要的主题。
除了这些特性之外，还有一些其他属性值得考虑。
我们来复习一下。
可访问性
任何页面最重要的方面之一是可访问性，但它对帮助页面更为重要。帮助页面应该简单而快速地访问。链接到头和页脚特别是在长页面和主页上。
用户不应该挖掘深埋的页面。体验应该是直截了当的。例如,Traffik在普通背景上放置清晰的链接以增加可读性。
ProWorkflow在他们的主要导航栏中放置一个直接链接到其支持页面。
发票机遵循我们上面看到的模式，但也显示了在帮助页面上可以找到的描述性文本。
不断的联系使用适当的措辞(“学习中心”)表示其资源和美学上的区别从其他链接。
AAFP“面包屑”显示了通往帮助中心的漫长道路。由于隐藏得太深，这部分可能会逃过用户的注意。
发现谷歌从主页找到帮助中心是相当困难的。
事实上，用谷歌搜索会更快。
分类
为了防止混淆，包含大量内容的帮助系统应该按照主题仔细地组织。要使帮助系统有效，你必须花时间信息架构．有少量的主要类别，每个类别都可以有子类别。
有不同的分类方法，但一般来说，将更重要的主题和共同问题放在结构的更高位置。此外，考虑使用图标来增加类别的视觉提示，并为页面增添活力。在下面的例子中，苹果的帮助中心是辉煌的，喜欢它的产品!
主题分类很好，涵盖了用户可能需要帮助的所有领域。
ProWorkflow将其帮助内容组织到几个类别中，每个类别包含子类别。
竞选班长使用图标来支持它的分类，把所有的东西放在正确的地方。
为了防止交通堵塞，谷歌将不太重要的项目放在另一个页面上，通过链接访问。
Hostway是另一个用图标分类的例子，但有自己的风格。
HWG的FAQ页面有非常简单的分类，没有任何多余的东西。
Apache的帮助系统是另一个纯HTML页面。这很简单，但可以完成工作。
可搜索的内容
对于广泛的帮助系统，能够搜索是非常有用的。搜索结果应该能一目了然地显示一个主题的所有信息。但要真正有用，它应该只显示帮助部分的页面，而不是网站的其他部分，这样呈现的结果就不会让人不知所措或感到困惑。
谷歌的帮助中心有特定于部分的搜索，适当地标记为“搜索帮助”，以表明您只是在搜索帮助中心。
Storenvy搜索功能的定位和标签都很好(例如，“搜索支持”)。
TiVo也显示了良好的定位，并为搜索框创造了一个独特的空间。
颜色增加了美感。
ProWorkflow，尽管分类很好，但缺乏搜索，这可能会造成困难。
连结至其他资源
有时用户最终会出现在错误的地方，或者找不到他们想要的东西。为他们提供其他有用的选项，如其他帮助主题，论坛等超链接．这些链接的用处取决于它们的位置:可见的、附近的、清晰的是最好的。
ThinkGeek列出了用户可能想去的几乎所有其他地方，他们把这些地方放在了正确的位置，并有一个好的标题。
值得注意的链接到最新的论坛帖子，这是一个介绍新资源和提高可发现性的好主意。
ThinkGeek一样,雅虎在有用的信息标题下组织链接。
联系信息
将联系信息放在正确的位置是帮助用户的另一种方式。当用户找不到他们想要的东西时，他们会问你，所以你应该通过电话、电子邮件、在线聊天等方式让他们可以接触到你。虽然联系信息通常出现在主页上，当然也会出现在联系页面上，但将其放在帮助页面上是一个好主意，以防用户找不到他们要找的东西。
联络资料:疯狂的蛋呈现得很好，位置也很好。
iPersonalAssistant提供简单的联系信息，没有任何不必要的装饰。和Crazy Egg一样，它也欢迎电子邮件。
TiVo提供实时聊天，这是一个网站的宝贵功能。
ThinkGeek提供详细的联系信息。而且它的位置很好。
Help.com邀请用户提交门票，这很方便，但可能不如实时聊天好用。当然，这两种方法都需要足够的人手来满足需求。
获取用户反馈
为了改进帮助材料，评估其效率并衡量用户满意度，反馈是很重要的。这个过程不应该太耗时，否则用户不会参与;星形或数字评级比表格更有效。一个非常简单的调查微软询问帮助资源是否有用。
Help.com问用户可以写下他们的建议、投诉和其他反馈。虽然反馈可能更详细，但分析它是一项令人厌烦的工作。考虑到参与所需的时间，用户可能会拒绝。
雅虎复杂的表单对用户来说似乎过于繁重。
美国国家航空航天局的宇宙调查!显示平均评分和评分数量是明智的。
他们甚至提供帮助(见问号)。
把它们放在一起
我们已经回顾了帮助页面的一些基本元素。许多帮助页面没有这些功能，而有些页面则同时提供这些功能。N早期完美的帮助部分是罕见的，而这些帮助部分往往属于网络上最成功的公司。
竞选班长展示了一个完美的帮助部分的所有特征。
就像它的其他功能一样，网络巨头雅虎有一个很大的帮助区。
结论
本指南介绍了一些设计有效帮助页面的基本技巧和最佳实践。我希望你能注意到适用于你的规则，不要为绕过其他规则而付出太大的代价。所以开始尝试吧，同时记住最基本的。
