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