如果您拥有一个与客户,客户或一般公众打交道的网站,则必定需要FAQ页面 。 FAQ页面处理重复问的问题。 这些常见问题被捆绑在一起,并放置在访问者可以去的特定部分中,以找到他们需要的答案。
那里的许多站点都竭尽全力地使FAQ页面设计得亲切,明快,有条理,以免使读者不知所措。 在这篇文章中,我们看一下以下10个站点如何执行这些功能,其中一些具有创造性的结果。 请注意,对于许多示例,您将需要转到站点亲自体验交互。
40/40广告素材常见问题解答页面嘲笑Lloyd和Harry在此声名狼藉,“没有愚蠢的问题”。 该页面在提出的问题中使用幽默,单页设计几乎涵盖了最常见的问题,尽管并非完全相同。
它还借此机会在页面末尾嵌入了一些号召性用语 , 使他们的联系电子邮件,博客,Project Planner和新闻通讯获得了流量 。
![40/40常见问题](https://assets.hongkiat.com/uploads/design-faq-pages/1-creative-faq-pages-2.jpg)
TGI Fridays是位于曼哈顿的美国最具标志性的酒吧和烧烤店。 请注意细节,因为此“常见问题解答”页面上有一些您可以使用的交互 。 首先,如果将鼠标悬停在顶部的“吃”,“喝”,“社交”和“查找”一词上,它们将切换为漂亮的图标。
而且,页脚处的标语不仅是普通的广告。 单击横幅时,横幅会展开,以向您显示有关所显示命题的更多详细信息。
麦当劳的“加拿大常见问题解答”页面具有高度响应的设计 ,该设计同时使用视频和下拉窗口来显示您最喜欢的问题的答案。 此外,如果需要,可以通过切换成分栏最右边的黄色图标,将页面上的Windows网格布局更改为行布局。
您可以使用搜索栏搜索或提问 ,然后按视频,图像和简短文本答案对问题进行排序。 搜索栏的末尾是一个FAQ按钮。 单击该按钮,您将转到另一部分...
…有一个问题,即单击该按钮时将释放下拉窗口,并强制所有其他窗口移动位置以适应文本框。
99designs是一个设计竞赛市场,设计师可以共享工作,客户可以购买其中的精华 。 使用以某些设计为特色的拼贴画作为大背景图像时,您会与它们一起进入同一房间,从而提供微妙的亲切感和舒适感。
此常见问题解答页面部分本身又分为两个小节,一个小节用于客户,另一个小节用于设计师。 两个小节均包含一般性问题和专业性问题 ,这使您更轻松地找到所需的答案。
![99designs常见问题](https://assets.hongkiat.com/uploads/design-faq-pages/5-creative-faq-pages-2.jpg)
Pinterest的常见问题页面时尚,简约且时尚 。 所有这三个链接都指向相同的帮助中心页面,该页面很容易使用左侧的侧边栏进行浏览。 所有答案均附有详细的说明和屏幕截图,以帮助Pinterest假人成为专家。
薄荷常见问题页面乍一看看上去很普通,但是却非常时尚和酷。 它的选项卡式部分将您最常提出的有关Mint提供的基本知识,银行帐户,功能和应用程序的问题进行划分。
这些问题以教程形式编写,并带有指向您解决问题可能需要的页面的正确链接 。 而且,如果您找不到问题的答案,请访问其社区论坛以获取更多帮助。
Spotify的“常见问题”部分不仅包含内容,还包含方法。 他们的常见问题解答部分实际上是非常全面和高度组织的 ,但是并没有使用户不知所措,因为他们可以轻松地通过指南。 下拉菜单使用率很高。
您将找到实际的分步教程以及屏幕截图,以帮助您确定需要采取的步骤。
该指南甚至分为使用的设备类型,无论是Mac,Windows,iPhone,iPad,Android,Windows Phone还是其他平台(如果适用)。 如果所有步骤均失败,请在页面右侧与社区联系。
SoundCloud将其FAQ页面分为两个部分:第一个部分包含最常见的问题以及答案,第二部分将问题分为几个部分。 如果您没有在第一部分找到答案,请直接转到第二部分。
我喜欢这些块的显示方式:简单地使用凉爽的橙色和黑色图标(这是SoundCloud的主要徽标颜色)以及每个部分的简要说明。 该设计看起来极简,悦目且易于使用。
当您查看它时,您会看到SmugMug帮助中心页面着重于人性化 。 是的,漂亮的图片标题充满了真实的人,并且字体很大,但是请注意,他们也位于搜索栏的前面,“ 电子邮件给我们”按钮位于右上角, “入门”视频位于位于左侧,而其“帮助主题”列在右侧。
单击任何主题,您将看到一张完整的问答集,其中彩色问题和字体大小比答案片段大。
单击问题将带您进入一个页面,其中包含有关如何解决问题的分步教程,并附有屏幕截图。
Vimeo具有高度组织的FAQ页面 。 您可以使用顶部或底部的搜索栏来找到答案,或者浏览该部分以找到所需的内容。 单击每个部分的名称以转到可以找到更详细答案的页面。
当您发现Vimeo在“共享视频”下甚至仅在“嵌入视频”部分中也包含20个常见问题时,您将欣赏Vimeo所采用的简单化方法 。
![vimeo常见问题](https://assets.hongkiat.com/uploads/design-faq-pages/2-creative-faq-pages-1.jpg)