Иногда я себя спрашиваю, зачем я так много уделяю внимание веб форме на сайте? Зачем каждый раз анализирую поля форм и их оформление? Зачем тестирую работу скрипта с особым пристрастием?

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

• вам удалось сформировать доверие к своему ресурсу
• вам удалось вызвать у человека эмоции и желание с Вами пообщаться
• вам удалось наладить контакт и получить столь желаемую обратную связь
• вам удалось заинтересовать человека своими товарами и услугами

И совсем не важно какую именно форму на Вашем сайте человек заполняет:

• будь-то форма комментариев
• форма подписки по e-mail
• ответ в гостевую книгу
• форма службы поддержки
• форма для отзывов, жалоб и предложений
• корзина заказов в Интернет-магазине
• или форма…   придумайте сами или посмотрите, что у Вас есть на сайте

Главное не поставить множество преград, чтоб только что родившееся, и еще не окрепшее желание совершить действие и связаться с Вами — не пропало совсем. Помните, оно может пропасть в любой момент, на каком-либо из полей формы.

Внимание! Постарайтесь не отпугнуть Вашего посетителя в столь щепетильный для него момент, в момент заполнения данных формы.

11+ рекомендаций по совершенствованию веб формы обратной связи.

1. Просите заполнить только те поля, которые Вам необходимы для оказания услуги. Если Вам для подписки на рассылку нужно только имя и электронный адрес, не спрашивайте фамилию. Если Вам для доставки товара необходим адрес – не спрашивайте как туда добраться. Если человек сложил товары в корзину, не спрашивайте откуда он узнал о вашем магазине.
2. Не плодите поля там, где можно обойтись 1-2 полями. Чем меньше полей тем больше шансов, что человек их заполнит. Например, при написании адреса можно сделать 1 поле и внизу написать пример, как его заполнить. А можно под каждый параметр создать отдельное поле: индекс, город, улица, дом, корпус, квартира, этаж, регион, страна... Как говорится 7 раз отмерь, а потом отрежь. Далеко не всегда есть необходимость в стольких полях.
   
   В выборе полей отталкивайтесь от посетителя, а не от того, что так легче обрабатывать полученные данные. Подумайте, готовы ли Вы жертвовать прибылью ради того, чтоб легче было формировать таблицы по работе с клиентами?
3. Если поля обязательные к заполнению – пометьте их , напишите перед формой, что обозначает данная пометка. Не надейтесь, что абсолютно у всех Ваших пользователей уже достаточный опыт работы в Интернет и они знают, что обозначает «* - звездочка».
4. Продумайте какие поля должны быть обязательными, а какие нет , не требуйте ничего лишнего. Например, есть много случаев, когда e - mail не является обязательным полем формы.
5. Если полей в форме слишком много разбейте их на шаги. Оптимально 3 шага и меньше, максимум — 5 шагов.
6. На каждом шаге сообщайте человеку где именно он находится. Пример можно посмотреть на RUpay
7. Если в форме есть такие личные данные как: ФИО и домашний адрес — добавьте на сайт страницу "политика приватности" о неразглашении данных . В форме добавьте ссылку на эту страницу.
8. Если одно из полей формы — электронный адрес. Добавьте значок антиспама . Или пару слов о том, что Вы не будете нигде публиковать этот e-mail и заниматься спамом.
9. Если посредством формы обратной связи передаются персональные данные, такие как: ФИО, паспортные данные, домашний адрес, код дебетовой или кредитной карточки visa или другие данные, которые человек хотел бы сохранить в тайне —  поместите над формой значок «замок» и напишите, что данные формы передаются по защищенному соединению.

10. Пишите вразумительное название форм, для чего предназначена форма. Человек заполняя форму должен ясно представлять с какой целью он это делает, и тогда он может оценить необходимость заполнения некоторых обязательных и необязательных полей.
11. На кнопке отправки желательно писать не просто «ОК» или «отправить», а что-то, что идентифицируется с предназначением формы: «отправить комментарий», «пересчитать заказ», «очистить корзину»… , чтоб клиент  (посетитель) понимал, что произойдет потом.
12. После отправки данных через форму:
    • дайте пользователю обратную связь, сообщите, что было сделано, например: заявка принята, ожидает модерации…
    • какую обратную связь, какие действия от Вас ожидать в ответ на форму в ближайшее время
    • в какие сроки будет сделана обработка заполненной формы
    • предложите человеку, что делать ему дальше на Вашем сайте: добавить еще один комментарий, отправить новость другу, вернуться к покупкам, почитать статьи по теме…
