Веб-сайт — это обобщающий термин, который относится ко всей совокупности веб-страниц.

Каждая страница на сайте одинаково важна, но откуда весь этот шум по поводу страниц «О нас», странице захода или домашней страницы? Страница контактов имеет такое же значение и влияние на пользователей.

Для чего нужна Страница контактов?

  1. Первая функция страницы контактов — это заинтересовать посетителей. Если им нравится что они видят и с вами легко связаться, почему бы им не сделать звонок или не заполнить форму?
  2. Вторая, но, возможно, наиболее важная причина сделать Страницу контактов мудро, — это облегчение взаимодействия. Секция «Контакты» помогает пользователям как связаться с веб-мастером, так и с владельцем веб-сайта, так и получить информацию для клиентов.
  3. Страница контактов — это последняя страница, которую пользователи смотрят перед тем как решат, нуждаются ли они в вашем проекте. Есть небольшой шанс, что пользователи изменят их мнение, если ваша домашняя страница превосходна, но контактная страница имеет средний дизайн. Тем не менее, лучше с этим не рисковать! Если пользователю нравится ваш веб-сайт благодаря превосходному веб-дизайну, Страница контактов только подчеркнёт какой вы клёвый.
  4. Страница контактов убивает двух зайцев одним выстрелом: помогает улучшить удовлетворение пользователей от веб-сайта и от компании, также она помогает улучшить ваш продукт. Как? Очень просто: люди будут оставлять их мысли, предложения, замечания, рекомендации через контактную форму. Следовательно, вы можете делать анализ вашего веб-сайта и понимать, как ваша аудитория видит его.
  5. Эта функция вытекает из предыдущего утверждения: вы можете собрать любую информацию, которая вам нужна, через Контактную форму. Это не означает только информацию по вашему проекту, но и по пользователям также. Вы очень легко можете получить имя, email адрес, адрес сайта и что-то ещё.

Страница контактов должна быть:

1. Функциональной

Всем понятно, что всё должно работать как часы на Странице контактов. Каждое поле формы, каждая кнопка или ссылка должны быть дважды перепроверены до того как они появятся перед посетителями.

2. Приятно выглядящей

Дизайн значит много, даже если кажется, что это довольно просто создать Страницу контактов. Это только кажется так. Цвета, шрифты, положение формы, элементов дизайна, вид кнопок — это всё составляющие этой страницы. Более важный факт, чтобы все эти включения находились в гармонии и балансе друг с другом. Стили и цвета должны соответствовать друг другу, учитывайте это, пожалуйста.

3. Соблазнительно написанной

Она должна быть хорошо написана, если вы хотите, чтобы пользователи заполняли поля формы. По этой причине вы можете добавить короткую приветственную фразу перед контактной формой, предложение или два о себе, что угодно, что может расположить пользователей и завоевать их симпатию.

4. Отзывчивой

Мобильные гаджеты завоевали мир. Люди используют их везде и для любых целей. Контактная страница, конечно как и все остальные страницы по умолчанию, должна быть отзывчивой. Плюс вы должны подумать о неприятностях, с которыми мобильные пользователи могут столкнуться. Например, кнопка «Отправить». Убедитесь, что она достаточно большая чтобы кликать по ней с тачскрина.

5. Персональной

Много кто думает, что Контактная страница создаётся стандартным способам и Контактная форма может быть простой коробкой с пустыми полями для заполнения. Но вы получите больше пользователей, если ваша Контактная страница имеет персонализированный дизайн. Вы можете использовать вашу фотографию и фотографии вашей команды: это верный способ сделать дизайн страницы индивидуальным. Потом позвольте вашему воображению помочь вам с дизайном, и, может быть, вы получить что-нибудь очень особенное, что никто не делал до вас.

6. Альтернативной

Пользователи должны иметь возможность выбора. Они должны быть способны выбрать метод связи с вами. Кто-то ненавидит контактные формы, даже если они представляют собой всего лишь два маленьких поля. Сделайте ваш e-mail кликабельным: возможно, найдутся люди, которые предпочтут этот способ. Если у вас много отделений во многих городах, убедитесь, что вы включили поле поиска по которому посетители смогут найти расположение того единственного офиса, который им нужен, без пролистывания длинного списка контактов.

Компоненты умной Контактной страницы

1. Контактная форма

Веб форма — это один из наиболее значительных ингредиентов Контактной страницы. До того, как вы сделали форму, вы должны определить наиболее подходящее положение на странице для неё. Во-первых, лучше если она будет в верхней части страницы, а не наоборот, как делают многие сайты: карта выше места сгиба, контактная форма ниже. Это положение позволяет пользователям не заниматься пролистыванием, а начать набирать их сообщение немедленно. Продолжая с положением, форма с выравниванием по центру лучше, потому что обычно форма во всю ширину выглядит слишком сложной.

