SEO и контекстная реклама не повышает конверсию сайта? Возможно всему виной плохое юзабилити! Узнайте как увеличить продажи с помощью удобного интерфейса на мастер-классе B2B Academy от эксперта с интернет-продвижения Александра Власова. Что вы узнаете на мастер-классе о юзабилити? - с чего начинается юзабилити - основные ошибки при разработке сайта - правильные акценты - от чего зависит конверсия - какие страницы сайта продающие? - как пользователь принимает решение о покупке - роль дизайна в конверсии сайта

1. Юзабилити здорового человека
vs
юзабилити курильщика
B2B ACADEMY
10 марта 2017 года

2. Специалист-практик, более 9 лет в сфере интернет-маркетинга.
- Web Usability (спроектировано более 1000 веб-интерфейсов)
- Комплексный интернет-маркетинг (реализовано более 50 комплексных интернете-
маркетинговых кампаний)
- Продвижение в социальных медиа (разработано и внедрено более 30 SMM-
кампаний)
- SEO (лично осуществлял продвижение более 30 сайтов)
В общей сложности, под руководством Александра Власова было
реализовано более 800 проектов.
Среди клиентов такие компании как:
- авиаперевозчик «Трансаэро»
- Фармацевтическая компания Heel и Дельта Медикал
- Страховая компания ТАС
- более 200 медицинских учреждения по странам СНГ
- и еще более 800 клиентов из 15 стран мира.
Является постоянным тренером Школы бизнес-компетенций «Центр ProfiT» (курс
"Интернет-маркетинг") и Академии WebPromoExpert.
Регулярно принимает участие в качестве докладчика на профильных семинарах и
конференциях.
Является членом международной ассоциации специлистов в сфере Usability UXPA
(User Experience Professionals Association) и международной организации
интерактивного дизайна Interaction Design Association (IxDA).
Александр ВЛАСОВ
CO-owner и руководитель агентства Vortex
CO-owner и руководитель российского офиса
агентства MedMarketing

3. Правильное юзабилити – какое оно?

4. Ну давай, расскажи мне про цвет кнопок!

5. Красота - понятие относительное

9. Отзывчивый дизайн

13. Плоский дизайн

14. Геометрия

15. Контурные иконки

16. Анимация

17. Технологии? Это само собой!

18. Конечно же адаптивный!

19. Главное логика и структура

20. Аудит структуры сайта
1. Оценка внешнего вида сайта
2. Разделение административного и рабочего меню
3. Достаточность административного меню
4. Оценка рабочего меню
5. Релевантность рабочего меню реальным продуктам компании
6. Изучение отдельных страниц административного меню
7. Изучение продуктовых страниц

21. Варианты действий
структура
трафик
Формируем новую структуру
Учитывая распределение внутреннего
веса страниц
Предусматриваем раздел, содержащий
страницы не ложащиеся в новую
структуру
Делаем все правильно, ни на что не
оглядываясь, терять нечего ))
Анализируем поведение
пользователей, более детально
изучаем конверсионную воронку,
смотрим соответствует ли дизайн
трендам и т.д.
Отдаем сайт сеошнику, а сами делаем
то что написано выше.

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

23. Древовидная структура может иметь несколько независимых «стволов».
Чаще основным стволом является «рабочее меню» - меню услуг (для сайта по оказанию
услуг), меню разделов товара (для каталогов и интернет магазинов), меню разделов
новостей (для новостного портала) и т.д.
Главная
Админменю
О нас Команда Новости Цены
Как нас
найти
Рабочее
меню
Направление 1 Направление 2
Услуга 1 Услуга 2
Направление 3
Для начала нужно написать все возможные разделы которые могут быть на сайте.

24. Вначале нужно разработать именно Рабочее меню.
Для этого либо вы интервьюируете заказчика либо если вы сам заказчик
пытаетесь интервьюировать сами себя.
На этом этапе нужно ответить на ряд важных вопросов:
Можно ли те или
иные
продукты/услуги
объединить в группы
Какая у вас
продуктовая
линейка
Есть ли у вас
отдельностоящие
услуги/продукты
выбивающиеся из всех
остальных групп

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

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