13. В дизайне формы постарайтесь использовать как можно меньше шумовых помех в виде линий таблицы вокруг каждого поля. Не создавайте визуальный шум, который затрудняет понимание полей и отвлекает внимание.

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

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

P.S. Какие формы Вам нравятся, что не нравится в формах напишите в комментариях — жутко интересно Ваше мнение.

Вчера стали известны результаты seo-конкурса от Небомжа .

2 февраля, в день Сурка по статистике Яндекса: страниц — 131 462, сайтов — не менее 1 745 — Впечатляющее количество честно говоря.

Поздравляю победителей, Вы настоящие seo-шаманы.

1 место в выдаче поисковой системы Яндекс — Сергей Жилин (seo blog “Заработок в Интернете“). Сегодня он опубликовал 7 методов продвижения сайта в поисковиках, которые он использовал для победы в конкурсе.

5 место в выдаче поисковой системы Яндекс — SergoZD.

10 место в выдаче поисковой системы Яндекс и приз в размере 10 wmz — Lost (блог “DJ'S LOST BLOG“)

------------

1 место в выдаче поисковой системы Google — Московский Полубомж, организатор реалити-шоу “Зарабатываем вместе!”

Чтоб разгадать, что такое 97л4987м понадобятся зеркала, знание математики и google map.

Мой эксперимент с 97л4987м:

13 января опубликовала статью 12 наблюдений за действиями seo-игроков… и буквально через 3 часа статья появилась в выдаче Яндекса по заветному запросу на 10 месте, чему я жутко удивилась и обрадовалась. Но счастье длилось не долго.

14-15 января статья как быстро появилась, так же быстро исчезла из выдачи Yandex — вообще исчезла. Страницу невозможно было найти даже по ее прямому названию, и в индексе ее не было. Я уж подумала, что блог с уникальным контентом из-за одной статьи отправили в бан. В заметке слишком большая концентрация нужного поискового запроса.

Небомж меня успокоил и сказал, что это всего лишь действие быстроробота. И он оказался абсолютно прав. Статья появилась в выдаче Яндекса по заголовку через 10-12 дней. Но я не проверила, появляется ли она по искомому запросу.

И представьте мое удивление, когда за 6 часов до подведения итогов конкурса, в ночь с 31 января на 1 февраля по запросу 97л4987м я просмотрела 100 страниц Yandex (это 1000 страниц) — нету, моей статьи и моего блога в выдаче по кодовому запросу — нету!!! Я надеялась, что она хоть на каком-то месте все же будет.

Начала искать причину, посмотрела свои title, keywords и h1- h6. Оказалось, что wordpress-тема, которая у меня установлена заголовок статьи ставит в h2, а не в h1.

Title и название статьи я поправила сразу, а вот тему так до сих пор и не исправила, обломалась лезть в css . В итоге прошел апп Яндекса 01.02.08 и я нашла свой блог на 29 позиции по запросу 97л4987м .

Просматривая 1000 страничек долго смеялась, когда на:

901 месте вылез Блок Юлии Тимошенко (премьер-министра Украины) на сайте народных депутатов Верховной Рады Украины (с рекламой Московского полубомжа с заветным кодом )

60 место занял Блог Приват Банка.

26 место занимала Студия Артемия Лебедева

Спасибо всем игрокам и особенно Небомжу за такой конкурс. Жду следующего соревнования, которое по всей видимости будет скоро.

— Здравствуйте. Скажите, Вы делаете сайты?
— Да.
— Вы можете сделать самый лучший сайт для нашей компании?
— Давайте делать. Чем занимается Ваша компания?
— Я правильно понял, что Вы гарантируете, что сайт будет красивым?
— он будет таким, как Вы хотите.
…

Вам это знакомо?

• Вам приходилось узнавать у клиента, что такое красивый сайт в его понимании? 
• Вы получали заказ с условием: «Это должен быть самый оригинальный веб-дизайн»? 
• Вы показывали заказчикам образцы лучших сайтов Рунета? 
• Вам приходилось создавать креативные сайты в фирменном стиле компании? 

Вы улыбаетесь? Значит Вам знакомы подобные задачи. Вы их решали или ставили?

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

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

По одежке встречают. Дизайн как фактор доверия

В 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 простых правил, которые жизненно необходимо соблюдать, чтоб сделать красивый сайт:

1. Рассматривайте каждую страницу сайта как цветовые пятна (текст тоже считается цветным объектом)
2. В целом сочетание цветов сайта не должно раздражать глаза:
   • избегайте резких, не приятных для восприятия, "контрастно-ядовитых" сочетаний цветов
   • избегайте часто мигающих объектов, которые превращают Вашу страницу в новогоднюю елку.
3. Цветовых пятен не должно быть много, чтоб глаза знали, где остановится, и за что зацепится.
4. Комбинируйте цветовые объекты в группы, которые концентрируют внимание в определенных местах
5. Расставляйте акценты на каждой странице сайта в зависимости от приоритетных целей страницы. По принципу, то, что важнее – привлекает больше внимание цветом, размером, формой.
6. Дайте возможность сканировать Вашу страницу по цветовым пятнам, и при этом получать всю необходимую информацию о назначении и возможностях сайта.
7. И самое главное, не пытайтесь угадать, понравится конечному пользователю сайт или нет, проведите небольшое тестирование.

• на своих знакомых и родственниках (попросите их посмотреть на страницу в течение 5 секунд, потом расспросите о впечатлениях, задавайте вопросы)
• попросите дать первое впечатление о сайте на каком-нибудь форуме, где общается ваша ЦА или близкая вашей ЦА аудитория
• напишите блоггерам, люди в основной своей массе отзывчивые, посмотрят на Вашу страницу в течение 5-10 секунд.
• Вы можете написать мне  Я тоже гляну на Вашу страницу.

P . S . Красивый сайт сравним с красивой женщиной. И у каждого мужчины, как, впрочем, и у каждой женщины, свое личное восприятие женской красоты. Кому-то нравятся женские глаза, кому-то ноги или грудь. Кто-то видит внутреннюю женскую красоту, ее внутренне тепло, доброту и энергию, кому-то нравятся сексуальные, умные и красивые

А Маулу нравится Одри Хепберн, в честь которой он организовал конкурс. Если Вы хотите принять участие в этом конкурсе красоты – у Вас еще есть время, жмите на фотографию.

А меня из всех выставленных работ на конкурс тронула вот эта.

12 методов продвижения сайта по конкретному слову, которые применяют участники SEO-соревнования, организованного Небомжом. Эксперимент: сколько жителей в SEO - city, в городе умных людей?

------------------------------------------

Небомж организовал соревнование. Цель конкурса: занять 1 место в топе Яндекса по запросу " 97л4987м ".

На вечер 12 января 2008 года по нужному запросу поисковыми системами, обнаружено:

• в Яндексе 206 сайтов, и 7113 страниц
• в Гугл-Украина 5670 страниц
• в Гугл-Россия 5620 страниц
• в  Google.com всего 5600 страниц.

Если спросите почему такая разница? Честно, не знаю.

Поскольку я не принимаю участие в этом конкурсе, понаблюдать и поучиться, что делают seo-мастера для продвижения своего блога или сайта, по конкретному запросу — интересно.

Все, что ниже — это чисто 12 наблюдения из того, что видно невооруженным взглядом на поверхности в сети. За пушистость и белизну этих методов – не ручаюсь. Это я к тому, что может кто-то для себя увидит какие-то идеи.

1. Создано несколько Читать полностью »

"Не пренебрегайте мелочами. От мелочей зависит совершенство.
А совершенство - это не мелочь".

Продолжаем тему начатую ранее. Кто не помнит начало, читайте часть 1 — повышая конверсию сайта, можно получить больше прибыли при том же количестве трафика.

Сегодня, пожалуй, перейдем ближе к делу, и те, кто ищет конкретные примеры, их найдут. Читайте, думайте, дополняйте и приводите свои примеры из жизни.

Итак, поехали. Оформление различных элементов сайта по отдельности формируют общее восприятие. Как сказал Микеланджело: «Не пренебрегайте мелочами. От мелочей зависит совершенство. А совершенство — это не мелочь».

На конверсию сайта влияют:

1. Форматирование текста: цвет и сочетание цветов, выравнивание текстов по центру, левому или правому краю, шрифт и размер текста, маркированные списки, оформление абзацев, заголовков и подзаголовков
2. Оформление графических элементов: кнопок и рамок
3. Картинки, их эмоциональная и информационная нагрузка
4. Копирайтинг: обращение к потребностям, эмоциям и мечтам пользователей
5. оформление «шапки»
6. оформление «подвала»
7. расположение и название информационных блоков
8. формы, внешний вид и расположение полей
9. оформление и расположение блоков отзывов и гарантий
10. ит.д.

Все эти элементы условно можно разделить на 3 функциональные группы:

Читать полностью »