Общий стиль
Дизайн – это дело вкуса, но в любом случае у него должен быть единый стиль. Основные элементы сайта помогут соблюсти фирменный стиль ресурса. К ним относится:
– заголовки внутренних страниц;
– подзаголовки в текстах;
– тексты;
– ссылки;
– кнопки;
– меню;
– иконки.
Отсутствие единого стиля затрудняет восприятие, и в итоге, когда пользователь будет переходить между страницами, у него возникнет ощущение попадания на другой ресурс.
Вот один из примеров полного отсутствия единого стиля:
Помимо того, что тексты написаны разными шрифтами, так еще и имеют разный цвет. То же самое касается и картинок. Чтобы не было такого разброса в оформлении, заранее продумайте, как будет выглядеть страница: картинки, шрифты, расположение элементов, цветовая гамма и т. д.
Практический совет: когда принимаете макет нового дизайна от своего разработчика, попросите его оформить отдельным файлом (файлами) набор из шрифтов, иконок, стайл гайды и пояснительные записки, чтобы при дальнейшем развитии сайта (если вы обратитесь к другому специалисту или будете допиливать сайт сами) не сбиться с пути истинного.
«У сайта есть всего 3—5 секунд, чтобы впечатлить пользователя и вызвать интерес к предложению. Привлекательный дизайн позволит выделиться среди конкурентов, а простой интерфейс поможет пользователю быстро найти нужный товар или услугу и стать вашим клиентом. Именно поэтому перед созданием сайта следует продумать его структуру и внешнее оформление».
Кира Светлова,Юзабилити специалист агентства 1PS.RU
Вывод
Первое на что обращают внимание пользователи при заходе на сайт – это его внешний вид. Если чувствуете, что ваш дизайн устарел и дискредитирует вашу репутацию, задумайтесь над редизайном.
Только помните 3 важных принципа:
– Не навреди. Заказывая редизайн, убедитесь, что позиции сайта не пострадают при этом.
– Придерживайтесь общего стиля для всего сайта и просите разработчика предоставить сопроводительную записку, в которой зафиксированы все шрифты, стили, иконки (и их источники).
– Создавайте дизайн и прототип, используя модульную сетку.
Элементы на сайте не должны быть хаотично разбросаны по странице.
Глава 2. Работаем над юзабилити: формы на сайте
Практически на каждом сайте можно встретить формы, причем не важно какой это ресурс: информационный или коммерческий. Единственное, что их отличает, это назначение. Давайте разберемся, какие формы бывают и зачем они нужны.
Для чего нужны формы на сайте?
Все очень просто: формы помогают собрать лиды, контактные данные и прочую информацию о пользователях, которую в дальнейшем вы можете использовать для развития своего бизнеса.
При внедрении формы на сайт есть несколько обязательных пунктов, которые следует учитывать:
– Название формы. Пользователь должен знать, что он заполняет и зачем это вообще нужно. Тема формы должна быть короткой и емкой.
– Название полей. Распишите, какую информацию вы хотите получить от человека: Ф.И.О, номер телефона, email и т. д. Только помните, что нет смысла заставлять пользователя заполнять 1001 строку.
– Обязательные поля. Как правило, обозначаются звездочкой (*). Определитесь, какая информация вам нужна, чтобы обработать контакт. Например, иногда достаточно номера телефона и имени.
– Подтверждение на согласие сбора и обработку персональных данных. Обязательное требование ФЗ-152, за неисполнение которого можно получить штраф.
Есть четыре основные вида форм:
Форма консультации
Выполняет одну и ту же функцию, что и «Онлайн-консультант». Единственное отличие в том, что в таких формах пользователь может оставить более развернутый запрос.
Поэтому если человек не нашел на ресурсе нужную информацию или сомневается в услуге, то, оставив свои данные и запрос, он получит развернутый ответ от специалистов.
Очень важно, чтобы кто-то из специалистов оперативно обрабатывал такие запросы. Поэтому прежде чем ее установить, следует назначить ответственного, который будет принимать запросы и отвечать. В противном случае никакого эффекта от формы вы не получите, а наоборот, испортите репутацию.
Форма консультации на сайте:
Здесь есть все поля, которые необходимы для обработки запросов: имя, номер телефона, строка для вопроса.
Практический совет: один важный момент – не забывайте прописывать, в течение какого времени с потенциальным клиентом свяжется менеджер. Тут не надо приукрашивать свои возможности, лучше оставьте реальные цифры: в течение 10 минут, в течение дня, в течение 4 часов после запроса и т. д. Тогда потенциальный клиент будет примерно понимать, когда ему ждать звонка/письма от компании по своему обращению.
Форма отправки заявки
Устанавливают на странице услуг. При обращении к этой форме клиент уже почти готов к заказу, он выбрал услугу и тариф и начал оформление заявки. Поэтому при виде общей формы обратной связи возникнут сомнения.
Включите поля:
– Имя пользователя. Поможет выстроить персонализированное общение.
– Электронная почта. Понадобится, если будет необходимость продублировать информацию на почту, вести дальнейшее обсуждение по услуге.
– Телефон. Сделайте поле обязательным для заполнения.
– Тариф. Можно заполнять автоматически в зависимости от страницы услуги. Когда к вам в работу поступит заявка, вы будете сразу знать, какой тариф заказал клиент без лишних уточнений.
– Поле для комментария. Необходимо на случай, если у клиента есть уточнения по услуге.
Каждый бизнес индивидуален, а значит, вам могут понадобиться совсем другие параметры для выполнения заявки.
Практический совет: рекомендуем делать не более 5 полей для первого контакта. В дальнейшем, когда клиент оставит заявку и ваш процесс переговоров об исполнении начнется, можно будет предложить ему заполнить подробный бриф или анкету. Это действительно бывает необходимо для качественного оказания услуги. Но на начальных этапах такие огромные формы могут спугнуть пользователя.
