Вот что значит хорошая демонстрация товаров в Интернет-магазине!

• А как у Вас представлен товар в Интернет-магазине?
• Вызывают ли картинки товара жгучее желание купить? Желание  легко расстаться с деньгами?

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

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

• краткое описание: кто производитель, состав изделия
• сколько стоит
• какая скидка
• как быстро осуществляется доставка
• выбрать размер и цвет
• БОЛЬШАЯ красная кнопка положить в корзину (не промажешь, и мимо не пойдешь)
• поменьше кнопочки: положить в лист ожидания и отправить друзьям
  и т.д

Чем сто раз рассказывать, смотрите сами, делитесь впечатлениями.
Магазин на английском языке, доставку в страны СНГ — не делают.

--

P.S. Обратите внимание на удачное решение для демонстрации товаров в интернет-магазине, на удачное размещение информации о товаре, оформление кнопок "добавить в корзину", "отложить товар в свой список", "поделиться информацией с друзьями".Похожие материалы по теме:

• Судьба пустой корзины в интернет магазине (16)
• Какие элементы в дизайне сайта увеличивают конверсию и продажи? Часть 2. (12)
• Что Важнее? И что делать Интернет-магазину с дизайном, юзабилити, контентом, ценами, ассортиментом… (5)

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

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

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

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

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

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

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

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

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

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

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

• блок вверху справа на 1/3 колонки с текстом,
• блок в середине слева на 1/3 колонки
• блок слева внизу статьи
• как Вы помните на странице можно размещать три блока с рекламой Adsense

Чтобы я еще сделал именно на этом сайте. Как видите здесь есть колонка справа и слева. Я бы увеличил рабочее поле статьи за счет левой колонки. И тогда было бы легче вставлять блоки справа и слева – это очень важно.

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

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

Смотрим вверх: ссылки Google, оформлены в тех же цветах, что на всем сайте и чуть выше поисковая форма Гугл – ссылки смотрятся довольно естественно, их можно не менять, они будут работать хорошо.

Следующий сайт со статьями посвящен дизайну. Итак, смотрим. Сначала идет одна строчка со статьи потом контекстная реклама Adsense и ниже продолжение статьи. Такое расположение довольно хорошее и подталкивает людей кликать на рекламе. Что здесь не так, так это то, что справа статья не обтекает этот рекламный блок. В целом такое размещение рекламы слева в начале статьи, а весь текст статьи обтекает его справа, размер рекламного блока 30 % – очень эффективно, и я (Майкл) рекомендовал бы делать именно так. Что бы я еще добавил, это ссылки Гугл сверху. Прокручиваем страничку вниз, и видим, что там больше нет контекстной рекламы. Я бы добавил еще пару блоков: один в средине справа и один в конце статьи слева.

Переходим на следующий сайт. Этот сайт полностью посвящен блогингу. Смотрим на верхний блок. Видим цвета ссылок и текста в рекламе: синий, черный, зеленый – они все вместе кричат: «это реклама Google». Люди, когда видят такое сильное отличие от основного сайта, они моментально определяют, что это реклама и пропускают ее, даже не смотрят на нее, переходят к чтению непосредственно интересующей их информации под контекстной рекламой.

Смотрим следующий сайт. В рекламном блоке с контекстной рекламой используются только черный цвет для текста и для ссылок. Такое оформление слишком скучное, я (Майкл) поменял бы цвет ссылок на оранжевый, такой же, как и на сайте и убрал бы рамку вокруг блока. И еще один момент, я бы не писал, что это спонсорский блок – люди сразу понимают, что это реклама, лучше уж в таком случае написать «кликайте здесь или кликни по мне» (примечание переводчика: Антон Попов на своем блоге так и написал "Кликайте" в блоке с контекстной рекламой в левой колонке)

Смотрим следующую страничку, она посвящена гипнозу. Блок занимает 1/3, находится вверху, ссылки такие же, как внизу в статье, текст черный еще одна ссылка такая же, как в левом меню, правда я бы ее сделал черной. Прокручиваем страницу вниз – больше нигде нет рекламы. Я бы добавил еще пару блоков: один в средине справа и один в конце статьи слева. Или под статьей, (примечание переводчика: поскольку статья заканчивается таблицей) и, + конечно же, вверху добавил ссылки верху и в боковую колонку поисковую форму Google.

