В конце этого поста исследование аудитории интернет-магазинов, которое дает ответ на вопрос

• Что важно для покупателей при выборе Интернет-магазина: дизайн, юзабилити, ассортимент...?

А это стишок в моем авторстве о том,  как в компании принимают решение:

• Что на свете всех милее и быстрее прибыль принесет?

Три девицы под окном
Сели с кофе и чайком, с пивом и… чего покрепче
Обсуждать вопрос больной.

Что для сайта лучше сделать?
Сколько денег? Сколько время?
Кто, что будет делать сам,
И где надо помощь нам?

Дизайн, юзабилити, контент,
Трафик, менеджмент, ассортимент…
Что Важнее? И что делать?
Деньги надо добывать и врагов опережать.

Голова идет кругом,
И к Царю уж на поклон,
Скоро надо всем  идти,
Доводы свои нести.
И к кому он благосклонен,
Тот и деньги все освоит.

Только Царь, во гневе он.
Ведь же знает, что должен
Сделать первое движенье,
Сразу в нужном направленье

Царь печалится, боится, — он рискует…
Здесь на карте град стоит. И людьми он весь кишит.
Кушать все они хотят, и домой скорей спешат,
чтоб детишек накормить, напоить и спать уложить.

Вот как дело обстоит.
По сему наш Царь грустит.

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

И лишь вымолвить успела,
Дверь тихонько заскрипела,
И в светлицу входит Царь,
Стороны той государь.

Речь последней по всему
Полюбилася ему.

А гонец наш не простой,
Он по свету год как скачет, всем известие несет,
Только мало кто берет.
А давайте-ка друзья взглянем на того гонца,
Что за грамота в кармане и полезна ль нам она.

Царь внимательно читает и решенье принимает.

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

Сию новость нам несет гонец «Ромир»,
он 1300 пользователей Интернета опросил,
И по данным мы узнали, что нам делать и зачем.

Распределение ответов на вопрос «Вы сказали, что посещали раньше или посещаете сейчас сайты интернет-магазинов. Там Вы, как правило,...»

Из этой диаграммы мы узнали, что наверняка делают покупки 20% аудитории. Это значит, что если конверсия вашего Интернет-магазина составляет менее 20%, вам есть к чему стремиться.

42% — ищут информацию о товарах и услугах с целью приобрести товар, если не сразу, так в течение ближайшего времени (например по информации spylog этот временной лаг в англоязычных Интернет-магазинах составляет от 2 дней до 1 месяца). Итак, Вам уже есть над чем подумать, а именно, что вы можете сделать, чтоб получить этих потенциальных покупателей, и не делиться с конкурентами.

Распределение ответов на вопрос «Насколько часто Вы делаете покупки в Интернет-магазинах?»

Распределение ответов на вопрос «Собираетесь ли Вы в будущем делать покупки через интернет?»

Из этих диаграмм мы узнали, что одни и те же покупатели 38%- 71% делают повторные покупки в сети — покупки на регулярной основе. А это значит, что есть необходимость работать со своей старой базой покупателей, стараясь сконвертировать их в живуюмонетку, можно предлагать им:

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

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

Что важнее для покупателей при выбореИнтернет-магазина?

Дизайн, юзабилити, контент, трафик, менеджмент, ассортимент…

Участники опроса выделили следующие параметры интернет-магазинов, наиболее важные для них:

• оформление страниц сайта: 44% заявили, что дизайн сайта для них скорее важно, а для 11% очень важно. Напротив, не придадут значения дизайну 19% опрошенных (совсем не важно оформление страниц 7% респондентов);
• удобство навигации важно – 70% опрошенных,
• скорость загрузки очень важна для каждого второго (54%), и скорее важна — 31% респондентов;
• две трети опрошенных обратят внимание на широту ассортимента (63%);
• приемлемый уровень цен интересует почти три четверти респондентов - 72%;
• быстрая доставка очень важна почти половине участников опроса — 44%, и скорее важна для 41%;
• более половины интересует удобство формы оплаты — 58% участников опроса.

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

ВАЖНО: приемлемый уровень цен и низкие/демпинговые цены — это абсолютно разные понятия. Именно вы влияете в своем магазине на понятие "приемлемые цены":  эксперементируйте на повышение цен на 1-2-10-15%, на увеличении среднего чека...

