Контент-бар “У Светланы” или маркетинговый анализ сайта и бизнеса

Долго думала писать о своих впечатлениях с семинара международного гуру юзабилити и проектирования интерфейсов Аарона Маркуса или нет. Скажем так, мои ожидания не оправдались. Я надеялась на хотя бы беглый разбор 60 примеров удачного пользовательского интерфейса, объявленных в программе на сайте организатора. (все фото кликабельны)

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

К моему удивлению программа семинара в раздаточных материалах довольно сильно отличалась от заявленной на сайте организаторов . Пункты программы:

• Современные тенденции визуального дизайна сайтов
• Проектирование интерфейса глобальных веб-сайтов (B2B, B2C)

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

Часто встречаю в блогосфере посты посвященные заработку на блоге, сплоге или сайте. Обсуждаются системы контекстной рекламы: Яндекс директ, Бегун, Google Adsense, Продажа ссылок через Sape...

• сколько реально можно заработать денег
• как подобрать рекламу для сайта и  увеличить прибыль, увеличить CTR
• какие есть проблемы с кодом
• как обналичить чеки Google Adsense (некоторые пишут adsence) через банк, через Рапиду
• у кого и за что закрывают аккаунт
• способы заработка в Интернете на сайте и блоге
• и т.д.

Посещаемость моего блога растет, и все чаще появляются мысли, чтоб разместить контекстную рекламу, только вот непонятно, какая должна быть посещаемость блога, чтоб мои 1000-1500 уников в месяц не уплыли на другие ресурсы. (Кто знает, скажите плз, с какой посещаемостью уже можно размещать контекст?)

В поисках ответов на вопросы, я нашла довольно интересный материальчик — это бонусное видео западного гуру интернет-маркетинга Michael Cheney к его коммерческому продукту. В видео он анализирует несколько сайтов, показывает, какие сделаны ошибки в размещении контекстной рекламы, дает свои рекомендации как их исправить:

• где лучше всего размещать рекламу Google Adsense на странице?
• каким цветом делать ссылки и текст, чтоб люди кликали на рекламу?

С разрешения Michael Cheney я сделала перевод видео №1. Чтоб получить доступ к этому видео надо зарегистрироваться вот здесь. После регистрации, на ваш электронный ящик прийдет письмо и ссылка для скачивания: 2 видео и один отчет.

Итак первый сайт. Это сайт со статьями. Не имеет значения какие именно статьи там размещены. Вы узнаете мое личное мнение (Майкл) о том, где лучше разместить блоки с контекстной рекламой именно на этом сайте.

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

Контекстная реклама находится только слева вверху. Честно говоря, я (Майкл) ее даже не заметил. Мое личное мнение (Майкл), что этот блок контекстной рекламы приносит мало прибыли.

Первое, на что надо обратить внимание – это, чтоб цвет заголовка ссылок в рекламном блоке был такой же, как и другие ссылки на сайте, в тексте или в меню.

Второе текст рекламы должен быть таким же по цвету, как и основной текст сайта. Background под контекстной рекламой выбран не особо удачно именно на этом конкретном сайте, поскольку он отгораживает этот блок от основного текста статьи.

Чтобы я (Майкл) сделал именно на этом конкретном сайте. Я бы убрал этот блок слева вверху с контекстной рекламой Adsense, поскольку он «кричит» людям «я реклама», дальше я бы разместил: жмите, читайте дальше »

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

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

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

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

• будь-то форма комментариев
• форма подписки по 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. В дизайне формы постарайтесь использовать как можно меньше шумовых помех в виде линий таблицы вокруг каждого поля. Не создавайте визуальный шум, который затрудняет понимание полей и отвлекает внимание.

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

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

Вчера стали известны результаты 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 . Красивый сайт сравним с красивой женщиной. И у каждого мужчины, как, впрочем, и у каждой женщины, свое личное восприятие женской красоты. Кому-то нравятся женские глаза, кому-то ноги или грудь. Кто-то видит внутреннюю женскую красоту, ее внутренне тепло, доброту и энергию, кому-то нравятся сексуальные, умные и красивые

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

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