Архив ‘Улучшаем Ваш сайт’ Category
11+ способов оптимизации веб формы обратной связи
Иногда я себя спрашиваю, зачем я так много уделяю внимание веб форме на сайте? Зачем каждый раз анализирую поля форм и их оформление? Зачем тестирую работу скрипта с особым пристрастием?
Ответ прост: Форма обратной связи – это момент истины на любом веб ресурсе. Если человек вносит в форму свои драгоценные, и так бережно охраняемые персональные и контактные данные – поздравляю,
- вам удалось сформировать доверие к своему ресурсу
- вам удалось вызвать у человека эмоции и желание с Вами пообщаться
- вам удалось наладить контакт и получить столь желаемую обратную связь
- вам удалось заинтересовать человека своими товарами и услугами
И совсем не важно какую именно форму на Вашем сайте человек заполняет:
- будь-то форма комментариев
- форма подписки по e-mail
- ответ в гостевую книгу
- форма службы поддержки
- форма для отзывов, жалоб и предложений
- корзина заказов в Интернет-магазине
- или форма… придумайте сами или посмотрите, что у Вас есть на сайте
Главное не поставить множество преград, чтоб только что родившееся, и еще не окрепшее желание совершить действие и связаться с Вами — не пропало совсем. Помните, оно может пропасть в любой момент, на каком-либо из полей формы.
Внимание! Постарайтесь не отпугнуть Вашего посетителя в столь щепетильный для него момент, в момент заполнения данных формы.
11+ рекомендаций по совершенствованию веб формы обратной связи.
- Просите заполнить только те поля, которые Вам необходимы для оказания услуги. Если Вам для подписки на рассылку нужно только имя и электронный адрес, не спрашивайте фамилию. Если Вам для доставки товара необходим адрес – не спрашивайте как туда добраться. Если человек сложил товары в корзину, не спрашивайте откуда он узнал о вашем магазине.
- Не плодите поля там, где можно обойтись 1-2 полями. Чем меньше полей тем больше шансов, что человек их заполнит. Например, при написании адреса можно сделать 1 поле и внизу написать пример, как его заполнить. А можно под каждый параметр создать отдельное поле: индекс, город, улица, дом, корпус, квартира, этаж, регион, страна... Как говорится 7 раз отмерь, а потом отрежь. Далеко не всегда есть необходимость в стольких полях.
В выборе полей отталкивайтесь от посетителя, а не от того, что так легче обрабатывать полученные данные. Подумайте, готовы ли Вы жертвовать прибылью ради того, чтоб легче было формировать таблицы по работе с клиентами? - Если поля обязательные к заполнению – пометьте их , напишите перед формой, что обозначает данная пометка. Не надейтесь, что абсолютно у всех Ваших пользователей уже достаточный опыт работы в Интернет и они знают, что обозначает «* - звездочка».
- Продумайте какие поля должны быть обязательными, а какие нет , не требуйте ничего лишнего. Например, есть много случаев, когда e - mail не является обязательным полем формы.
- Если полей в форме слишком много разбейте их на шаги. Оптимально 3 шага и меньше, максимум — 5 шагов.
- На каждом шаге сообщайте человеку где именно он находится. Пример можно посмотреть на RUpay
- Если в форме есть такие личные данные как: ФИО и домашний адрес — добавьте на сайт страницу "политика приватности" о неразглашении данных . В форме добавьте ссылку на эту страницу.
- Если одно из полей формы — электронный адрес. Добавьте значок антиспама . Или пару слов о том, что Вы не будете нигде публиковать этот e-mail и заниматься спамом.
- Если посредством формы обратной связи передаются персональные данные, такие как: ФИО, паспортные данные, домашний адрес, код дебетовой или кредитной карточки visa или другие данные, которые человек хотел бы сохранить в тайне — поместите над формой значок «замок» и напишите, что данные формы передаются по защищенному соединению.
- Пишите вразумительное название форм, для чего предназначена форма. Человек заполняя форму должен ясно представлять с какой целью он это делает, и тогда он может оценить необходимость заполнения некоторых обязательных и необязательных полей.
- На кнопке отправки желательно писать не просто «ОК» или «отправить», а что-то, что идентифицируется с предназначением формы: «отправить комментарий», «пересчитать заказ», «очистить корзину»… , чтоб клиент (посетитель) понимал, что произойдет потом.
- После отправки данных через форму:
- дайте пользователю обратную связь, сообщите, что было сделано, например: заявка принята, ожидает модерации…
- какую обратную связь, какие действия от Вас ожидать в ответ на форму в ближайшее время
- в какие сроки будет сделана обработка заполненной формы
- предложите человеку, что делать ему дальше на Вашем сайте: добавить еще один комментарий, отправить новость другу, вернуться к покупкам, почитать статьи по теме…
- В дизайне формы постарайтесь использовать как можно меньше шумовых помех в виде линий таблицы вокруг каждого поля. Не создавайте визуальный шум, который затрудняет понимание полей и отвлекает внимание.
Это далеко не полный список того, на что необходимо обратить внимание при создании форм обратной связи. Есть мноножество нюансов как в визуальном оформлении, так и в названии полей + стратегии подачи полей для заполнения.
Тема создания форм довольно многогранна, с множеством нюансов. И этот шаг — психологически трудный для посетителя. Второй шаг он сделает гораздо быстрее, также как и вторую покупку.
P.S. Какие формы Вам нравятся, что не нравится в формах напишите в комментариях — жутко интересно Ваше мнение.
Сделайте мне самый стильный и красивый сайт. Мне нужен оригинальный дизайн для лучшего сайта.
— Здравствуйте. Скажите, Вы делаете сайты?
— Да.
— Вы можете сделать самый лучший сайт для нашей компании?
— Давайте делать. Чем занимается Ваша компания?
— Я правильно понял, что Вы гарантируете, что сайт будет красивым?
— он будет таким, как Вы хотите.
…
Вам это знакомо?
- Вам приходилось узнавать у клиента, что такое красивый сайт в его понимании?
- Вы получали заказ с условием: «Это должен быть самый оригинальный веб-дизайн»?
- Вы показывали заказчикам образцы лучших сайтов Рунета?
- Вам приходилось создавать креативные сайты в фирменном стиле компании?
Вы улыбаетесь? Значит Вам знакомы подобные задачи. Вы их решали или ставили?
Одно дело, когда с заказчиком общается менеджер по продажам, другое дело, когда договор подписан и начинается самое интересное – выяснение, что такое креативный, красивый, стильный и оригинальный дизайн. Эти прилагательные просто преследуют все, что связано с созданием сайта или логотипа, флеш баннера или бумажного буклета или…
Что самое интересное, заказчики правы в своих стремлениях. Остается только понять, что обозначают эти слова для всех участников создания веб-проекта. И найти точки соприкосновения между конечными пользователями, заказчиком, дизайнером, программистом, юзабилистом и другими участниками такого увлекательного процесса, как создание красивого сайта.
По одежке встречают. Дизайн как фактор доверия
В 2002 году группа специалистов (Sliced Bread Design, B.J. Fogg, Ph.D. (глава Стэнфордской лаборатории по каптологии ) провели исследование под названием Experts vs. Online Consumers: A Comparative Credibility Study of Health and Finance Web Sites (Эксперты и потребители в on-line: сравнительное исследование вопросов доверия к веб-сайтам , предлагающим финансовые и медицинские услуги).
Выяснилось, что 55% обывателей принимали решение о том, доверять сайту или нет, на основе его дизайна, в то время как для экспертов были важны другие вещи, например, источники информации, точность информации, миссия компании и т.д.
При этом пользователь определяет нравится ему сайт или нет в течение 1-2 секунд, а иногда и долей секунд.
Как понять сайт красивый или нет?
На этот счет люди могут спорить бесконечно долго. Понятие красоты и стиля у всех свое собственное. И складывается на основе личного опыта и переживаний в течение всей жизни.
Мало того для каждого человека, определение красивый или не красивый — меняется, в зависимости от настроения и возраста.
Восприятие красивости в момент просмотра сайта зависит от того, как у человека сейчас идут дела на личном фронте и в профессиональной деятельности.
Например, из комментариев народного рейтинга самых красивых и интересных сайтов Рунета за 2007 год, красивый сайт:
- для мастера создания флеш — это хорошо сделанный флеш-сайт с множеством объектов, анимацией, звуком…
- для дизайнера — важно гармонично сочетаемые цвета, формы, технически хорошо отрисованные графические элементы, включая фото и рисунки
- для программиста — красота заключается в коде
- для заказчика — по принципу: нравится, не нравится, «это моя детка» или сайт красивый потому, что его сделал мой сын или…
- для конечного пользователя — нравится, не нравится, доверяю, не доверяю
Опять скажете: «Светлана, Вы говорите банальные вещи, мы и так это знаем, лучше расскажите, как определить дизайн красивый или нет?». Как говорится, нового я ничего не открою. Но, есть:
7 простых правил, которые жизненно необходимо соблюдать, чтоб сделать красивый сайт:
- Рассматривайте каждую страницу сайта как цветовые пятна (текст тоже считается цветным объектом)
- В целом сочетание цветов сайта не должно раздражать глаза:
- избегайте резких, не приятных для восприятия, "контрастно-ядовитых" сочетаний цветов
- избегайте часто мигающих объектов, которые превращают Вашу страницу в новогоднюю елку.
- Цветовых пятен не должно быть много, чтоб глаза знали, где остановится, и за что зацепится.
- Комбинируйте цветовые объекты в группы, которые концентрируют внимание в определенных местах
- Расставляйте акценты на каждой странице сайта в зависимости от приоритетных целей страницы. По принципу, то, что важнее – привлекает больше внимание цветом, размером, формой.
- Дайте возможность сканировать Вашу страницу по цветовым пятнам, и при этом получать всю необходимую информацию о назначении и возможностях сайта.
- И самое главное, не пытайтесь угадать, понравится конечному пользователю сайт или нет, проведите небольшое тестирование.
- на своих знакомых и родственниках (попросите их посмотреть на страницу в течение 5 секунд, потом расспросите о впечатлениях, задавайте вопросы)
- попросите дать первое впечатление о сайте на каком-нибудь форуме, где общается ваша ЦА или близкая вашей ЦА аудитория
- напишите блоггерам, люди в основной своей массе отзывчивые, посмотрят на Вашу страницу в течение 5-10 секунд.
- Вы можете написать мне
Я тоже гляну на Вашу страницу.
P . S . Красивый сайт сравним с красивой женщиной. И у каждого мужчины, как, впрочем, и у каждой женщины, свое личное восприятие женской красоты. Кому-то нравятся женские глаза, кому-то ноги или грудь. Кто-то видит внутреннюю женскую красоту, ее внутренне тепло, доброту и энергию, кому-то нравятся сексуальные, умные и красивые
А Маулу нравится Одри Хепберн, в честь которой он организовал конкурс. Если Вы хотите принять участие в этом конкурсе красоты – у Вас еще есть время, жмите на фотографию.
А меня из всех выставленных работ на конкурс тронула вот эта.
Получите аудиозапись встречи МКП с Артемием Лебедевым — БЕСПЛАТНО
«На ошибках учатся!» — слышали такую фразу?
Я добавлю, «На успехе других — учатся!»
Досье на Артемия Лебедева 14 фактов
составлено по мотивам 7 страничной статьи Людмилы Луньковой «Компания, которую ищут клиенты, или Артемий Лебедев в Московском клубе предпринимателей»
- Артемий не считает себя успешным человеком и не любит, когда его хвалят.
- Свою первую дизайнерскую фирму он открыл одновременно с поступлением в МГУ, и через два года бросил учебу и стал заниматься своей веб-студией.
- Первое дизайн портфолио Лебедева состояло из 1500 мифических фирм, вроде ресторана «Два дельфина» или МПО «Контакт».
- Чтоб Артемию не было стыдно, компания была названа «Студия Артемия Лебедева»
- Существует две эры развития Интернета Российского: до-Лебедевская и Лебедевская.
- Если хотите потерять совсем не маленькую предоплату за разработку сайта и сам сайт — уберите подпись «Студии Артемия Лебедева» с «подвала сайта»
- Цены Артемий берет Читать полностью »
Какие элементы в дизайне сайта увеличивают конверсию и продажи? Часть 2.
"Не пренебрегайте мелочами. От мелочей зависит совершенство.
А совершенство - это не мелочь".
Продолжаем тему начатую ранее. Кто не помнит начало, читайте часть 1 — повышая конверсию сайта, можно получить больше прибыли при том же количестве трафика.
Сегодня, пожалуй, перейдем ближе к делу, и те, кто ищет конкретные примеры, их найдут. Читайте, думайте, дополняйте и приводите свои примеры из жизни.
Итак, поехали. Оформление различных элементов сайта по отдельности формируют общее восприятие. Как сказал Микеланджело: «Не пренебрегайте мелочами. От мелочей зависит совершенство. А совершенство — это не мелочь».
На конверсию сайта влияют:
- Форматирование текста: цвет и сочетание цветов, выравнивание текстов по центру, левому или правому краю, шрифт и размер текста, маркированные списки, оформление абзацев, заголовков и подзаголовков
- Оформление графических элементов: кнопок и рамок
- Картинки, их эмоциональная и информационная нагрузка
- Копирайтинг: обращение к потребностям, эмоциям и мечтам пользователей
- оформление «шапки»
- оформление «подвала»
- расположение и название информационных блоков
- формы, внешний вид и расположение полей
- оформление и расположение блоков отзывов и гарантий
- ит.д.
Все эти элементы условно можно разделить на 3 функциональные группы:
Читать в Google.Reader
Читать в Яндекс Ленте
Как заработать много денег на контекстной рекламе Google Adsense? Видео 1.
Часто встречаю в блогосфере посты посвященные заработку на блоге, сплоге или сайте. Обсуждаются системы контекстной рекламы: Яндекс директ, Бегун, Google Adsense, Продажа ссылок через Sape...
Посещаемость моего блога растет, и все чаще появляются мысли, чтоб разместить контекстную рекламу, только вот непонятно, какая должна быть посещаемость блога, чтоб мои 1000-1500 уников в месяц не уплыли на другие ресурсы. (Кто знает, скажите плз, с какой посещаемостью уже можно размещать контекст?)
В поисках ответов на вопросы, я нашла довольно интересный материальчик — это бонусное видео западного гуру интернет-маркетинга Michael Cheney к его коммерческому продукту. В видео он анализирует несколько сайтов, показывает, какие сделаны ошибки в размещении контекстной рекламы, дает свои рекомендации как их исправить:
С разрешения Michael Cheney я сделала перевод видео №1. Чтоб получить доступ к этому видео надо зарегистрироваться вот здесь. После регистрации, на ваш электронный ящик прийдет письмо и ссылка для скачивания: 2 видео и один отчет.
Сайт сделан по аналогии как обычная газета. Вы видите заголовок и картинку, которые сильно привлекают внимание и вовлекают вас в чтение. И вы начинаете читать текст сразу под картинкой. Вы дочитываете страницу до конца, доходите до самого низа сайта... — там больше нигде нет рекламных блоков Adsense.
Контекстная реклама находится только слева вверху. Честно говоря, я (Майкл) ее даже не заметил. Мое личное мнение (Майкл), что этот блок контекстной рекламы приносит мало прибыли.
Первое, на что надо обратить внимание – это, чтоб цвет заголовка ссылок в рекламном блоке был такой же, как и другие ссылки на сайте, в тексте или в меню.
Второе текст рекламы должен быть таким же по цвету, как и основной текст сайта. Background под контекстной рекламой выбран не особо удачно именно на этом конкретном сайте, поскольку он отгораживает этот блок от основного текста статьи.
Чтобы я (Майкл) сделал именно на этом конкретном сайте. Я бы убрал этот блок слева вверху с контекстной рекламой Adsense, поскольку он «кричит» людям «я реклама», дальше я бы разместил: Читать полностью »