P.S. Царь остался доволен посланием гонца.

Полезно почитать для Царя:

Опрос посетителей интернет-магазинов 2008 от компании Ромир
Три продавца: Дизайн, Навигация и Контент
У некоторых интернет-магазинов конверсия 20%. Неужели из-за юзабилити?

Похожие материалы по теме:

• Судьба пустой корзины в интернет магазине (16)
• Ссылки на вебинары Юзабилити Марафон2, AxureWorld 2009 (0)
• Какие элементы в дизайне сайта увеличивают конверсию и продажи? Часть 2. (12)
• 11+ способов оптимизации веб формы обратной связи (30)
• Хорошие картинки товаров в Интернет-магазине (13)

Первая мысль, — магазин в «ауте», временно не работает. И, только потом влетела светлая мысль, — оформление заказа невозможно, поскольку оформлять-то нечего, в корзине ничего нет, пусто, все, что я туда положила - не сохранилось. Дааа, подумала я, мысли бывают разные и летают они быстро.

Немного поразмыслив, решила провести небольшое исследование, что же пишут в магазинах на странице «пустая корзина»?

Много ли магазинов упускают дополнительную рекламную площадку своих товаров и услуг?

Результат моего мини-исследования по 21 магазинам, которые на слуху + первые, которые выпадают в Google по запросу «Интернет магазин» оказалось:

• 17 магазинов имеют 2 разные по оформлению и наполнению страницы «Пустая корзина»
• 2 магазина вообще не пускают в пустую корзину – ссылка просто не активна. Можете кликать по корзине до посинения – реакции никакой. Для неопытного пользователя здесь могут возникнуть затруднения в понимании, — ссылка на корзину не работает только сейчас, или она вообще не работает, и как же попасть в корзину?
• 1 магазин не нашла ссылку на корзину на видном месте. Точнее она была так запрятана, что я с трудом ее нашла.
• 1 магазин. Ссылка на корзину появлялась только тогда, когда есть товар в корзине.

Итого: 18 из 21 магазинов генерируют страницы с пустой корзиной - это 87%

Три способа: "Как покупатель попадает в пустую корзину?"

1. Нажимает на кнопку или ссылку «корзина», которая находится на видном месте в Интернет магазине. (так появляется первая страница с пустой корзиной)
2. Использует корзину как калькулятор, постепенно удаляя товары. Или случайно нажал кнопку «очистить корзину». (так появляется вторая страница с пустой корзиной)
3. Во время оформления заказа что-то отвлекло покупателя, и он закрывает сайт магазина, чтоб вернуться в другой раз. Позже заходит в корзину в надежде, что товары все еще там, и он сможет закончить оформление заказа. (Я один из таких покупателей).

Далее, смотрите небольшое  картинко-шоу:

"Что можно увидеть во многих русскоязычных Интернет-магазинах на странице «пустая корзина»?"

Вариант 1: Констатация факта

Чаще всего страница ничем не заполнена, разве что пару слов на большом «белом листе».

В этом случае Вас вообще просят закрыть окно. Будет хорошо, если пользователь понимает о каком окне идет речь? Ведь в ассортименте магазина окон и близко нет.

Вариант 2: Сообщение о дополнительных услугах магазина.

Вы еще ничего не выбрали, и корзину не наполнили, а Вам предлагают скидки на неведомые товары, и только после регистрации.

А в этом магазине Вам предлагают уйти с интернет-магазна к конкурентам.

Вариант 3: Вернитесь в каталог

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

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

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

Обратимся к опыту западных магазинов.

К ним стоит заглядывать. Можно использовать их опыт: какой дизайн страниц, как и какая представлена информация, стратегии работы с клиентами и многое другое.

Вашему вниманию часть страницы «пустая корзина» знаменитого магазина Амазон. Рекомендую зайти на эту страницу и внимательно ее изучить. Кое-что, не все, желательно взять на вооружение и оптимизировать свой магазин.

Еще один пример небольшого интернет-магазина. Такое воплощение не потребует от Вас больших затрат времени и финансов для модернизации, и позволит:

• быть дружелюбным
• рассказать какие товары можно приобрести в этом магазине
• перенаправить в конкретные! разделы Вашего магазина

Вот, пожалуй, и все.

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