Полезное по теме Google Adsense

Сервис, который позволяет узнавать стоимость фраз
Официальный блог Google AdSense
Тестер Google AdSense

Продолжение Видео 2 (начало) Видео 2 (окончание)

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

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

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

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

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

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

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

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

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

Досье на Артемия Лебедева 14 фактов

составлено по мотивам 7 страничной статьи Людмилы Луньковой «Компания, которую ищут клиенты, или Артемий Лебедев в Московском клубе предпринимателей»

1. Артемий не считает себя успешным человеком и не любит, когда его хвалят. 
2. Свою первую дизайнерскую фирму он открыл одновременно с поступлением в МГУ, и через два года бросил учебу и стал заниматься своей веб-студией.
3. Первое дизайн портфолио Лебедева состояло из 1500 мифических фирм, вроде ресторана «Два дельфина» или МПО «Контакт». 
4. Чтоб Артемию не было стыдно, компания была названа «Студия Артемия Лебедева»
5. Существует две эры развития Интернета Российского: до-Лебедевская и Лебедевская. 
6. Если хотите потерять совсем не маленькую предоплату за разработку сайта и сам сайт — уберите подпись «Студии Артемия Лебедева» с «подвала сайта»
7. Цены Артемий берет с «потолка», он их просто «назначает». Равно, как и определяет другие правила игры на рынке, потому что больше их взять просто неоткуда.
8. В компании «Студия Артемия Лебедева» нет ни одного менеджера по маркетингу и ни одного менеджера по продажам. Компания не занимается поиском клиентов. Потому что клиенты занимаются поиском компании.
9. У лебедев.ру — нет конкурентов, потому что их товар уникален. И они — лидер рынка, который сами создают и формируют. 
10. «Единственное, что имеет ценность, - считает Артемий , - это люди, с которыми пришлось поработать»
11. Прием на работу в студию ведется под лозунгом: «Это место, где гнобят людей, где им не доплачивают и заставляют тяжело работать». Поэтому работают там только те, кто тащится от своего дела, кто готов жить на рабочем месте, и главное в их жизни не деньги, а драйв. Соответственно им деньги не нужны и зарплаты у таких людей — не высокие. (более подробно предположительно можно узнать в аудиозаписи)
12. Существует единственный критерий оценки человека: «Плохо работаешь? – До свидания! Хорошо работаешь? – Добро пожаловать! Всё!»
13. Артемий считает, что: «Б-О-льшего маразма, чем отслеживать дисциплину в компаниях, и держать, например, журнал, где учитывать время прихода-ухода, пока еще никто не придумал»
14. Артемий ведет блог в ЖЖ и открыт для общения

3 совета от Лебедева

«Не бойтесь полагаться на себя, свою фантазию, свой взгляд на мир и свои идеи. Создавая что-то, опираясь на крепкое плечо авторитета, вы создаете посредственность и вторичность».

«Нужно всегда делать своё , - считает Артемий . – Пусть 10 раз будет ошибка. Но один раз обязательно сработает, и потом можно накапливать успехи. Мы так делаем. Бывает, что ошибаемся. Зато на Западе вам легко ответят на вопрос «кто первый дизайнер России?», и никогда не ответят на вопрос: «а кто второй?..» Да я и сам на него не отвечу».

«Если тебе пришла в голову какая-то идея, надо брать, и делать, и тогда есть шанс, что что-то получится. Если ничего не сделать – то гарантированно ничего не получится. И останется только жаловаться на судьбу, что им повезло, и они вовремя пришли… Можно подумать, что бывают моменты, когда что-то не вовремя. В любой момент можно делать все, что угодно».

Кто осилит полный текст заметки на 7 страниц мелким текстом, милости прошу сюда. Написано легким и непринужденным языком. Вам понадобиться 15-20 минут, они пролетят незаметно.

Если Вы не подписаны на рассылку, искренне рекомендую. Некоторые выпуски действуют магически на тараканов в голове и хорошо прочищают мозги, дают пищу для размышлений.