27. http://www.optimalworkshop.com/optimalsort.htm
Optimal sort
(часть SaaS решения Optimal Workshop)

30. UserZoom
http://www.userzoom.com/online-card-sorting-studies

31. и просто без скрина http://www.simplecardsort.com/
У нас есть древовидная структура сайта
http://www.usabilitest.com/CardSorting

32. Запомните – пользователь не идет с главной

33. Главные страницы – это услуга и товар

34. Структура продуктовой страницы
1)Внимание
2)Интерес
3)Желание
4)Доверие
5)Действие

35. Заголовок ЛП
Основной инструмент захвата внимания посетителя, который должен активно сигнализировать о выгоде и
пользе продукта или услуги
1) Рекламное сообщение соответствует заголовку
2) Заголовок должен иметь только 1 значение
3) Размер заголовка 60-90 символов (6-7 слов)
4) Должен содержать выгоду
5) Должен сопровождаться изображением

36. 2. Удержание интереса
Описание или Видео
Рекомендуем краткий текст + видео
1. Размещенное на целевой странице/сайте видео
повышает конверсию, снижает коэффициент отказов
и уменьшает расходы на рекламную кампанию.
2. Интернет-видео сближает онлайн и оффлайн
маркетинг.
3. Потребители доверяют интернет-видео.

37. 3. Формирование желания
1. Преимущества
2. Выгоды
3. Польза
Личные стимулы (избежать боль (решить проблемы) или получить
удовольствие (достигнуть цели))
Социальные нормы (идите в ногу со временем)
Не говорите о функциях, объеме памяти и т.д. Помните человек хочет
решить проблему

38. 4. Триггеры доверия
1. Отзывы
2. Дипломы и сертификаты
3. Фотографии до и после
4. Фотографии или 3д туры офиса/склада/магазина другого помещения
5. Гарантии

39. 5. Призыв к действию CTA
Призыв к действию или call to action (CTA) — это графический элемент с текстом, клик
на который подразумевает последующее конверсионное действие на странице.
• Объясните необходимость. Зачем мне это надо?
• Используйте «активные» глаголы и фразы, подчеркивающие
необходимость немедленного действия (текст на кнопке).
• Одна страница – один призыв к действию
• Используйте выделяющиеся цвета.
• Увеличьте размер кнопки или лид-формы.
• Больше места возле CTA
• Если ЛП длинный можно дублировать 2 а то и 3 раза
• Создавайте спрос ограниченный по времени

40. 6. Удовлетворение
1. Thank you page
2. Ответы на вопросы FAQ
3. Сразу ответы (через какое время свяжутся, что
необходимо делать дальше)

41. Больше фото, видео, графики

42. Удерживайте пользователя, как можно дольше

43. Удобство взаимодействия
• Чат
• Call me now
• Формы
• Обратный звонок
• Написать директору
• Звонок скайп

44. Вспомогательные инструменты
• Калькулятор
• Интерактивная карта
• 3D туры (генплан)
• Пригласи друга – получи скидку
• Он-лайн примерочная

45. Развлечения
• Опросники
• Тесты
• Игры
• Приколы

46. Все страницы должны продавать

47. ТОП 9 ошибок на сайтах

48. Нет разделения на рабочее и админменю

49. Слишком простой поиск

50. Страницы товара или услуг это просто текст

51. Слушаем сеошника и двигаемся "статьями"

52. Вместо прайса «скачайте» файл

53. Единственный CTA элемент это телефон в топе

54. Много/мало полей в формах

55. Большое количество уровней вложенности

56. Левые разделы

57. Александр Власов
тел.+7 905 021 85 85
г. Казань, ул. Адоратского, 4
va@medmarketing.su
info@vortexinter.com
http://www.facebook.com/alexandr.vlasov
http://vk.com/aleksandr.vlasov
http://twitter.com/alexvlasoff
http://ua.linkedin.com/in/vlasoff