Дизайн — статьи о сайтах
Страница «Ремонт квартир под ключ» обычно получается длинной: виды работ, этапы, материалы, сроки, порядок расчёта, вопросы и ответы. Сократить её не всегда правильно, ведь заказчик ищет именно эти сведения. Задача другая: сделать так, чтобы человек быстро находил нужный раздел и не терял нить.
Что мешает читать длинную страницу ремонтной бригады
Посетитель редко читает такую страницу подряд. Он открывает её с телефона, часто в перерыве или на объекте, и ищет один ответ: делаете ли вы электрику, как строится смета, когда можно начать. Если ответ спрятан в середине сплошного текста, человек закрывает страницу.
Типичные причины: нет ориентиров в начале, абзацы по десять строк, мелкий шрифт, таблица цен, которая не помещается в экран, и телефон, который остался где-то в шапке на самом верху.
Оглавление со ссылками-якорями в начале страницы
Самое простое действие: сразу после первого абзаца разместить короткий список разделов. Каждый пункт ведёт к своему заголовку на этой же странице через якорь (атрибут id у заголовка и ссылка вида #smeta).
Пункты должны называться так, как думает заказчик: «Что входит в работы», «Как считается смета», «Сроки», «Частые вопросы». Названия вроде «Наши преимущества» ничего не сообщают. В конце крупных разделов полезна ссылка «К оглавлению», чтобы не листать вверх пальцем.
Условный пример: порядок блоков на странице «Ремонт под ключ»
Ниже схема, а не описание реального проекта. Блоки расположены по порядку вопросов, которые возникают у заказчика:
- Кратко о услуге. Два-три предложения: какие помещения берёте, в каких районах работаете, что считаете «под ключ».
- Оглавление. Пять-семь ссылок на разделы.
- Что входит в работу. Список по этапам: демонтаж, инженерные работы, черновая отделка, чистовая отделка, уборка.
- Как строится смета. От чего зависит сумма, что считается отдельно, как согласуются изменения.
- Сроки и порядок работы. Замер, смета, график, приёмка этапов.
- Материалы. Кто закупает и как передаются чеки.
- Вопросы и ответы. Только настоящие вопросы, которые вам задают по телефону.
- Форма заявки или телефон.
Так человек, которому нужен только порядок расчёта, сразу идёт к четвёртому блоку, а не читает всё с начала.
Текст и таблицы: что поправить в оформлении
Несколько действий, которые заметно меняют чтение:
- Размер основного шрифта на телефоне не меньше 16 пикселей, межстрочный интервал около полутора высот строки.
- На компьютере ограничьте ширину текстовой колонки, чтобы строка не растягивалась на весь монитор. Длинные строки трудно читать.
- Абзац держите в 3–5 строк, одна мысль на абзац. Перечень работ лучше оформить списком, а не запятыми в одном предложении.
- Подзаголовки через каждые несколько абзацев, отличающиеся размером и отступом от текста.
- Таблицу цен или состава работ на узком экране превращайте в карточки: название работы, единица измерения и стоимость в столбик. Либо делайте прокрутку таблицы внутри блока, чтобы не ломалась вся страница.
- Если указываете цены, подпишите, от чего зависит итог, и дайте понять, что это ориентир. Условия формулируйте вместе со своим юристом или бухгалтером.
Как не потерять кнопку связи при прокрутке
Заказчик решается позвонить в произвольный момент, например после раздела про сроки. Поэтому контакт должен быть под рукой на любой высоте страницы. Подойдёт компактная фиксированная полоса внизу экрана телефона с кнопкой «Позвонить» (ссылка вида tel:) и вторым вариантом, например «Оставить заявку».
Следите, чтобы полоса не закрывала текст и не занимала больше одной узкой строки. Форма заявки должна быть короткой: имя, телефон, пара слов о задаче. Фото и подробности можно уточнить уже при разговоре.
Проверочный список перед публикацией
- В начале страницы понятно, что за услуга и где вы работаете.
- Есть оглавление, и все его ссылки ведут к нужным заголовкам.
- Заголовки разделов называют вопрос заказчика.
- Абзацы не длиннее 5 строк, перечни оформлены списками.
- Страница открыта на реальном телефоне: шрифт читается без увеличения, нет горизонтальной прокрутки.
- Таблицы помещаются в экран или аккуратно прокручиваются.
- Кнопка звонка доступна в любом месте страницы.
- Попросите знакомого, не из вашей отрасли, найти за полминуты, как считается смета. Если не получилось, поправьте структуру.
Такая проверка занимает час-два и не требует переписывать весь сайт. Достаточно начать с самой посещаемой страницы услуг и посмотреть, стало ли ей проще пользоваться.