P . S . для получения аудиозаписи свяжитесь с Людмилой. Напишите ей даже если Вы не подписаны на ее рассылку. Заголовок письма сделайте «Аудиозапись встречи МКП с Лебедевым», а то она может и не увидеть ваше письмо в толпе других, все же в ее рассылке 38 000 человек. Если не получите ответ, напишите ей еще раз.

В крайнем случае напишите мне, и я постараюсь решить этот вопрос.

f932a30b-9b2c-461b-8414-e8101406b4ea

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

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

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

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

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

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

Элементы ВНИМАНИЯ.

Основная задача элементов внимания:

• привлечь внимание к тексту, ссылке, разделу, товару…
• удержать внимание на вашем послании посетителю
• заинтересовать посланием и удержать на странице
• ВОВЛЕЧЬ в чтение Вашего предложения или разглядывание картинок товаров

И если с первых 3-5-7 секунд посещения сайта Вам не удалось привлечь внимание к ответам на вопросы:

О Чем этот сайт? Для кого этот сайт? Что полезного посетитель
найдет на сайте для себя любимого?

пиши, пропало. Большая часть людей сразу уйдет с сайта.

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

Элементы побуждающие к ДЕЙСТВИЮ

Это вторая группа элементов, такая же важная, как и первая.

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

Например, в конце статьи стоит ссылка:

далее>> (это слабый призыв к действию, и рассчитан на опытных пользователей Интернет)
читать далее>> (это уже лучше, человек понимает чего от него хотят)
читайте пост полностью>> (это намного лучше, человек понимает, что ему делать и, что он увидит после нажатия на ссылку)

Еще пример — 20 призывов к действию на youtube.com . Все призывы находятся в пределах видимости первого экрана, без прокрутки вниз. (на картинке отмечены розовым, кликабельно).

Присмотритесь повнимательнее, все 20 призывов — разные. Каждый из них имеет разный уровень приоритетов, и разную информационную нагрузку, разные цели.

Еще один хороший пример побуждения к действию. Все четко и ясно: что делать? как делать? какой получишь результат?

Как занести свой фид в ленту в кратчайшие сроки и начать получать трафик?Упомяните, пжлста, у себя на блоге эту запись, например так:Дмитрий S.M.A.R.T. создал уникальный RSS-фид, позволяющий удобно мониторить все SEO блоги Рунета на наличие новых постов, спаленных тем и интересных материалов. К тому же, этот фид является неплохим источников трафика для блоггеров. Узнать подробности. Потом пришлите мне письмо (мои контакты) или отпишите здесь комментарий. Дайте ссылку на пост с упоминанием и ссылку на ваш RSS фид, который вы хотите добавить в ленту. Все, ожидайте прироста трафика. И не забывайте писать информативные заголовки.

Элементы (механизмы), которые поддерживают ПОСТОЯННЫЙ КОНТАКТ с посетителями сайта, чтоб они возвращались снова и снова.

К таким элементам можно отнести:

• e - mail рассылки
• форма обратной связи
• контактный телефон
• живой "Чат" со службой поддержки
• RSS рассылки
• Советы и обучающие материалы, которые отправляются с помощью автореспондеров
• Книги, аудио и видео для скачивания с ссылками на сайт или на полезные ресурсы

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

Вот пожалуй и все.
По этой теме настоятельно рекомендую прочитать перевод видео Энди Эдмондс (сотрудника Stompernet) о том, как дизайн может удвоить конверсию сайта, интернет-магазина

Не забывайте оставлять комментарии.
До встречи.
С вами на связи была
Светлана Олишевская
f932a30b-9b2c-461b-8414-e8101406b4eaПохожие материалы по теме:

• Какие элементы в дизайне сайта увеличивают конверсию и продажи? Часть 1. (8)
• Как самостоятельно сделать небольшой маркетинговый анализ сайта (6)
• Что такое маркетинговый анализ сайта? (21)
• Хорошие картинки товаров в Интернет-магазине (13)
• 11+ способов оптимизации веб формы обратной связи (30)

Что такое мерчендайзинг?

Если говорить по простому, мерчендайзинг — это искусство «расталкивать товары по полкам», искусство выгодно выделить товар в «толпе» других товаров.

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

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

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

