Дизайн — статьи о сайтах
Человек со сломанным ноутбуком или телефоном на странице контактов обычно спешит. Ему нужно понять, куда ехать, можно ли прийти сегодня и как связаться без долгих объяснений. Ниже описано, что стоит разместить на странице и как это оформить, чтобы такие вопросы не оставались без ответа.
Какие вопросы посетитель задаёт на странице контактов
Как правило, их четыре: «Вы сейчас работаете?», «Как вас найти?», «Как быстро ответите?», «Можно прийти с устройством без записи?» Если ответ на какой-то из них спрятан в другом разделе, человек либо звонит и спрашивает, либо уходит к конкуренту. Поэтому страница контактов должна отвечать на эти вопросы, а не просто содержать реквизиты. На телефоне, откуда заходит большинство людей со срочной поломкой, на первом экране должны быть номер, часы работы, адрес и кнопки связи.
Телефон и мессенджеры: связь в одно касание
Номер должен быть текстом, а не картинкой, и оформлен ссылкой формата tel:. Тогда на смартфоне нажатие сразу открывает набор. Записывайте номер с пробелами, чтобы его легко было прочитать. Лучше показать один основной номер. Если номеров несколько, подпишите назначение каждого: «Приём и статус ремонта», «Для организаций».
Мессенджеры добавляйте только те, где вам реально отвечают. Рядом подскажите, что написать: модель устройства, что произошло, фото повреждения. Так первый ответ сотрудника будет предметным, а не уточняющим. Не обещайте точное время ответа, если не уверены, что его выдержите. Лучше написать: «Отвечаем в рабочие часы». Номер на сайте должен совпадать с номером в карточках на картах и в справочниках, иначе клиент может усомниться, туда ли он попал.
Адрес, дорога и часы приёма
Адрес пишите текстом и рядом ставьте кнопку «Построить маршрут» со ссылкой на карту. Интерактивная карта нужна, но она вторична. Она не должна замедлять страницу и «перехватывать» прокрутку на телефоне. Важнее описать подход словами: с какой стороны вход, какой этаж, есть ли вывеска, где оставить машину, сколько идти от остановки или метро. Здесь помогает фотография входа, но она должна сопровождаться текстом.
Часы работы указывайте по дням недели. Отдельно напишите то, что чаще всего вызывает вопросы: перерыв, праздничный график и время, до которого принимают устройства. Оно может отличаться от времени закрытия, например если приём заканчивается за полчаса до конца дня. Если график меняется, обновлять его нужно в одном месте, а не в трёх.
Форма заявки: сколько полей действительно нужно
Для первого обращения обычно хватает трёх вещей: имени, телефона и короткого описания проблемы. Тип устройства можно выбрать из списка. Электронную почту, адрес и другие данные сервису на этом этапе обычно не нужны, а каждое лишнее поле добавляет причину бросить форму. В поле телефона включайте цифровую клавиатуру на мобильных. После отправки покажите сообщение о том, что будет дальше: например, «Мы перезвоним в рабочее время». Перед запуском отправьте тестовую заявку и убедитесь, что она дошла до конкретного сотрудника, а не затерялась в общей почте.
Условный пример блока контактов
Ниже схема для вымышленного сервиса «Пример-Сервис», который ремонтирует ноутбуки и смартфоны. Данные приведены только для иллюстрации.
- Заголовок: «Контакты сервисного центра».
- Телефон: +7 (000) 000-00-00, кнопка «Позвонить», подпись «Приём и статус ремонта».
- Мессенджер: «Напишите нам и пришлите модель устройства и фото неисправности».
- Адрес: ул. Примерная, 10, вход со двора, 2 этаж; три минуты пешком от остановки. Кнопка «Построить маршрут».
- Часы: пн–пт 10:00–19:00, сб 11:00–16:00, вс выходной. Устройства принимаем до закрытия за 30 минут.
- Форма: имя, телефон, тип устройства, что случилось. Под кнопкой: «Перезвоним в рабочее время».
Проверочный список для страницы контактов
- Номер телефона — текст со ссылкой tel:, на смартфоне нажимается.
- Телефон, адрес и часы видны без прокрутки на мобильном.
- У каждого номера и мессенджера понятно назначение.
- Адрес дополнен описанием входа, этажа и ориентиров.
- Есть кнопка маршрута, а карта не мешает прокрутке.
- Указаны время приёма устройств, перерывы и праздничный график.
- Форма содержит не больше трёх-четырёх полей.
- После отправки заявки видно, что будет дальше.
- Тестовая заявка дошла до ответственного сотрудника.
- Контакты на сайте совпадают с данными на картах и в справочниках.
