5 Simple Tips for Creating an Effective FAQ Page

Posted in Tips, Web Design • Posted on 6 Comments

A Frequently Asked Questions page is necessary if you’re selling something, providing a service, or giving information about a complex subject. It takes the guesswork away from your visitors who may have questions, and makes the experience that much easier. When designing a FAQ page, usability should be at the top of the list of criteria to meet – after all you don’t want it to turn into a black hole of information. In this article I will present effective techniques and solutions to designing a FAQ page, with consideration given to how visitors will use the page.

Remember that a FAQ should supplement good content, with answers to those questions also found elsewhere on the site. It’s a section of questions that visitors genuinely ask and should be arranged with care. Above all, keep it simple! Your user is more interested in finding specific information than anything else. Read on to discover how to best present a FAQ page.

Gather Appropriate Questions

In putting together questions for inclusion on your site, it’s essential they be real. Give yourself a month and collect all the questions you receive from customers in that time frame via email or direct calls.

Another valuable research technique is to ask good friends or customers to give you feedback on your products or service. What questions popped into their minds when they visited your website. (You might offer a small gift or discount to your customers in exchange for feedback.)

After getting everyone’s comments, assemble the questions and group by category. For example, questions about how quickly you ship products would be under your “Shipping” category, etc.

Takeaways:

  • Write your FAQ in a “Question & Answer” format.
  • Organize the questions in each category so the most important questions appear near the top.
  • If you’re having trouble collecting questions, announce an open question period on your website.

Questions and answers are clearly displayed on the website for Pixelmator.

Provide an Adequate Entry Point

If you’re going to provide a FAQ page, finding it should be easy for your visitors. A distinct, well-positioned link will do the trick. There are a few good entry points which I’ve gathered:

  • Main Navigation: It’s hard to miss when it’s right there with the meat and bones.
  • Subsection of the help or about pages: When someone has a question about your site or company, the help or about sections are the first logical places they’ll look.
  • Double exposure: Even better is if you link to your FAQ twice on your index page. For example you can include a link in both the header and footer.

A support link is displayed in the top navigation on VersionApps.

Readability

I’ve stressed at the beginning of this article how important the information in this section is, and how users are primarily concerned with scanning to find their appropriate topic for an answer. The best way to achieve customers satisfaction in this area is to provide typography with a good contrast between the background and the text itself and to address line and letter spacing.

Takeaways:

  • Distinguish questions from answers, whether by color, size, typeface or decoration.
  • Page length should be kept to a minimum. Endless scrolling will tire users and cause them to leave before finding answers to their questions. Make sure each question and answer pair is valuable.

Tinkering Monkey uses a different font and size to differentiate the questions from the answers.

Categorize Questions

Categories are the best way to organize a longer FAQ. Categorization aids readability, so it’s important to design a hierarchy that users can easily access. Give short, intuitive names to each category to further enhance readability and avoid confusion. You also don’t want to include more categories than are necessary, so choose them wisely based on the questions you’ve collected earlier.

  • Create a “Table of Contents” at the top of your FAQ page and put the most asked questions here.
  • Hyperlink them so your customer just has to click to get to the answer. Or hyperlink your categories at the top of the page.
  • If you have more than 10 questions, it’s a good idea to list your questions without showing the answers directly under them, and instead include a link.
  • Order questions according to priority and frequency of the query. Questions can also be grouped together by topic.

Mint.com has a well-categorized FAQ page complete with succinct and descriptive categories. Their most frequently viewed questions help guide the users to pertinent topics.

 

Comcast’s FAQ page, while not over the top, allows the user to click on a question and be directed immediately to the corresponding answer via JavaScript.

Provide Assistance

If a user can’t find an answer to their question, it would be a great idea to allow them to contact you directly. A question or contact form that allows them to achieve this through your FAQ page is the best alternative.

  • Place the contact form prominently on your FAQ page, allowing visitors to reach you easily.

Search

If a FAQ has many categories and sub-categories, search becomes more important than ever. It’s essential for longer FAQ pages where a customer is likely to encounter lots of questions.

  • FAQ search should differ from a regular site search and be clearly designated in order to reduce the amount of results that turn up.

The label of the search feature on the FAQ page of SurveyMonkey works well.

SXSW clearly designates their search field through bold typography and a catchy illustration.

Summary

While not the most glamorous part of any given site to design, the FAQ is where a user goes when they have a question about the rest of the site. With this in mind, it’s pivotal that you address usability concerns in the design of the FAQ. Putting careful thought into how your users will use your FAQ’s is of the utmost concern, as you intend to have these visitors stick around for the duration.

14 Written Articles

6 Comments Best Comments First
  • Antown

    Friday, July 15th, 2011 10:23

    3

    Detailed instructions for writing the FAQ. I will add it to your favorites. Usually very difficult to find the answer to the question. If all the authors used the sites above ghost advice would be much better for everyone.

    +2
  • Gavin

    Thursday, June 30th, 2011 14:14

    1

    Good post, I’ve recently done a FAQ page and used the old DIGG style. Used this tutorial: http://forums.pligg.com/questions-comments/15598-how-make-digg-style-faq-page-javascript-jquery.html

    Super simple to implement and style! Can’t beat a good FAQ page – another great post guys!

    +1
    • Helen

      Friday, July 22nd, 2011 14:24

      4

      Do you think a good ‘how to’ video can be a substitute to a FAQ page? If done properly it might be a good way to let the visitor know the core information about services.
      Thanks

      +1
      • Rean John Uehara

        Friday, July 22nd, 2011 15:00

        5

        It might be a good way to promote and tell people about what your service is about, but I think many would still prefer short and precise texts answering questions. At least that’s what I believe in.

        +4
        • Helen

          Friday, July 22nd, 2011 17:41

          6

          Yeh, it makes sense. I guess you are right. If people need answers, they are looking for FAQ pages, not video content.

          -1
  • Ian

    Friday, July 1st, 2011 21:21

    2

    Wonderful explanation, I think you guys did a great job!

    -1
  • Antown

    Friday, July 15th, 2011 10:23

    3

    Detailed instructions for writing the FAQ. I will add it to your favorites. Usually very difficult to find the answer to the question. If all the authors used the sites above ghost advice would be much better for everyone.

    +2
  • Ian

    Friday, July 1st, 2011 21:21

    2

    Wonderful explanation, I think you guys did a great job!

    -1
  • Gavin

    Thursday, June 30th, 2011 14:14

    1

    Good post, I’ve recently done a FAQ page and used the old DIGG style. Used this tutorial: http://forums.pligg.com/questions-comments/15598-how-make-digg-style-faq-page-javascript-jquery.html

    Super simple to implement and style! Can’t beat a good FAQ page – another great post guys!

    +1
    • Helen

      Friday, July 22nd, 2011 14:24

      4

      Do you think a good ‘how to’ video can be a substitute to a FAQ page? If done properly it might be a good way to let the visitor know the core information about services.
      Thanks

      +1
      • Rean John Uehara

        Friday, July 22nd, 2011 15:00

        5

        It might be a good way to promote and tell people about what your service is about, but I think many would still prefer short and precise texts answering questions. At least that’s what I believe in.

        +4
        • Helen

          Friday, July 22nd, 2011 17:41

          6

          Yeh, it makes sense. I guess you are right. If people need answers, they are looking for FAQ pages, not video content.

          -1

Comments are closed.

54.167.138.53 - unknown - unknown - US