Вебинар webpromoexperts по юзабилити. Александр Власов

Юзабилити или как повысить конверсию на сайте

13 апреля, 2013 годаоднодневный семинар

«Повышаем продажи в Интернете. Веб-аналитика и юзабилити»Школа Интернет-маркетинга WebPromoExperts

Александр ВЛАСОВ

Александр ВЛАСОВ

Специалист- практик, более 6 лет в сфере интернет-маркетинга и PR.

Более 5 лет руководит интернет-маркетинговым агентством Vortex, которое входит в ТОП - 10 веб-студий Украины по версии рейтинга Wrate.

Руководил реализацией интернет-проектов (web-маркетинг, разработка сайтов, SEO, SMM и др.) для таких компаний как:-авиаперевозчик «Трансаэро»- агрохолдинг «Мрія»- DV Bank- Крымская энергетическая компания «КРЕНКО» - Фармацевтическая компания Heel- Страховая компания ТАС- и многих других.

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

Один из создателей самой популярной группы продаж ВКонтакте - Барахолка.ua. Совладелец интернет-издания Всеукраинской газеты "Вести. Версия. События"

Эксперт Первой Школы Продаж на территории СНГ White Sales School (курс "Интернет для продаж"). Является постоянным тренером Школы бизнес-компетенций «Центр ProfiT» (курс "Интернет-маркетинг"), а также совладельцем и преподавателем Школы практического интернет-маркетинга «LuckyWeb».

• 100%

Пришли на сайт 5000 человек

• Потеряли 4700 ч.

Позвонили 300 человек • Потеряли

200 ч.

Купили 100 человек

1% конверсии = + 50 звонков

50 звонков = 15 клиентов

15 клиентов + 15% прибыли

1. Медицинский центр. 5000 человек ежемесячная аудитория сайта. Прибыль с 1 человека 50$. Заявок с сайта - 25, звонков - 250. Средняя конверсия в клиента 40% по заявкам с сайта, 20% по звонкам.

Сделано:А) Форма отправки заявки продублирована на всех парковых страницах (Landing Page). Результат - рост + 20 заявок с сайта (+ 400 $/мес).Б) К одному единственному городскому телефону добавлены мобильные трех операторов (Life, Kyivstar, UMS) с соответствующими иконками возле номера. Результат - + 100 звонков (+1000 $/мес).

Услуги компании: 300 $ (аудит) + 350 (50$ x 7 LP)

2. Сайт-каталог садовых светильников премиум класса. 3000 человек ежемесячная аудитория сайта. Прибыль с 1 человека 150$. 25 звонков . Конверсия в клиента 70%.

Сделано:А) Добавлен баннер вверху «Элитные ландшафтные светильники» + сквозной баннер расписывающий преимущества дорогих светильников. Результат - рост + 10 звонков (1050 у.е./мес).

Услуги компании: 300 $ (аудит) + 150 $ баннеры и 50 $ размещение.

Затраты на рекламу дороже

3000 посещений = 25 заявокДля повышения количества заявок до 35, необходимо увеличить трафик до 4200

Х = __________10 х 300025 = 1200

Средняя стоимость 1 перехода на сайт по тематическим запросам = 4,5 грн.

Итого: для того чтобы обеспечить +10 заявок нужно вкладывать в рекламу + 5400 грн или 665 $ ежемесячно.

Выявление бизнес задач

Определение аудитории

Разработка структуры

Проектирование прототипа

Отрисовка дизайна

Проведение тестирования

Процесс работы над юзабилити

Выявление бизнес-задач

Правильные вопросы Неправильные вопросы

1. Что вы хотите получить от посетителей? (ответы: денег, формирование у них мнения, донесения информации)

2. Какие задачи должен решать сайт? (ответы: добавления в корзину, отправки заявок, звонки, скачивания, получения информации, оптимизация работы с текущими клиентами, улучшения настроения и т.д.)

