Как разработать эффективный дизайн для страницы часто задаваемых вопросов и ответов на них (перевод)
Идеальная FAQ-страница
Сибирикс

FAQ

Эффективный дизайн страниц для вопросов и ответов (перевод)
Оригинальная статья принадлежит перу Уильяма Крейга, мы немного адаптировали ее для русскоязычного читателя, добавили знакомых картинок и позволили себе немного покомментировать текст оригинала.
Назначение страницы FAQ — облегчить пользователям процесс поиска ответов на их вопросы. Идеальная FAQ-страница позволяет посетителям пользоваться сайтом без посторонней помощи. Однако этот идеал не реализуется — и очень часто.

FAQ (от «frequently asked questions») — переводится как «часто задаваемые вопросы». Как следует из названия, это веб-страница (или группа страниц), которая содержит частые вопросы пользователей, с ответами. Вопросы обычно — о работе сайта, услугах компании и тому подобные.

Статья исследует различные аспекты FAQ-страниц, от дизайна до вопросов эффективности. Мы также рассмотрим несколько хороших (и даже плохих) примеров FAQ-страниц.

Причины «неудавшихся» страниц FAQ

Вот несколько вещей, которые делают FAQ-страницу менее полезной.

Нечасто задаваемые вопросы

Представьте, что вы только запустили новый веб-сайт и включили в него страницу FAQ. Зачем? Если у вас нет посетителей, значит, вы еще не получали вопросов (тем более часто задаваемых вопросов).
Без обратной связи вопросы на этой странице будут простыми предположениями владельца сайта на тему «что же пользователи хотят узнать?».

«Левые» вопросы

Мы все их видели: это вопросы, которые просто не могли прийти кому-либо в голову. Кроме владельцев сайтов.
Наш комментарий
Вопросы вроде «Почему был обновлен дизайн сайта?» с последующим развернутым ответом о том, что «мы шагаем в ногу со временем, молоды и динамично развиваемся» — никому не интересны. То же касается и привета из 2000-х — опросников. Это те, которые «Как вам наш новый сайт?». Да-да, и ответы будут «ошеломительно», «потрясающе», «хорошо» и «нормально».

Название страницы интуитивно непонятно

Впервые я увидел ссылку «FAQ» лет десять назад. Я задумался, но потом всё-таки узнал значение этой аббревиатуры. Дизайнеры должны учитывать пользователей, которые не разбираются в технических вещах. «Часто задаваемые вопросы» понятнее, чем «FAQ».

Однако описательная и стандартная маркировка важны. Например, Суд Калифорнии использует метку «Q&A» (вопросы и ответы — прим.перев.), но она еще более неоднозначна, чем FAQ. Если у вас нет серьезной причины, используйте стандартную метку «FAQ» или «Часто задаваемые вопросы».
Наш комментарий
А если пользователь — не англоговорящий? У него вызовет одинаковое затруднение как FAQ, так и Q&A (последнее можно перепутать с QA, кстати). Выход? Использовать исконный аналог «ЧаВо» — несолидно на серьезных корпоративных сайтах. Писать полностью «Часто задаваемые вопросы» — неудобно для проектирования дизайна. Более других приятны варианты «частые вопросы», «нас спрашивают» или те же «вопросы и ответы». Но и они не идеальны.
Q&A — это не совсем точный аналог FAQ. Разница как раз в букве F (frequently, «часто»). Раздел Q&A создается, скорее, как оперативный форум, а не для того, чтобы тыкать новичков носом в основы.

Страница FAQ в действительности не нужна

Множество сайтов имеют свою FAQ-страничку, но на самом деле она им просто не нужна. Иногда пользователи находят всё, что им нужно, и вопросов у них не остается. Это значит, что архитектура подаваемой информации была спроектирована хорошо.

Представьте, что на сайте интернет-магазина есть специальное место (допустим, на главной странице), где приведена полная информация по ценам. Но если на странице FAQ снова будет написано про ценообразование — это будет явно лишним. Пользователи ищут эту информацию? Дайте им ссылку на главную.

Важное правило: если одна и та же информация представлена на сайте несколько раз, значит, что-то не так в архитектуре сайта. Всё должно быть на своих местах.

Как спроектировать эффективную страницу FAQ?

Хорошая FAQ-страница облегчает нагрузку на службу технической поддержки и колл-центры, что приводит к экономии средств и повышению удобства пользователя (ему не нужно брать телефон, набирать номер, объяснять). Важность хорошей FAQ неоспорима.

Когда проектируете FAQ-страницу, держите следующие моменты в уме:

Скажите «Нет» страницам FAQ

Начните с этого простого слова. В веб-дизайне следует стремится к простоте и устранять вещи, которые не нужны. Страница FAQ призвана «поддерживать» остальной контент и если она с этой задачей не справляется — уберите ее из приоритетов.