Что общего между Интернет и мерчендайзингом?

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

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

Есть один замечательный пример. Кому интересно, загляните на блог Дмитрия Кота. Я ни у кого не видела, чтоб кто-то так профессионально использовал принцип мерчендайзинга в своем блоге. Я еще ни у кого не видела, чтоб кто-то так красиво формировал образ о себе. Посмотрите на этого милого кота с улыбкой и ручкой в лапах и с надписью ЗОЛОТО-копирайтер. Суппер, правда?

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

Пост написан по мотивам статьи 2 секунды на все понты

Спасибо спонсорам за поддержку этой заметки:
создание сайтов в Киеве

Более всего меня заинтересовал вопрос: «Как добиться эффективности, когда информация о конечных пользователях ограничена?»

Этот вопрос меня волнует уже достаточно давно. Очень часто сталкиваюсь с тем, что у многих предпринимателей описание их конечного потребителя начинается и заканчивается 3-4 параметрами: география, пол, возраст и средний заработок. В лучшем случае добавляется еще 2-3 параметра: сфера деятельности, семейное положение и очень нечеткое описание решаемой проблемы.

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

Поэтому для сбора информации о конечном пользователе приходится тратить довольно много времени на «разведывательно-аудиторские» работы:

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

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

Представили…, а теперь представьте, как вы выглядите в этом пиджаке…

Как думаете, какой у вас будет имидж и доверие к вам, если пойдете на улицу, в ресторан, в театр или на деловую встречу.

К чему я веду. Сайт, блог или другой веб-ресурс, как и человека встречают по одежке и провожают по уму. Одежкой для сайта является — дизайн. Качеством пошива — верстка. И довольно часто много внимание уделяется дизайну, и совершенно не уделяется внимание корректной верстке. А ведь покупая одежду, Вы проверяете каждый шов и обработку срезов одежды, не так ли?

Вот так и с сайтами, надо проверять каждый шовчик, определять для себя мелкие глюки, на которые можно закрыть глаза, а на какие — нет. Например, я иногда закрываю глаза на то, что первый абзац текста страницы в браузере Firefox 2 выше на пару пикселей, нежели в Opera 9 и отличается от оригинального дизайна на один пиксель. При этом я не закрываю глаза на недочеты в верстке если вижу, что блоки разлезаются вправо, влево, вверх и вниз на несколько миллиметров, а то и сантиметров.

Такое "разлезание" сайта встречается довольно часто, даже на хорошо известных ресурсах. Например, Amazon.com после быстрой реакции на критику , которая похоже вызвала очередной редизайн  — Смотрим как это выглядит:

разлазится в разных разрешениях экрана в IE 6
(расшифровываю для тех, кто не знает — браузер Internet Exploer 6 версии)

 В Опере 9

Начиная с разрешения 832 х 624 и ниже Amazon «разлазится». Шапка сайта смотрится – хорошо. Контент вылазит вправо. Разрешение 800 х 600. Шапка сайта не помещается на экран и урезается справа. Контент вылазит еще дальше за шапку вправо. Разрешение 1024 х 768 и больше – это разрешения, при которых Амазон смотрится хорошо.

Браузер все тот же IE 6. Разрешении экрана можно брать любое: верх с баннером вылазит вправо на пару пикселей. Маул, если ты это видишь — подправь.

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

Как проверить сайт, даже если вы ничего не понимаете в верстке и дизайне?

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

Вот с проверкой разными браузерами вам придется посложнее. Для начала их надо установить, а потом уже проверять сайт в разных разрешениях. Например, Саша — верстальщик, который объяснял и обучал меня основам верстки, проверяет сайты в 3 - 11 браузерах, включая IE 5.5, которым по статистике пользуется все меньше и меньше народа.

Я периодически к нему обращаюсь за версткой и проверкой сайта в малоиспользуемых броузерах.

Почему надо проверять сайт в разных браузерах и при разных разрешениях?

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

P.S. «Разлезание сайта» в разные стороны — это, пожалуй, один из самых частых явлений на коммерческих сайтах, и, особенно, сайтах сделанных новичками в веб дизайне и верстке.

P.S. S. По статистике, читатели моего блога используют:

