Дизайн — статьи о сайтах
Посетитель учебного центра редко приходит за «разделом». Он ищет ответы: подойдёт ли мне курс, когда старт, кто преподаёт, как оплатить и как записаться. Если ответы лежат в разных разделах и между ними нет переходов, человеку приходится возвращаться в меню и гадать. Ниже описано, как выстроить связи, чтобы путь от вопроса до заявки был коротким.
Начните с вопросов посетителей, а не с меню
Выпишите вопросы, которые чаще всего задают администраторам по телефону и в мессенджерах. Обычно это: что входит в программу, для какого уровня она рассчитана, когда ближайшая группа, очно или онлайн, кто ведёт занятия, сколько стоит и какие условия оплаты, как попасть на пробное занятие или тестирование. Каждому вопросу должна соответствовать конкретная страница или блок. Затем выберите главный объект сайта. Для учебного центра это почти всегда курс, а расписание, преподаватели, отзывы и цены становятся его «спутниками».
Страница курса как узел, из которого ведут все пути
Курс — место, где посетитель принимает решение, поэтому именно здесь нужны ссылки на всё остальное. Условный фрагмент страницы «Английский для работы, уровень B1»:
- Над заголовком — хлебные крошки: «Главная → Курсы → Английский язык → Английский для работы (B1)».
- Блок «Для кого этот курс» с фразой «Не уверены в уровне? Пройдите тест на определение уровня» — ссылка ведёт на страницу тестирования.
- Блок «Ближайшие группы»: дни, время, дата старта и ссылка «Всё расписание по этому курсу». Она открывает расписание уже с выбранным фильтром, а не общий список.
- Блок «Преподаватели»: имена со ссылками на личные страницы.
- Блок «Стоимость и оплата» с переходом на страницу условий: рассрочка, возврат, договор.
- Блок «Что дальше»: ссылка на курс следующего уровня (B2) и на соседний по теме курс «Деловая переписка».
- Кнопка «Записаться на курс», которая передаёт название курса в форму, чтобы человеку не приходилось вводить его заново.
Двусторонние связи: курс, преподаватель, расписание, отзыв
Связь должна работать в обе стороны. Со страницы курса можно перейти к преподавателю, а на странице преподавателя нужен список его курсов и ближайших групп. Строка в расписании ведёт на описание программы. Под отзывом указано, о каком курсе он написан, и название курса — ссылка. Чтобы не вносить данные дважды и не получить расхождения, в системе управления сайтом заведите отдельные сущности (курсы, преподаватели, группы) и связывайте их полями. Тогда при смене преподавателя или даты старта информация обновится во всех местах сразу. Если ваша система так не умеет, обсудите это до разработки: на ручное дублирование потом уходит много времени.
Ссылки внутри текстов и статей
Статьи блога и новости полезны, когда ведут к действию. Материал «Как подготовиться к экзамену за три месяца» логично завершить ссылкой на подготовительный курс и расписанием его групп. Текст ссылки должен описывать, что откроется: «программа курса подготовки к экзамену», а не «подробнее» или «здесь». Двух-четырёх уместных ссылок на статью достаточно: если выделено всё подряд, внимание рассеивается. Отдельно позаботьтесь о закрытых наборах и устаревших курсах. Вместо ошибки 404 оставьте страницу с пометкой «набор завершён» и ссылкой на актуальный аналог или форму «сообщить о новом наборе».
Меню, крошки и подвал: что показывать на каждой странице
В главном меню оставьте 5–7 пунктов по вопросам посетителей: «Курсы», «Расписание», «Преподаватели», «Стоимость», «Отзывы», «Контакты». Телефон и кнопку записи лучше закрепить в шапке на всех страницах. Хлебные крошки показывают, где человек находится, и позволяют вернуться на уровень выше, не нажимая «назад». В подвале разместите адреса, режим работы, ссылки на договор и сведения об организации, чтобы они находились в одном привычном месте.
Проверочный список перед запуском
- Для каждого частого вопроса есть страница или блок, до которых можно дойти за 1–2 клика.
- Со страницы курса есть переходы на расписание, преподавателей, условия оплаты, запись и следующий курс.
- Со страниц преподавателей, групп и отзывов есть обратные ссылки на курсы.
- Ссылки в тексте описывают назначение страницы, без «здесь» и «подробнее».
- Форма записи знает, с какого курса пришёл человек.
- Завершённые курсы не дают ошибку, а предлагают альтернативу.
- Нет страниц, на которые не ведёт ни одна ссылка; проверьте это специальным обходом сайта.
- Все переходы проверены на телефоне: кнопки и ссылки достаточно крупные для нажатия пальцем.