Удачи в модернизации
Ваш архитектор сайтов — Светлана Олишевская

P.S. да, чуть не забыла. Вопрос на засыпку, кто-нибудь из Вас заходил в пустую корзину? Может у кого есть статистика, сколько людей попадает в пустую корзину, было бы очень интересно. Такую статистику я с удовольствием опубликую в этом блоге с ссылкой на интернет-магазин.Похожие материалы по теме:

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

День 1: Вводный аудиокаст.
Дата: вторник 25.03.2008, начало в 20.00 по Киеву (21.00) Москва

Более подробная информация о тренинге. Сайт как инструмент работы бизнеса. Почему владелец сайта не может поставить конкретные задачи разработчикам? Что такое маркетинговый анализ сайта? Что такое seo анализ? Домашнее задание

День 2: Цели сайта.
Дата: среда 26.03.2008, начало в 21.30 по Киеву (22.30) Москва

Постановка целей сайта. Разбор ДЗ 1. Немного об особенностях человеческого web-восприятия. (траектория взгляда по странице). Оценка восприятия сайта. Отвечает ли дизайн сайта на вопрос «Чем занимается эта компания? Что она предлагает?». З фишки, которые надо учитывать при составлении текстового описания сайта (длина текста, размещение, подбор слов). Разбор сайтов участников по теме каста. Домашнее задание

День 3: Навигация
Дата: четверг 27.03.2008, начало в 20.00 по Киеву (21.00) Москва
Анализируем навигацию. Определяем какие отделы нужны, а какие нет. Расставляем приоритеты. Достигаем поставленных целей сайта — убираем «мусор» с сайта. Анализируем функциональность. Разбор сайтов участников по теме каста. Вопросы-ответы по теме. (+Видеокаст, высылается в обмен на Дз1+Дз2 )
Отчисляем тех, кто на заборе как наблюдатели.
Домашнее задание

День 4: Контент и графика.
Дата: пятница 28.03.2008, начало в 20.00 по Киеву (21.00) Москва

Удобство чтения текстов сайта (контраст, цвет, фон, размер, форматирование, расположение); Способы прерывания сканирования. Призывы к действию. Инструменты действия: аудио, видео, вебинары. Домашнее задание

День 5: Фишки
Дата: суббота 29.03.2008, начало в 20.00 по Киеву (21.00) Москва

Фишки увеличения доверия к компании. Seo оптимизация контента, формирование доверия к компании. Где и какую контактную информацию надо размещать на сайте, чтоб увеличить количество звонков с сайта? Вопросы-ответы. Домашнее задание.
(+Подарочный видеокаст: маркетинговый мини-анализ сайтов участников)

ТЕХНИЧЕСКИЕ МОМЕНТЫ:

Вам понадобится:

1. Доступ к Интернету в назначенное время.
2. Браузер: Internet Explorer или Firefox, в Опере чат и прямой эфир глючат.
3. Наушники или колонки.
4. установленный Windows Media Player
5. Лист бумаги и ручка
6. Свободные 1-1,5 времени
7. Ваша добрая воля и хорошее настроение.

Спонсорских МЕСТ УЖЕ НЕТ, кто не успел, тот может участвовать только на платной основе.Для тех, кто не успеет на спонсорские места.

Сегодня стоимость участия в тренинге составляет — $50, завтра будет уже — $70

ПЛАТНЫХ мест в группе ограничено. Регистрируйтесь сегодня! Похожие материалы по теме:

• Как самостоятельно сделать небольшой маркетинговый анализ сайта (6)
• Спонсор оплатил 5 мест в тренинге, желающие велкам (3)
• Скачать аудио БЕСПЛАТНО: Маркетинговый аудит сайта своими силами (32)
• Какие элементы в дизайне сайта увеличивают конверсию и продажи? Часть 2. (12)

Смотрим следующий сайт. На что я (Майкл) хочу обратить внимание – на ссылки Google под основным меню. На этой странице они сделаны просто суперски. Они стоят прямо под основным меню. Тот, кто видит меню, он также видит релевантные ссылки Гугл. (примечание Светланы: ссылки по цвету близкие, но не одинаковые, и друг от друга отличаются за счет жирного и нормального шрифтов).