Браузеры IE — 45%
Браузером Opera — 39,4%
Браузером Firefox — 10,6%
Другие браузеры — 5%

Полезные сервисы для тестирования на кроссбраузерность, сервисы и утилиты 

Описание нескольких бесплатных и платных сервисов для тестирования сайта на кроссбраузерность
Описание BrowserShots.org - проверьте отображение вашего сайта в разных браузерах

Что такое конверсия сайта?
Классически, под понятием конверсия сайта, понимают количество посетителей, которые, ознакомившись с информацией, совершают покупку.

Более расширенно, под конверсией сайта понимают любое действие посетителя, которое Вы запланировали для получения результата:

• количество сделанных контактов по телефонам, электронным адресам, ICQ…
  количество участников в опросах, конкурсах…
• количество человек оставивших комментарии к статье, к товару…
• количество человек скачавших предложенный Вами отчет с полезной информацией
• количество переходов с одной страницы на другую, например, с главной страницы на страницу с описанием товаров или услуг
• и т.д.

Почему конверсия сайта бывает «0» или близка к нулю?
Потому, что чаще всего владельцы сайтов концентрируются исключительно на увеличении посещаемости сайта. И мало кто заботится о том, чтоб создать максимально привлекательную базу для приема посетителей он-лайн. Часто сайт создается для «имиджа: чтоб было, на всякий случай».

Хотите открою Вам тайну? Для создания из Вашего сайта мощной машины по привлечению новых клиентов и неустанно работающего менеджера по продажам 24х7х365 необходимо выполнять два ключевых правила:

Увеличивать конверсию сайта в целом и конверсию каждой страницы в отдельности
Увеличивать посещаемость сайта всеми доступными средствами.

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

Например: из 1000 посетителей в день, сделали покупку 30 человек, % конверсии составит 30/1000 = 3%. Следовательно, для увеличения продаж, скажем до 60, необходимо увеличить посещаемость до 2000 человек в день. (Если идти путем увеличения только посещаемости сайта, без увеличения конверсии)

А теперь представьте, что Вы увеличили % конверсии, скажем, до 4,5%. Теперь из 1000 посещений совершают покупку уже 45 человек. С 1335 посещений – 60 человек.

Вопрос: «Что легче, увеличить посещаемость целевой аудитории до 1335 человек в день или до 2000 человек в день?» Выводы я думаю, можете сделать и сами.

Есть ли какие-то универсальные «рецепты» для увеличения конверсии сайта?
Корректно будет сказать, что ответ на этот вопрос начинается со слов: "Это зависит от…"

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

Офф-лайновых факторов: качества продукта, наличия пред- и послепродажных услуг, гарантий, сертификатов, скорости обработки заказов… От доверия…

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

Что можно сделать легко и непринужденно для увеличения конверсии прямо сейчас?
Эти «рецепты» являются каплей в море для увеличения конверсии сайта, и все же обратите на них свое пристальное внимание.

Помогите к Вам дозвониться
Сделайте в прайс-листах предложение, от которого нельзя отказаться
Выполните несложные рекомендации Крохи Увеличение конверсии сайта
В меру употребляйте в текстах местоимения: Вы, Ваш, для Вас — подробнее Я вас ненавижу, Вы хотите, чтобы мы Вас нашими усилиями для Вашего блага?
Статья из выпуска рассылки №128 «Ашманов и партнеры» 10 СПОСОБОВ УВЕЛИЧЕНИЯ КОНВЕРСИИ САЙТА (полный текст)

Спасибо спонсорам за поддержку этой заметки:
оптимизация сайта в Киеве

P.S. Некоторые рецепты увеличения конверсии, я буду описывать в этом блоге в других своих постах. Продолжение: Часть 2 (конкретные примеры)

Понравился пост? Внедрите рекомендации на своем сайте и купите детям оружиеПохожие материалы по теме:

• Какие элементы в дизайне сайта увеличивают конверсию и продажи? Часть 2. (12)
• Страница контактов, адрес и карта проезда — спасли жизнь человека. (12)
• Что Важнее? И что делать Интернет-магазину с дизайном, юзабилити, контентом, ценами, ассортиментом… (5)
• 11+ способов оптимизации веб формы обратной связи (30)