作为我们常见问题报告的一部分常见问题的战略设计我们回顾了23个大小组织的常见问题,以帮助得出如何最好地呈现这一重要内容的设计指南。致力于美国选举运动改革的Mayday组织为我们的常见问题分析和指导方针提供了一个有趣的前后对比例子。我们与“after”示例中的显著改进没有任何关系,但它有助于说明良好FAQ可用性的一些重要设计属性。

MayDay.usoriginal FAQ
原来的目的MayDay.us常见问题是驳回异议,所以潜在的捐助者可以在捐赠之前感到舒服。它做得非常好,因为该组织筹集了780多万美元。视频在页面的中间分割了文本流,但是为了从文本中提取意义,需要仔细阅读。(放大后的细节显示了问题的结尾和答案的开头。)

好方面

常见问题解答使用视频解释并在视觉上分解页面。页面视觉方面的良好变化引起了注意力,锚定眼睛,支持扫描性。

随着情况和组织的发展,常见问题解答不断更新新问题。

跳转链接用于从问题列表导航到下面的答案。跳转链接让用户快速浏览问题列表并找到与自己相关的问题,而不是在大量内容中滚动搜索正确的问题。(另外,封闭手风琴,虽然并不总是在桌面上实现良好(但通常用于对移动设备的良好效果),但也将是这种内容的适当设计选择。)

需要工作

这是很难以检测链接在问题部分而不用鼠标擦除屏幕(您不能用触摸屏完成的一件事),因为它们是深蓝色,而不是下划线,因此它们与黑色文本相比不够。虽然小孩可以享受扫雷的网页在美国,当成年人无法浏览网页并查看内容时,他们会感到恼火。

常见问题解答部分中使用的排版和字体不会强调问题或链接。虽然问题被空格包围,但仍然很难在视觉上扫描页面并将问题与答案隔离。一个粗体的问题是有帮助的。

页面底部没有提供导航或返回页首链接。(这对另一个是一个好地方捐赠按钮。)要离开页面,用户需要一直向上滚动到顶部。滚动的次数会让人望而却步,尤其是在较小的屏幕上。

改进了

在较新的版本中,如下所示:

链接颜色与背景颜色和文本颜色有更多的对比,有助于链接脱颖而出。

利用标题来追溯到问题。现在很容易通过目视扫描问题并快速了解页面。

内容随着组织的情况而变化,它所接受的问题也在变化。当它是信息发现和服务改进过程的一部分时,这种动态内容可以发挥最大的作用。

改善后可以常见问题
在此后,更好的排版,内容的块和视觉链接风格MayOne.us常见问题解答一目了然。许多问题也随着新形势发生了变化。注意随意的、事实性的语言以及它是如何传达可信性的。这个常见问题解答会根据需要不断变化。

相关的

常见问题仍然提供巨大的价值

NN / G培训课程:

常见问题的战略设计

我们回顾了23个大的和小的组织的常见问题部分,以说明如何最好地使这种重要的内容类型更有用。我们的69页常见问题解答报告包含制作优秀faq的94条指南,并配有41张截图。然而,这份报告不仅仅是关于更实用的网页设计。它提供了如何去做的建议战略性地定位faq和UX研究人员管理数据和信息流,内容策略,以及产品和客户服务的改进。