Дизайн — статьи о сайтах
Страницу контактов магазина спортивных товаров открывают не из любопытства. Человеку нужно уточнить, есть ли кроссовки 43-го размера, можно ли примерить лыжные ботинки сегодня или как забрать заказанную палатку. Если ответ приходится искать, он закрывает вкладку и звонит в другой магазин. Ниже разобрано, как устроить страницу, чтобы ответ был на виду.
С какими вопросами посетитель приходит в контакты
Прежде чем рисовать макет, выпишите типичные задачи покупателя. Для спортивного магазина это обычно:
- узнать адрес и понять, как добраться;
- позвонить и уточнить наличие или размер;
- выяснить, открыт ли магазин сейчас и работает ли он в праздники;
- понять условия самовывоза и доставки;
- решить вопрос по обмену или гарантии.
Каждой задаче отдайте отдельный заметный блок с заголовком. Тогда страница не превратится в сплошной текст, где нужную строку приходится выискивать глазами.
Телефон и часы работы: что сделать, чтобы не пришлось переспрашивать
Большинство посетителей смотрит сайт с телефона, поэтому номер должен набираться одним нажатием. Для этого его оформляют ссылкой tel: в международном формате (+7…). Пишите номер текстом, а не картинкой: картинку нельзя ни нажать, ни скопировать.
Часы работы указывайте по дням недели, а не одной строкой «с 10 до 20». Отметьте обеденный перерыв, если он есть, и порядок работы в праздники. Если у магазина несколько точек, у каждой должны быть свой адрес, свой телефон и свой график, причём рядом друг с другом. Подписи вроде «Наличие и примерка» или «Заказы и доставка» нужны только тогда, когда линии действительно разные и на них отвечают разные люди.
Как описать дорогу и самовывоз
Интерактивная карта (конструктор Яндекс.Карт, Google Maps) нужна, но одной её мало. На мобильном интернете карта грузится долго, а метка бывает неточной. Добавьте к ней текст: «От метро — выход к рынку, затем 5 минут пешком, вход со стороны двора, над дверью синяя вывеска». Адрес оставьте обычным текстом, чтобы его можно было скопировать в навигатор.
Для спортивных товаров важны детали, о которых в других отраслях забывают: есть ли парковка, можно ли подъехать к входу, чтобы погрузить велосипед, тренажёр или лыжи. Фотография фасада и входа помогает найти магазин в торговом центре или во дворе. Отдельно напишите, где и когда выдают интернет-заказы и что нужно взять с собой, например номер заказа.
Условный пример: фрагмент страницы «Контакты»
Название и данные ниже вымышлены, это только схема блока.
- Магазин «Пример-Спорт», ул. Образцовая, 12 (адрес текстом);
- Телефон: +7 (000) 000-00-00 (кликабельный), подпись «Наличие размеров, примерка, самовывоз»;
- Часы работы: пн–пт 10:00–20:00, сб–вс 10:00–18:00, в праздники — см. объявление на главной;
- Как добраться: две-три фразы от ближайшей остановки или метро, вход, ориентир;
- Парковка: где оставить машину, где остановиться для погрузки крупных товаров;
- Самовывоз: где получить заказ, что взять с собой, сколько хранится бронь (если вы это обещаете);
- кнопка «Заказать звонок» и карта ниже.
Порядок важен: сначала то, что нужно человеку уже стоящему у двери или набирающему номер, затем подробности и формы.
Формы и мессенджеры: что оставить
В форме обратного звонка хватит двух полей: имя и телефон. Рядом напишите, когда вы перезваниваете, например «в рабочее время в течение часа», и выполняйте это обещание. Если форма принимает вопросы по товару, добавьте необязательное поле для артикула или ссылки на карточку, тогда менеджеру не придётся уточнять, о какой модели речь. После отправки покажите сообщение «Заявка принята» и продублируйте его письмом, если человек оставил почту.
Адрес электронной почты тоже пишите текстом и оформляйте ссылкой mailto:. Ссылки на соцсети и мессенджеры, например Viber, размещайте, только если там кто-то отвечает в рабочие часы. Заброшенный канал связи хуже, чем его отсутствие: человек напишет и не получит ответа. Если в форме есть защита от автоматической рассылки, пусть она остаётся читаемой, иначе покупатель бросит заполнение.
Проверочный список для страницы контактов
- Номер телефона набирается нажатием с мобильного и записан текстом.
- Адрес, часы работы и телефон видны без прокрутки.
- График расписан по дням, праздничный порядок указан.
- Рядом с картой есть текстовое описание пути и фото входа.
- Указаны парковка и условия получения крупногабаритных заказов.
- У каждой точки свой телефон и свой график.
- Форма обратного звонка короткая, срок ответа указан и соблюдается.
- Все перечисленные каналы связи реально обслуживаются.
- Контакты в шапке или подвале ведут на эту же страницу и совпадают с ней.
Проверьте страницу сами: откройте её на телефоне и попробуйте за полминуты узнать, когда магазин открыт и как к нему подойти. Если не получилось, посетителю будет так же трудно.
