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