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