Когда такая страница всё-таки необходима — действия ваших пользователей об этом «скажут». Вы будете получать одни и те же вопросы снова и снова — и тогда можно будет задуматься о создании отдельной страницы с вопросами и ответами.
Наш комментарий
Очень верный шаг. Не усложняйте, страница FAQ по большому счету — это протез. Если ваш сайт и сам справляется с потребностями посетителей, ему протез не нужен.

Соберите правильные вопросы

Вопросы в FAQ должны быть реальными. Если ваш сайт новый — выберите временной промежуток (например, месяц), в течение которого вы будете собирать и группировать вопросы ваших пользователей. Вместе с тем вы можете проанонсировать свой «месяц вопросов» на сайте, чтобы подогреть активность пользователей.

Если по истечении периода в вопросах будет вырисовываться определенная картина — станет ясно, какие категории вопросов должны быть на FAQ-странице. Когда страница уже будет запущена — ее можно обновлять, таким же образом. Этот метод эффективен, так как пользователи сами участвуют в ее создании, даже когда страница FAQ уже запущена.
Яндекс предлагает выбрать тематику проблемы, а если вам ничего не подошло — написать свой вопрос в техподдержку напрямую.

Предоставление хороших «входных точек»

Чтобы использовать страницу с вопросами и ответами, пользователь должен найти ее. Обеспечьте точку входа: четкая, хорошо расположенная ссылка сделает свое дело. Два самых популярных места для такой ссылки — верхнее основное меню или футер (эти места обычно отличаются от других участков — цветом, насыщенностью, отделены линиями либо «воздухом»). И они выделяются.

Ставьте сразу две ссылки — одну в шапку сайта и в футер. И пользователи точно не заблудятся.

Читаемость

Страницы FAQ — преимущественно текстовые. Таким образом, их читаемость — важный фактор. Читаемость может быть улучшена несколькими путями: увеличением контраста между текстом и фоном, отбивкой абзацев, типографикой.
Наш комментарий
Выделениями курсивом и жирным начертанием, маркированными и нумерованными списками, написанными техническими писателями, смыслящими в вопросе.
Один из вопросов-ответов 1С-Битрикс.
А вот так делать не нужно:

Группируйте вопросы

Пользователь, который ищет FAQ, вероятно, запутался в каком-то другом месте на сайте. Не усугубляйте ситуацию.

Категории повышают читаемость — главный «кирпичик» эффективности. Называйте категории интуитивно понятно, чтобы избежать дальнейшей путаницы.
Идея: вкладывайте самые значимые вопросы в разные категории. IMDB так делает, и пользователи сайта не испытывают сложностей с поиском ответов.

У Mint тоже хорошо структурированная страница FAQ. Категории названы интуитивно понятно. В довесок к этому они создали список самых просматриваемых FAQ:

Поиск

Для повышения удобства, обширным FAQ подходит поиск. Когда на странице есть сложная структура с категориями — он становится более, чем актуальным инструментом.

Алгоритм поиска должен отличаться от такового на основном сайте, так как его назначение здесь — максимально сузить область поиска. IMDB добавляет заголовок, говорящий о том, что поиск будет производиться исключительно на странице FAQ:

Предоставьте картинки к ответам

Часто одна картинка стоит тысячи слов. Если картинки могут помочь пользователю решить его вопрос — не стесняйтесь их использовать.
Страница FAQ Flickr’а не только содержит проясняющие иллюстрации, но и отлично отформатирована.

Советы по структуризации страницы FAQ

Если у вас есть всего несколько вопросов и ответов, соберите их вместе вместо того, чтобы разносить по отдельным страницам.

Конечно, длина страницы должна быть также учтена. Бесконечный скроллинг надоест пользователю прежде, чем он успеет найти ответ на свой вопрос. Старайтесь сделать страницу настолько компактной, насколько это возможно. Убедитесь, что каждый вопрос и ответ является ценным.

При некоторых обстоятельствах длинные страницы становятся неизбежными. Ссылка на автоскроллинг вверх — хороший тон.

Ради удобства чтения отличать вопросы от ответов по цвету, размеру или шрифту.
Наш комментарий
Лично мы взяли на вооружение интерактивный FAQ с кликовым разворачиванием / сворачиванием ответов. Для небольших страниц — это оптимальный вариант.
На странице FAQ на сайте больницы Коммунарка ответы появляется по клику на сам вопрос. И сворачиваются по повторному клику.

Заключение

Проектирование страниц FAQ может быть сложной работой. Помните о том что «FAQ» — это общее название для типа страниц, которые отвечают на реальные вопросы и помогают пользователям. Посетителей страницы с «вопросами и ответами» привели туда настоящие проблемы, так постарайтесь сделать так, чтобы после их визита на страницу FAQ эти проблемы были решены.