Количество полей формы может сделать так, что пользователи немедленно уйдут. Слишком много полей может напугать пользователей, у кого нет много времени и, в особенности, желания много писать. Лучшее решение: включить хотя бы три поля: имя, email и сообщение. Между прочем, пустое поле для сообщения клиента должно быть включено, заместо тех форм, когда пользователи должны выбрать из множества опций.

Здорвоская дизайнерская техника подсвечивать текущее поле другим цветом, жирной или пунктирной линией. Это показывает какое поле активно прямо сейчас.

Контактная форма — это часть Контактной страницы, но не обязательно она должна быть прямо там. Вы можете сделать всплывающую форму, которая появляется на любой другой странице. Если пользователь читает «О нас» и уже решил сотрудничать с вами, ему нет нужды идти в Контакты для связи с вами. Возможна ещё одна опция: скользящая боковая панель с контактной формой. Это чуть более функционально и практично, чем всплывающее окно, поскольку всплывающий элемент исчезает после того, как пользователь нажал (если случайно) крестик. Скользящая боковая панель с формой может быть активирована в любой момент просто одной кнопкой.

2. Email адрес

Контактная форма и email адрес ориентированы на разные аудитории. В то время, как некоторые люди хотят, чтобы их сообщения были более анонимны, или они не хотят идти в другое окно, открывать их email клиент или что-то такое; другие чувствуют лучше если посылают прямое сообщение с их email. Следовательно, они имеют копию сообщения, которое они могут использовать снова или сделать его доказательством что они контактировали с владельцем веб-сайта. Следовательно, так как вы не можете предугадать, что конкретный пользователь выберет, вам следует иметь обе эти опции на вашей веб-странице. Лучше, если email адрес будет кликабельным, так это сохранит время пользователя и не потребует дополнительных действий от него.

3. Телефонный номер

Телефонный номер — это шаг в сторону конфиденциальных отношений между вами и вашими посетителями. Давая эту деталь контакта им, вы показываете больше доверия и ваше желание вести переговоры.

4. Ссылки на социальные медиа

Кнопки и ссылки социальных медиа могут максимизировать ваше онлайн воздействие, и это двойной успех, если они работают совместно с вашим веб-сайтом. Всё чаще и чаще можно увидеть как веб-дизайнеры встраивают кнопки социальный сетей в Страницу контактов. Некоторое время назад, элементы вроде этих размещали в конец страницы или где-то только на домашней странице, но что может помешать вам иметь ссылки Twitter, Facebook, Google+ и Pinterest links в более чем одном месте? Пользователи пойдут за контактной информацией на вашу Страницу контактов и неожиданно они найдут ещё один способ достичь вас — социальные сети.

Дизайн кнопок социальных медиа должен быть разумным: не слишком провокационным, но достаточно бросающимся в глаза. Они должны быть довольно большими по размеру, всё же мы не имеем в виду, что они должны занимать половину вашей веб-страницы. Наиболее подходящее расположение — где-то внизу или где-то наверху так, чтобы не вносить беспорядок в информацию.

5. Интерактивная карта

Интерактивная карта — это хорошая инвестиция в Контактную веб-страницу. Она делает ваше веб-сайт более продвинутым, так сказать, и конечно, это критический элемент в ориентированном на пользователя дизайне. Пользователь должен быть вашим главным интересом, и вам следует понимать, что пользователи будут польщены функциональной и интерактивной картой на вашем сайте. Вы показываете ваше местоположение, это во-первых, а также вы упрощаете пользователям поиск верной дороги к вашему офису. Им не нужно идти на карты Google или на любой другой сервис/приложение, GPS, они будут иметь всё в одном окне браузера.

6. Специфические элементы

Контактная форма и карта хорошо подходящие особенности для веб-сайтов любого рода, однако существуют некоторые специфические вещи, которые веб-сайт может включать. Ресторанный бизнес, у которого есть веб-сайт, может включать расписание счастливых часов на их Контактной странице, в то время как школы или спортзалы могут упоминать их часы открытия. Вы знаете вашу аудиторию лучше и вы определённо знаете что ваши потенциальные клиенты хотят найти на Странице контактов.

7. Подтверждающее сообщение