3. Какое место вы занимаете на рынке и куда двигаетесь? (Ответы: по Трауту – партизаны, фланговая война, атака, оборона)

1. Должна ли быть на сайте возможность он-лайн оплаты?

2. На какие сайты должен быть похож по стилистике наш сайт?

3. Сколько уровней должно быть на сайте?4. Нужно ли делать личный кабинет?5. И т.д.

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

Ответьте на такие вопросы:

1. Сколько лет2. Какой пол3. Семейное положение4. Интересы5. Желания6. Уровень образования7. и т.д.

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

Разработка структурыОтдых и туризм

Палатки

кемпинговые

экстремальные

Рюкзаки

туристические

альпинистские

Охота

Спорт

Одежда

Товар однотипный или нет?Количество уровней?

Какая фильтрация нужна на сайтеФильтры

Универсальные (все фильтры для любого товара)

Однотипные товары (неограниченое количество

фильтров)

Разноплановые товары (только бренд и цена)

Нужно подбирать такое количество фильтров, чтобы пользователь мог получить выборку в конечном счете не более чем в 30 товаров.

Привязки товара

Матрас

краткое описание

размер

Фильтр «жесткость»

подробное описаниеартикул

бренд

название

цена

…и т.д.

Проектирование и бизнес1. Если товар идентичный, но отличается только размером/цветом/типом?

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

2. Если у такого товара не изменяется артикул, а только цена?

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

Makeup.com.ua

3. Если интегрировать с 1С?

Нужно решить что проще – перенастроить 1С или все таки подумать как изменить структуру сайта, подстраиваясь под 1С?

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

http://www.mtp.com.ua

http://izliv.com

Проектирование и SЕО1. Если товар идентичный, но отличается только размером/цветом/типом

одинаковое описание для товара вызовет дубляж контента на разных урлах.

Проектирование и SЕО2. При пролистывании страниц в выбранной категории товаров описательный

текст не должен дублироваться на всех страницах.

http://makeup.com.ua/categorys/35797 http://makeup.com.ua/categorys/35797/#offset=36

Проектирование и SЕО3. Учитывать что хотя бы часть текста должна быть в первом окне, а не в самом

низу под товарами.

Проектирование и логика

Проектирование прототипа

Отрисовка на бумаге идеи, общей концепции как главной так и всех остальных страниц сайта.

1. Пользователю нужно отвечать на вопросы.

2. Делать подсказки куда двигаться дальше.

3. Разделять потоки посетителей по сценариям поведения (переводить группы людей на свои страницы).

Итог: модульная сетка

Отрисовка дизайна

«Хороший дизайн это то что продает»А. Лебедев

Какой дизайн нужен сайту

• 1. Резиновый или нет?• 2. Адаптивный веб-дизайн• 3. Европейский или наш?• 4. Flash за и против• 5. Уникальный или шаблон (как создается • дизайн) + shutterstok

Виды дизайна

Резиновая верстка

Эластичная верстка

Адоптивный веб-дизайн

Европейский vs Рунетовский

Тенденции в разрешении экранов

Целевая аудитория владельцы частных домов, аудитории старше 45 лет 21%, а от 35 до 44 15%

Мужчин – 63%

Целевая аудитория - родители: женщины 62%, мужчины 38%, возраст 24-35 лет 67%

Аудитория владельцы и руководители бизнеса. Мужская аудитория 75%

Аудитория молодая активная аудитория, пользователи соцсетей 18-34 года 91%, преимущественно мужская аудитория 68%

Стандарты в веб-дизайнеЛоготип со ссылкой на главную страницу, расположенный в верхнем левом углу 100% сайтов

Расположение ссылок на главные разделы сайта горизонтально в верху страницы 87% сайтов

Ссылки на главные разделы сайтапредставлены в виде графических изображений 76% сайтов

Перекрестные ссылки выделены синим цветом и подчеркнуты 75% сайтов

