Страница о начальной школе или о порядке приёма легко вырастает до нескольких экранов: программа, расписание дня, педагоги, условия, поступление, вопросы. Если подать всё сплошным полотном, родитель устанет и уйдёт, не найдя нужного. Ниже приёмы, которые сохраняют полноту информации и делают её читаемой.
Что ищут на длинной странице и в каком порядке
Посетитель редко читает страницу сверху вниз. Он приходит с вопросом: подходит ли школа по возрасту ребёнка, как проходит день, как поступить, с кем связаться. Выпишите эти вопросы вместе с администрацией и приёмной комиссией, опираясь на обращения, которые уже приходят по телефону и почте. Затем расставьте разделы в порядке этих вопросов, а не по внутренней структуре школы. Название «Образовательная концепция» лучше заменить на то, что действительно ищут: «Чему учим в 1–4 классах».
Условный пример: страница «Начальная школа»
Представим вымышленную школу и страницу в четыре-пять экранов. Структура может быть такой:
- Первый экран: заголовок «Начальная школа, 1–4 классы», два предложения о том, для кого эта программа, и кнопка «Записаться на встречу».
- Блок «Коротко»: четыре пункта, например наполняемость класса, длительность учебного дня, иностранные языки, продлённый день. Данные берутся из документов школы.
- Содержание страницы: «Программа», «Один день в школе», «Педагоги», «Поступление», «Вопросы».
- Раздел «Один день в школе»: список со временем и действиями, например «8:30 — встреча в классе».
- Раздел «Поступление»: шаги по порядку, срок ответа школы и контакт приёмной.
Так страница отвечает на главные вопросы уже на первом экране, а подробности остаются тем, кому они нужны.
Как оформить начало страницы и навигацию по разделам
Блок «Коротко» работает как оглавление смысла: человек за десять секунд понимает, стоит ли читать дальше. Пишите в нём факты, а не лозунги вроде «индивидуальный подход»: если подход есть, назовите, в чём он выражается.
Ниже разместите содержание из ссылок-якорей. На телефоне это может быть горизонтальная строка или кнопка «Разделы». Проверьте, что после перехода заголовок не прячется под закреплённой шапкой: для этого задают отступ прокрутки. Кнопку записи или связи лучше оставить в одном постоянном месте, с понятной подписью, и не дублировать в каждом разделе.
Как оформить текст внутри разделов
Абзац не длиннее трёх-четырёх строк на телефоне. Одна мысль — один абзац. Заголовки должны говорить о содержании: «Как подать заявление», а не «Информация». Последовательность действий оформляйте нумерованным списком, перечень без порядка — маркированным.
Расписание и сравнение программ удобнее таблицей, но на узком экране её нужно превращать в карточки или давать прокрутку с заметной подсказкой. Размер основного шрифта не меньше 16 px, строка около 60–80 знаков, контраст текста с фоном достаточный. Жирным выделяйте только то, что нельзя пропустить: сроки, названия документов. Тексты ссылок должны объяснять, куда они ведут: «Положение о приёме», а не «Подробнее».
Что можно свернуть в аккордеон, а что нельзя
Аккордеон подходит для вторичных вопросов: что взять на первую встречу, как устроено питание, как связаться с классным руководителем. Нельзя прятать то, без чего не принять решение: порядок и сроки поступления, контакты, условия обучения, ссылки на документы. Эти блоки должны быть открыты сразу.
Проверьте также, что скрытый текст доступен с клавиатуры и читается при печати, а ссылка на конкретный вопрос открывает нужный пункт. Формулировки о правилах и договорах согласуйте с представителем школы: задача сайта — помочь найти документ, а не пересказывать его своими словами.
Проверочный список перед публикацией
- На первом экране видно, о какой ступени обучения страница и что делать дальше.
- Блок «Коротко» содержит только проверенные факты.
- Разделы идут в порядке вопросов родителя, а не структуры школы.
- Содержание работает на телефоне, а заголовки после перехода не скрыты шапкой.
- Абзацы короткие, шаги оформлены списком, таблицы читаются на узком экране.
- Сроки, порядок поступления и контакты не спрятаны в аккордеоны.
- Названия ссылок и кнопок понятны без окружающего текста.
- Страницу прочитал человек из приёмной комиссии и подтвердил актуальность данных.