Вы обязаны информировать пользователей, что их сообщение успешно отправлено, в противном случае, они будут в замешательстве и могут отправить несколько сообщений для уверенности, что у них получилось. Простой фразы вроде «Ваше сообщение было успешно отправлено» будет достаточно. Всё ещё креативность никто не запрещал. Подтверждающее сообщение может содержать информацию о респонденте (отвечающем лице) и приблизительное время ответа.

Кое-что важное что следует добавить

1. Кнопки

Мы хотим поделиться некоторыми секретными правилами по созданию идеальных для вас кнопок.

Исключите кнопки «Сбросить» или «Очистить». Не имеет большого значения, какое имя для этих кнопок вы выберите, потому что они не должны появляться на вашей Странице контактов с контактной формой. Эти кнопки обычно близки к кнопке «Отправить», и пользователи могут нажать их случайно. Представьте какое разочарование кто-то может почувствовать после того, как он набрал, по его мнению, идеальное сообщение для контакта с вами и удалил его из-за невнимательности. И, вообще-то, эти кнопки не делают ничего полезного, зачем тогда добавлять их? Если пользователь хочет удалить сообщение, он может сделать это вручную, или если он передумал связываться с вами, он просто покинет страницу.

Подумайте над текстом кнопки. Банальное «Отправить» не удивит ни кого. Есть много вариантов быть более творческим и сделать текст кнопки: «Поехали», «Отправить сообщение», «Готово» и т.д.

2. Капча

Да ладно! У вас до сих пор есть эти раздражающие капчи на вашем веб-сайте? Интересно узнать, для чего они вам нужны. Некоторые время назад все думали, что капча — это испытанная защита от спама. Ситуация изменилась, и сейчас почти также просто попасть в спамерский список с открытым email адресом, даже имя капчу для подтверждения что пользователь является человеком. И давайте честно, действительно ли вы получали большое количество спама до использования капчи?

Способы добраться до Страницы контактов

Наконец, вы сделали самый лучший дизайн Страницы контактов всех времён (используя наши подсказки, мы так надеемся), но сейчас вам нужно чтобы пользователи находили её легко и быстро. Здесь два места для ссылки на страницу контактов

1. Первичная (главная) навигация

Страница контактов — это отдельная веб-страница на вашем сайте и, следовательно, заслуживает включения в главную навигационную панель. Распространённая вещь, когда делают вкладку Меню контактов единственной на панели, но это не имеет большого значения. Хотя, есть кое-что, что имеет значение: если у вас навигационное меню имеет подменю, Страница контактов не должна быть где-то в подменю.

2. Нижний колонтитул (конец страницы)

Частенько колонтитул выполняет функции Страницы контактов, например, иногда включает контактную информацию, иногда контактную форму и даже карту. Намного лучше иметь отдельную Страницу контактов со всеми включениями в одном месте, и нижний колонтитул также может иметь контакты, но очень кратко. В этом случае, конец страницы становится домашним местом для ссылки на Страницу контактов.

Что мне следует сделать прямо сейчас?

Окей, вы прочитали статью целиком, и сейчас вам надо или создавать новую Страницу контактов, если у вас до сих пор не было, или переделывать старую. Вы получили достаточно инструкций и советов здесь, но помните самое важное: будьте творческими, думайте о пользователе, делайте формы простыми, убедитесь, что всё работает превосходно, добавьте индивидуальности на вашу Страницу контактов!

Учитесь у лучших — немного примеров реализации для вашего вдохновения

Blue House Design

Blue House Design

Pasadena Conservatory of Music

Pasadena Conservatory of Music

Photo Portfolio Template

Photo Portfolio Template

View9

View9

Samuel Docker Wedding Photographer

Samuel Docker Wedding Photographer

Stupp Corporation

Stupp Corporation

Smart Cookie Design

Smart Cookie Design

PapúVerão Fashion Website

PapúVerão Fashion Website

European EISA Awards

European EISA Awards

Digital Telepathy

Digital Telepathy

Think Work

Think Work

Pmode Web Agency

Pmode Web Agency

The Locals

The Locals

Tomasz Stolz

Tomasz Stolz

Chilli

Chilli

Arabella on Boossa

Arabella on Boossa

Credencys

Credencys

Bigbite

Bigbite


Хотите узнать, как заполучить короткий и красивый адрес электронной почты (e-mail)? или как выбрать качественный хостинг? Всё это и многое другое на сайте codeby.net. Подписывайтесь на нашу e-mail рассылку (внизу страницы) или на ленту новостей и вы узнаете первым о новых статьях! Также вступайте в нашу официальную группу вконтакте — там вам очень рады!

Поделитесь этой статьёй с друзьями, если хотите выхода новых статей: