Инфоблоки на сайте, или 12 рекомендация по юзабилити Главной страницы

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

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

И самый простой вариант инфоблока – это Hellobar.
11
Хелло бар это блок, располагающийся в верхней части страницы, в котором располагается различная информация. Он представляет собой готовый код для вставки на сайт.
Сам сервис дает возможность добавить в верхний инфоблок:

  • Сбор e-mail, в таком случае в блоке будет располагаться форма подписки.
  • Социальный блок – там располагается ссылка на аккаунт в социальной сети
  •  Переадресация на сторонний сайт – это текстовое описание и ссылка на другой ресурс.

У сервиса hellobar есть только один минус-он платный в зависимости от количества кликов. Подробнее о возможностях и настройке этого блока можете изучить на официальном сайте разработчика hellobar.com/
Верхним инфоблоком могут служить как верхнее меню или верхнее меню вместе с шапкой сайта.
Удачный пример такой реализации на сайте радиоуправляемых моделей http://radiogear.ru/, где верхний инфоблок представлен в виде верхнего меню + маркетинговый блок:
12
Второй пример, сайт http://vmashin.ru/, где верхним инфоблоком является шапка сайта:
13
Несомненными плюсами такого расположения является наличие основной контактной информации(телефон, время работы магазина), строки поиска(напомню, поиском в 70% пользуются те пользователи, которые уже готовы совершить покупку), а также информация о содержимом корзины(это важно для вовлечения пользователя).
Нижний информационный блок, или его также называют нижний hellobar. Отличным примером применения данного функционала является сайт ulmart.ru
В данном случае всегда доступны для пользователя важные для него элементы: корзина с указанием количества товара в ней, данные о товарах, находящихся в закладках и представленных к сравнению, целевые кнопки Обратной связи и Оформления заказа.
14
Также в нижнем блоке также может быть расположена форма подписки:
15
Еще один удачный вариант переадресации на страницу подписки на сайте (и заметно и ненавязчиво):
16
И еще два варианта расположения на сайте, это блоки, которые «прикрепляются» к правой и левой части экрана (остаются всегда на правой/на левой части экрана при прокрутке страницы) – правый и левый инфоблоки.
Хороший пример прикрепленного инфоблока с иконками соцсетей к левой части экрана.
17
Для данного типа инфоблоков также есть свой нюанс:
Важно сделать этот блок «скрывающимся — раскрывающимся», чтобы не вызывать раздражение тех, пользователей, которые не заинтересованы в данной информации.
Альтернативой предыдущему способу является размещение этого инфоблока за пределами контента сайта (вариант невозможен для большой ширины страницы).
Неудачный вариант расположения правого инфоблока (иконка корзины «заползает» на остальные блоки на сайте):
18
В качестве инфоблоков может выступать любая полезная для пользователей информация, например информация о бесплатной доставке:
19
Или список товаров, который при этом не отвлекает от основного контента сайта:

20

Также в инфоблоках на сайте размещается кнопка «наверх», при прике по которой происходит прокрутка к началу страницы. Это чрезвычайно удобно при большой длине страницы.

Подытожим:

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

Сегодня мы разобрались с 12-ой рекомендацией по юзабилити, в следующей статье мы узнаем:

Подвал сайта — как его грамотно использовать.

Продолжение следует…

Высоких Вам конверсий и продаж!

Как продавать больше конкурентов? (Часть 1)

Возникли проблемы с размещением инфоблоков на сайте - пишите, подскажу.

 

Как помочь покупателям вас запомнить, или 6 ошибка в юзабилити интернет-магазинов

Сегодня я объясню, зачем нужна подписка в интернет-магазине (и нужна ли вообще) и как ее грамотно организовать.

И снова пример из жизни.

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

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

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

Но есть одно НО: если вы решили делать подписку на сайте, то необходимо организовать регулярные рассылки. В случае интернет-магазина рассылку нужно делать один, максимум два раза в неделю. Это та регулярность, с которой вы не надоедаете клиентам, и клиенты будут знать вас. Поэтому, решив организовать подписку на сайте, готовьте интересный контент для писем, заставляйте блог «жить», обновляя его последними новостями и тематическими статьями.

Плохой пример(магазин http://www.string1.ru/):

Зачем мне подписываться на рассылку? О чем будет рассылка, если последняя дата новости 17.07.2014?

Где размещать блок подписки на сайте?

Это вам решать, тестируйте. Я уже не раз говорил, что интернет-магазин нельзя создать и ждать, пока он начнет приносить прибыль. Он как ребенок, о нем нужно заботиться, «холить-лелеять», постоянно улучшать и смотреть, как он развивается среди остальных.  Пробуйте, экспериментируйте, тестируйте.

Рассмотрим основные варианты размещения блока подписки:

  • Размещение в Hellobar

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

А тут принцип простой — чем-то понравился наш магазин – будьте добры, подпишитесь, и мы будем оповещать вас о выгодных предложениях.

Хороший пример (интернет-магазин детских товаров berito.ru):

Сохраненное изображение 2015-2-16_11-1-48.275

  •  Размещение в верхнем меню интернет-магазина

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

Разместите подписку в верхнем меню и проследите за статистикой переходов, поскольку пространство верхнего меню важно грамотно использовать.

Пробуйте, экспериментируйте, тестируйте.

  • В правом меню

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

Хороший пример (shoptm.ru):

Сохраненное изображение 2015-2-17_11-3-11.345

  • Размещение блока подписки в левом меню

Плюсы: ненавязчиво.

Минусы: не очень заметен, в частности, в магазинах, где в левом меню  открывается длинный каталог товаров и/или фильтр товаров.

Сохраненное изображение 2015-2-17_9-52-14.421

  • Сразу после блока новостей/статей или на странице конкретной статьи. Как грамотно реализовано на сайте  http://econika.ru/:

  • В подвале сайта: ненавязчиво, но конверсия будет самой низкой.

Как сделано на сайте http://3dphome.ru/

Сохраненное изображение 2015-2-17_11-28-28.607

  • И конечно последний вариант размещения – это всплывающие окна (pop-up).

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

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

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

Это успешно показывает магазин lamoda.ru, где сразу же при входе на сайт появляется окно регистрации.

Сохраненное изображение 2015-2-17_11-45-29.921

Еще можно разместить  блок подписки в баннере на Главной, в нижнем тулбаре, а также в футере статей или новостей интернет-магазина.

Пробуйте, экспериментируйте, тестируйте.

Собственно, как должен выглядеть блок подписки.

  1. Содержание.

Цепляющие, информативные заголовки : объясните покупателю, что даст ему подписка на сайте.

Хороший пример сайт http://bag-rush.ru/:

Сохраненное изображение 2015-2-17_12-0-36.896

  1. Персонализация содержимого.

Покупателям приятно, когда товар продают именно ему, а не «безликому юзеру».

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

Хороший пример сайт http://guardino.ru/:

Сохраненное изображение 2015-2-17_12-16-18.378

  1. Как мотивировать подписаться.

- Предложите бонусы за подписку (см. пример в пункте 1)

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

- Гарантируйте безопасность личных данных: доверие прежде всего.  Оставьте информацию для покупателя: «Мы обещаем не спамить вас и не распространим ваши личные данные третьим лицам».

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

  1. Сколько полей в форме подписки?

Не требуйте от покупателя слишком много данных для подписки, для нее достаточно Имени (для персонализации писем) и электронной почты. Достаточно.

Некоторые, видимо очень заинтересованные магазины, требуют и фамилию, и номер телефона и кличку домашнего питомца, зачем?

 

Сегодня мы разобрались с 6-ой ошибкой юзабилити Главной, в следующей статье мы узнаем:

Для чего существуют системы определения ip покупателя, как и где это использовать для персонализации в интернет-магазина.

Продолжение следует…

Высоких Вам конверсий и продаж!

Как продавать больше конкурентов? (Часть 1)

Возникли проблемы с формой подписки, пишите, подскажу.

Вот она идея — создать сайт!!!

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

  • Вот она ИДЕЯ — создать сайт!!! Дешево и быстро заявить о себе.

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

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

  • Итог: потерянное время и желание делать сайт и продвигаться в интернете!!!

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

Рассмотрим эти ошибки подробнее, на примерах из жизни:

1. Идея не была осмыслена до того, как начали создавать сайт.

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

Например: начиная с  2007 года увеличился процент заказов на создание социальных сетей. Этот бум был обусловлен успехами таких социальных сетей, как Одноклассники и Вконтакте.

Клиенты приходили и говорили: «Мы хотим и желательно за месяц!!!»

При этом не осознавали сколько времени и денег потребовалось их создателям. Доходило до смешного, объявления на создание социальной сети вывешивались даже на сайте фриланса, где предлагали работать за будущий процент и известность. А главное Заказчики не понимали что, если есть уже раскрученные сети, то после создания сети придется вложить в раскрутку гораздо больше, чем вложили Одноклассники и Вконтакте.

Другой пример: в последнее время широкое распространение получают интернет-магазины.

Звонит клиент и говорит: «Мне нужно создать интернет-магазин на готовой CMS, такой же, как, например, kondilak.ru. ». Все бы хорошо, но каждый интернет-магазин создается или развивается, исходя из выбранной стратегии поведения на своем рынке.

Результат: разработчик создает копию магазина, а она никак не подходит под стратегию Заказчика, что выясняется в процессе работы с ним. В итоге надо дорабатывать или перерабатывать, а это деньги, время и нервы.

2. Неправильно поставлены цели, для которых создается сайт.

Вернемся к той же ситуации с социальными сетями. Клиенты приходили и говорили: «Мы хотим и желательно за месяц!!!» Это основная конечная цель, сделать так, как сделано на Одноклассниках и Вконтакте, даже в тех же цветах.

Это не цель!!! Потому что за время создания проекта, конкуренты убегут достаточно далеко, нужно определиться с тем, как сделать так, чтобы минимум приблизиться к ним, а максимум обогнать. При этом нужно ПОСЧИТАТЬ (именно посчитать) трудозатраты и финансовые затраты, необходимые для достижения этой цели.

Итак: обязательно надо осознать идею прежде, чем начинать работать над созданием сайта!

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

Не найдете, обращайтесь помогу в сопровождении, если будет время или найду менеджера проекта!

 

С чего начать создание сайта?

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

  • сайта-визитки,
  • блога,
  • интернет-магазина,
  • промосайта,
  • корпоративного сайта,
  • социальной сети.

Но не каждый знает, с чем придется столкнуться при этом. Пролистав первые 30 результатов поиска Яндекса по запросу «Технология создания сайта»:

http://yandex.ru/yandsearch?text=технология%20создания%20сайта&clid=1955454&lr=213&p=2

кроме как рекламные тексты, порой даже далекие от тематики, я ничего не нашел.

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

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

Этапы создания сайта:

  1. все начинается с идеи, осмысления этой идеи и определения целей, к которым должен привести сайт);
  2.  написание видения проекта (сайта), все идеи и желаемый результат собираются в документ для разработчиков;
  3. прототипирование (проектирование) сайта и написание технического задания, с этого пункта в работу вступают разработчики;
  4. выбор доменного имени и покупка хостинга (в зависимости от сложности сайта, этот этап может быть выполнен позже);
  5. разработка дизайна сайта, согласно созданным прототипам;
  6. верстка — преобразование графического изображения сайта в формат гипертекстовой разметки с необходимыми javascript-овыми вставками;
  7. установка верстки на CMS или на самописный движок, настройка функционала, согласно написанному техническому заданию;
  8. тестирование;
  9. перенос на хостинг и наполнение материалами;
  10. сопровождение сайта;
  11. продвижение сайта.

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