Телефоны размещены в правой верхней части – 64 % сайтов

А/Б и сплит тестирование9,6 %

7,2 %

Главная страницаГлавная страница - знакомит пользователя с сайтом.

Нужно учитывать что главная получает всего до 10% переходов.

…при условии что главная не продвигается под поисковые системы

…или сайт не продвигается вообще

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

Задачи главной страницы

1. Вкратце рассказать ему о то, что есть на сайте

2. Дать возможность найти товар или услугу (по артикулу, названию)

3. Обеспечить путь дальше – в категорию товаров/в перечень услуг.

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

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

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

Не правильная сортировка

Не правильное расположение текста

Для привлечения внимания посетителя желательно использовать «стикеры» на товарах

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

и написана новая более низкая.

Возле каждой группы товара,

желательно указывать

количество товара…

…при этом если в категории нет ни одного, то ее необходимо скрывать

При переходе на раздел пользователь должен видеть товар, а не подразделы

Кросс-продажиБольшая картинка

Детальный обзор

Инструкция к товару

Индивидуальная цена

Идеальная страница товара

Подтверждение качества

Аргументы в пользу + где применить

Сопутствующие товары + эффект общественного мнения

Социализация

КорзинаУ пользователя должна быть возможность либо перейти к оформлению заказа либо продолжить покупки.

При переходе к оформлению пользователь должен иметь возможность оплатить различными способами а также выбрать для себя удобную форму доставки.

ДоПосле

До После

Поиск на сайте

Исправляет ошибки

Показывает количество товаров

Сортирует результаты

Фильтрует результаты

9 аргументов против поиска

1. 15% пользователей обращается ко внутреннему поиску2. 48% не знают какие слова вводить3. 39% недовольны разным подходом на разных сайтах4. 35% жаловались, что если допущена 1 ошибка поиск ничего не

выдавал5. 38% считают, что поиск выдает не то, что они искали6. 89% не позволяют фильтровать результаты поиска7. 30% возмущены тем что в поиск нельзя вводить целые

предложения8. 56% сайтов не предлгают помощь при нулевом результате9. В 3 раза чаще пользователи уходят с сайта со страницы поиска,

чем с остальных страниц

Подумайте о 404 странице

404

Возврат на главную

Видны контактыГлавные разделы рабочего меню

Формы на сайте

1. Разбивайте длинные формы на шаги

2. На 1 странице не делайте больше 2 форм

3. В форме не больше 2х кнопок

4. Помогайте пользователю меньше писать, ему проще кликать

5. Кнопки действия делайте привлекательными (не «отправить» или «ок», а «получить скидку», «сделать правильный выбор», «посетить лучшее мероприятие»)

10% отправленных

заявок от числа

посетивших страницу

24% отправленных заявок от числа посетивших страницу

Текст и юзабилитиБыло

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

Стало

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

Удивите мозг

Только 16% читают все слова

Правила золотого треугольника

Правильно составлен ваш текст?

• Значимость (то что для вашего клиента важнее всего)

• Убедительность (призыв к действию)• Форматирование текста

Помните «вопрос жены»

?

Аромат духов через интернет

• Белая сапота напоминает банан и персик и известна очень не многим. Редкий сказочный фрукт привлекает гурманов своей кремовой мякотью и нежным тропическим вкусом. Она особенно хороша во фруктовом салате и бесподобна в сочетании с мороженным

Курс по словотворчеству

• Не рассказывайте, а показывайте (эффект Амели)

• Разбудите чувства (горький шоколад)• Вся соль в деталях• Конечно же уникальный (Advego)

Спасибо за внимание Александр Власов

исполнительный директор Vortex

тел.+38 (044) 36 28 911 моб.+38 (063) 296 63 92

info@vortexinter.comhttp://www.facebook.com/alexandr.vlasov

http://vk.com/aleksandr.vlasovhttp://twitter.com/alexvlasoff

http://ua.linkedin.com/in/vlasoff