У многих корпоративных сайтов страница контактов выглядит вполне прилично: единая цветовая гамма, аккуратная вёрстка с отступами, фотография офиса — в целом производит хорошее впечатление. Но через некоторое время после запуска выясняется, что клиентские обращения не сосредоточены на этой странице: кто-то ищет телефон в подвале главной, кто-то копирует почту со старой страницы услуг, а кто-то просто оставляет сообщение на сторонней платформе. В этот момент менять цвета и картинки обычно уже бесполезно.
Причина в том, что страница контактов должна решать не задачу «быть красивой», а задачу «дать клиенту возможность связаться с вами максимально быстро и привычным для него способом». Визуал — лишь одна из составляющих, и часто не самая решающая.
Сначала определите, что клиент хочет сделать на этой странице
Когда клиент заходит на страницу контактов, его цель обычно вполне конкретна: найти телефон, найти WeChat или онлайн-чат, убедиться, в каком городе вы находитесь, проверить, ответят ли ему в это время. У всех этих действий есть общее свойство — это задачи, а не просмотр. Критерий для страницы, ориентированной на задачи, — может ли клиент выполнить действие с первого раза, а не сколько времени он провёл на странице.
Поэтому перед оптимизацией стоит составить список того, что клиент может захотеть сделать: позвонить в отдел продаж, добавить WeChat службы поддержки, отправить письмо, посмотреть адрес, узнать часы работы, найти контакты для сервисного обслуживания. Затем проверьте по пунктам, есть ли на странице соответствующая информация, где она расположена и можно ли выполнить действие напрямую. Этот список выявит проблемы лучше любого дизайн-макета.
Типичные случаи, когда красиво, но неудобно
Первый случай — контакты оформлены как изображение. С точки зрения дизайна это аккуратно, но клиент не может скопировать номер долгим нажатием или нажать для звонка, особенно неудобно на телефоне. Контакты в виде текста выглядят скромнее, но гораздо удобнее в использовании.
Второй случай — номера и входы спрятаны слишком глубоко. Например, телефон указан только мелким шрифтом в самом низу подвала, или онлайн-чат появляется только после прокрутки двух-трёх экранов. Если клиент не находит — он уходит, а не продолжает искать.
Третий случай — противоречивая информация. На главной один номер, на странице контактов другой, на странице услуг третий. Клиент не знает, какой действующий, и часто решает не звонить вообще. Это проблема не дизайна, а поддержки контента в актуальном состоянии.
Четвёртый случай — учтён только десктоп. Многие клиенты открывают сайт с телефона, и если номер нельзя нажать, форма съезжает на маленьком экране, а карта перекрывает контент после загрузки, то никакая изысканность страницы не удержит клиента.
Несколько аспектов, которые стоит проверить при оптимизации
Страницу контактов можно рассматривать как функциональную страницу, требующую регулярной проверки, а не как статичную, сделанную один раз и забытую. При проверке можно отталкиваться от следующих аспектов.
Полнота информации. Указаны ли телефон, почта, онлайн-чат, адрес, часы работы, есть ли чёткое разделение по ответственным (например, предпродажная поддержка и послепродажное обслуживание отдельно). Если информация отсутствует, клиенту остаётся только догадываться или искать в другом месте.
Удобство использования. Можно ли нажать на номер телефона на мобильном для звонка, открывается ли почтовое приложение при нажатии на адрес, виден ли вход в онлайн-чат на первом экране. Это базовый опыт, и он не имеет прямого отношения к красоте страницы.
Согласованность. Выпишите все контакты, которые встречаются на главной, в подвале, на страницах услуг и на странице контактов, и сравните их. Несоответствия нужно либо унифицировать, либо чётко обозначить назначение каждого. Этот шаг лучше делать сразу после каждого обновления контента.
Охват сценариев. Время обращения клиента не фиксировано. Кто-то хочет позвонить немедленно, кто-то предпочитает оставить сообщение в нерабочее время. Наличие на странице как мгновенных, так и асинхронных способов связи определяет, смогут ли клиенты с разными привычками найти подходящий вариант.
Стоимость поддержки в будущем. Если при каждой смене номера приходится править десяток страниц, значит контакты слишком разбросаны. Более удобный подход — хранить основную информацию в одном месте, а на других страницах ссылаться на тот же источник, чтобы при ребрендинге или кадровых изменениях менять только одно место.
Порядок проверки перед публикацией
После доработки страницы контактов не стоит сразу публиковать её. Можно пройти по такому порядку: сначала откройте страницу на компьютере и убедитесь, что вся информация отображается корректно; затем откройте ту же страницу на телефоне и проверьте, можно ли нажать на телефон, заполнить форму, не перекрывает ли карта контент; после этого начните с главной страницы и смоделируйте путь клиента, который хочет только найти телефон, — посмотрите, за сколько шагов он дойдёт до цели; и наконец, проверьте каждый контакт на странице в реальности: действующий ли номер, приходит ли письмо на почту, отвечают ли в онлайн-чате.
Если у сайта есть несколько языковых или региональных версий, убедитесь, что контакты в них не перепутаны. Этот шаг легко упустить, особенно при копировании шаблонов во время редизайна.
Включите контакты в регулярную проверку, а не только в момент запуска
Контакты — один из немногих элементов контента, который устаревает вместе с изменениями в бизнесе: увольнение сотрудников, смена номеров, переезд офиса, изменение графика работы — всё это делает информацию неточной. Поэтому её лучше включить в регулярный чек-лист сайта и проверять вместе с обновлением разделов и проверкой ссылок.
Конкретный подход может быть простым: зафиксируйте периодичность проверки и каждый раз делайте три вещи — сверяйте, актуальна ли информация, убеждайтесь в согласованности всех страниц и проверяйте входы на телефоне. Это занимает немного времени, но помогает избежать потери клиентов из-за неработающего номера.
Возвращаясь к исходному вопросу: красота страницы — один из факторов, влияющих на желание клиента задержаться, но возможность связаться с вами определяется полнотой информации, её согласованностью и удобством использования на том устройстве, которым пользуется клиент. Сначала сделайте эти вещи, а затем говорите о визуальной оптимизации — только в таком порядке.
