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

Встроенная справка.

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

Строчные подсказки.

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

Строка текста показывает требования, предъявляемые к паролю.

Такой вид помощи хорошо работает там, где необходимы краткие инструкции или определения, но в случае с более длинными объяснениями он не применим.

Подсказки.

Подсказки – это еще один способ ненавязчиво встроить справку. При таком подходе, ссылка или иконка показывают, что доступна помощь, но детали показываются только при наведении курсора мышки. Но данная техника не предлагает никакого контроля над форматированием текста и часто имеется задержка между наведением курсора мыши и появлением текста подсказки. Используя CSS и/или JavaScript в 1С Битрикс можно создавать более сложные всплывающие подсказки.

Как и строковая помощь, всплывающие подсказки должны быть тесно связаны с содержанием приложения, и быть легко доступными. Дополнительным преимуществом является то, что сам текст помощи скрыт и не мешает тем, кому он не нужен. Но они также как и предыдущий вид помощи полезны только тогда, когда надо показать небольшое количество текста без форматирования. Также такой вид помощи может работать не очень хорошо, когда используется не обычный браузер настольного компьютера, например, в системах с тачскрином.

Аналитическая система реального времени Chartbeat использует всплывающие подсказки в своем интерфейсе для объяснения значений данных.

Всплывающая подсказка поясняет, что программа считает в окне Active Visits.

Модальные диалоги.

С помощью модальных диалогов вы можете предоставлять более обширную и сложную информацию, но, не отрывая пользователя от текущей работы. Предположим, что процесс работы происходит с помощью форм. Если пользователь завершает заполнение формы и нуждается в помощи для завершения своей задачи, то обычная ссылка на информацию на другой странице может вызвать большие проблемы. Если ссылка не открывает новое окно, то пользователь потеряет все то, что он напечатал в полях формы. А открытие нового окна вызывает дополнительные трудности, которые мы рассмотрим позже. Модальные диалоги это компромисс, позволяющий нам показать содержание справки на текущей странице. Однако есть некоторые оговорки. Он зависит от JavaScrip и требует запасной вариант поведения, когда сценарии недоступны. И хотя модальный диалог содержит больше текста, чем всплывающая подсказка, его длина все равно ограничена.

В этом примере Facebook использует модальный диалог для ответа на общий вопрос на странице подписки.

Модальный диалог в Facebook разъясняет пользователя, зачем им необходимо указывать дату рождения при регистрации.