Обещание должно совпадать с реальным продолжением
Представим страницу небольшой мастерской, которая готовит письма об уходе за деревянными предметами. Посетителю нужно понять тему, примерное содержание и характер дальнейшей связи. Фраза получите полезное слишком общая. Конкретное описание помогает решить, нужен ли человеку такой формат. Если после формы предполагается регулярная рассылка, нельзя создавать впечатление, что контакт нужен только для одноразовой выдачи файла. Эти действия могут сочетаться, но их следует объяснить заранее. Кнопка также должна обозначать результат, а не просто требовать нажать сюда. Не обязательно наполнять страницу множеством блоков. Для первого макета достаточно ясного предложения, небольшого пояснения и понятного действия. Лишняя срочность, выдуманные отзывы и недостоверные ограничения отвлекают от задачи и подрывают доверие.
Каждое поле должно иметь понятное назначение
Запрашивайте сведения, необходимые для описанного процесса. Для отправки письма обычно нужен адрес электронной почты; дополнительные поля должны иметь объяснимую роль. Если человеку непонятно, зачем спрашивают телефон или другие подробности, форма становится труднее для осмысленного заполнения. У полей должны быть постоянные понятные подписи. Подсказка внутри поля не заменяет полноценную подпись: после начала ввода она может исчезнуть. Обязательные поля и требования к формату лучше обозначить заранее, чтобы не заставлять посетителя узнавать правила только через ошибки. Важно проверить управление клавиатурой и видимость текущего фокуса. Человек должен понимать, где находится курсор и как перейти к кнопке без мыши. На небольшом экране подписи, пояснения и сообщения не должны перекрывать друг друга. Проверка удобства относится к основному действию страницы, а не к необязательному украшению.
Нажатие кнопки ещё не завершает сценарий
Продумайте состояние отправки, сообщение об ошибке и подтверждение успеха. Если адрес записан неверно, пояснение должно указывать, какое поле исправить и в чём проблема. Общая надпись что-то пошло не так не помогает человеку продолжить. После успешной отправки объясните следующий шаг. Например, нужно ли открыть письмо и подтвердить адрес. Не сообщайте, что подписка завершена, если фактически требуется ещё одно действие. Также полезно заранее объяснить, как прекратить получение сообщений. При техническом сбое не заставляйте посетителя гадать, принят ли контакт. Разработчику важно различать отправку формы и подтверждённый результат сервиса. Повторные нажатия и повторная отправка должны обрабатываться предсказуемо, чтобы один человек случайно не создавал несколько одинаковых записей. В учебном макете это можно сначала описать словами, а затем проверить на тестовых данных.
Попробуйте на практике
Подготовьте бумажный макет подписной страницы для вымышленной рассылки.
- Сформулируйте тему писем и честно опишите, что произойдёт после передачи контакта.
- Оставьте только необходимые поля и добавьте постоянные подписи.
- Напишите текст кнопки, одного сообщения об ошибке и подтверждения успешного действия.
- Пройдите сценарий глазами нового посетителя, включая возможное подтверждение адреса и прекращение подписки.
Как проверить результат. Во всех частях макета должно быть одно согласованное обещание. Посетитель должен понимать, какие данные вводит, зачем они нужны и какой шаг следует дальше.
Частые вопросы
Чем меньше текста, тем лучше страница?
Не всегда. Важно убрать лишнее, сохранив сведения для осмысленного решения. Слишком короткое обещание может скрывать существенные условия действия.
Можно ли проверить страницу только на собственном компьютере?
Этого недостаточно. Полезно проверить разные размеры экрана, клавиатуру, ошибки ввода и реальный путь подтверждения на тестовых данных.
Самостоятельный разбор темы. Содержание конкретной обучающей программы здесь не представлено.