Также на этой странице есть блок с рекламой слева, я (Майкл) не уверен, что следует делать акцент и писать «реклама спонсоров». Чтобы я еще сделал на этой странице – это уменьшил отступ основного контекста слева.

Переходим на следующую страницу этого же сайта и видим, что левый блок рекламы на том же самом месте — это не очень хорошо. Люди, которые возвращаются на ваш сайт, и просматривают много страниц, уже точно знают, что там стоит реклама — они ее уже не видят. Я (Майкл) бы на этом конкретном сайте: разместил рекламу слева — на главной странице, а на этой странице разместил контекстную рекламу в центре, или с правой стороны.

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

Следующий сайт. Открываем главную страницу. И что мы видим, в самом центре – реклама. Как по мне (Майклу), то такое размещение – ужасно. Если вы прокрутите страницу ниже — увидите много замечательного контента (примечание Светланы: только этот контент не виден, когда открываешь страницу, он остается за пределами первого экрана).

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

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

Следующий сайт. Реклама находится только в самом низу страницы. Такое размещение не принесет кликов. Блок находится на расстоянии 5 миль от основного контента — это слишком далеко. По моему мнению (Майкла) — этот блок будет так же иметь и негативное влияние на сайт. Сайт выглядит достаточно профессионально, а этот блок не адаптирован к основному дизайну, выглядит как не профессиональная вставка. На этом сайте я (Майкл) добавил бы ссылки Google вверху и один блок где-то в левом меню.

Следующий сайт. На главной странице Вы сразу видите заголовок большими буквами. Я бы настоятельно рекомендовал начинать страницы именно с заголовка. На этом конкретном сайте заголовок есть, но он довольно плох, к сожалению. Я бы написал что-то наподобие: «Как я научился играть на гитаре всего за 24 часа», что-то в этом духе. Или какой-нибудь вопрос, который заставил бы разыграться воображение… Вернемся к контекстной рекламе Adsense .

Размещение довольно хорошее: расположение в левом углу в начале статьи, нет рамки, нет background , близко к контенту, цвета ссылок и текста соответствуют основному контенту. Смотрим страницу ниже, больше нет рекламы. Ее можно немного добавить.

Давайте заглянем на другую страницу этого же сайта. Видим блок рекламы в левом меню. Здесь он (владелец сайта) поменяли цвет заголовков на оранжевый — не знаю зачем он это сделал. Ааа… вот вижу, есть оранжевые заголовки, НО это не ссылки. Если человек попробовал кликнуть на заголовке и понял, что это не ссылка. То увидев подобное в блоке с контекстной рекламой, он может подумать, что это не ссылки, а просто текст, и не будет кликать. Не делайте подобных ошибок у себя на сайте.

Рядом стоит ссылка — она синего цвета, все знают что ссылки синего цвета, поэтому лучше сделать здесь ее синим, кликов будет больше.

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

-----

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

Вранці з рота пахне кака,
За вікном туман та мряка,
Поруч жінка без білизни,
З днем "ЗАХИСТНИКА ВІТЧИЗНИ" 

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

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

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

Продолжаем тему начатую ранее. Кто не помнит начало, читайте часть 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)

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

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

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

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

Технические работы

К сожалению, в данный момент Ваше действие не может быть
выполнено, т.к. мы обновляем систему. Пожалуйста повторите
попытку через несколько минут (например, просто нажмите F5)

А пока приглашаем выпить чашечку кофе.

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

• Мне предложили чашечку кофе, мелочь, а приятно.

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

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

Более персонализированные ответы на ошибки сайта я довольно часто встречала в буржуйнете, но они меня как-то не особо трогали. То ли задачи у меня были другие, то ли из-за того, что английский не мой родной язык. Однако всегда оставалось ощущение, что общаешься с конкретным человеком, а не с сайтом, который однажды сделала веб-студия и после на сайте почти ничего не менялось.

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

Мысли вслух. Слова, которые Вы пишите — очень важны. Важен их смысл и эмоции, которые они вызывают. Если ответ на "ошибку сайта" сделать более личностным:

• написать имя одного из администраторов
• вставить фотографию или другие идентификаторы личности
• добавить юмористическую картинку или какой-то анекдот

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

Я осознала его только сейчас.

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

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

• количество сделанных контактов по телефонам, электронным адресам, 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)