Юзабилити здорового человека

vs юзабилити курильщика

B2B ACADEMY10 марта 2017 года

Специалист-практик, более 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 и руководитель агентства VortexCO-owner и руководитель российского офиса агентства MedMarketing

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

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

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

Минимализм + Гигантизм

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

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

Геометрия

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

Анимация

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

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

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

Аудит структуры сайта

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

Варианты действий

структура

траф

ик

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

веса страницПредусматриваем раздел, содержащий

страницы не ложащиеся в новую структуру

Делаем все правильно, ни на что не оглядываясь, терять нечего ))

Анализируем поведение пользователей, более детально

изучаем конверсионную воронку, смотрим соответствует ли дизайн

трендам и т.д.

Отдаем сайт сеошнику, а сами делаем то что написано выше.

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

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

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

Чаще основным стволом является «рабочее меню» - меню услуг (для сайта по оказанию услуг), меню разделов товара (для каталогов и интернет магазинов), меню разделов новостей (для новостного портала) и т.д.

Главная

Админменю

О нас Команда Новости Цены Как нас найти

Рабочее меню

Направление 1 Направление 2

Услуга 1 Услуга 2

Направление 3

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

Вначале нужно разработать именно Рабочее меню.

Для этого либо вы интервьюируете заказчика либо если вы сам заказчик пытаетесь интервьюировать сами себя.

На этом этапе нужно ответить на ряд важных вопросов:

?Можно ли те или иные

продукты/услуги объединить в группы?Какая у вас

продуктовая линейка ?Есть ли у вас

отдельностоящие услуги/продукты

выбивающиеся из всех остальных групп

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

Основания для рабочего меню

проблема способ признаки

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

структуры.

Способы создания структуры

Экспертный Мозговой штурм

Карточный способ

http://www.optimalworkshop.com/optimalsort.htm

Optimal sort (часть SaaS решения Optimal Workshop)

UserZoom

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

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

http://www.usabilitest.com/CardSorting

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

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

Структура продуктовой страницы

1)Внимание2)Интерес3)Желание4)Доверие5)Действие

Заголовок ЛПОсновной инструмент захвата внимания посетителя, который должен активно сигнализировать о выгоде и

пользе продукта или услуги

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

2. Удержание интересаОписание или Видео

Рекомендуем краткий текст + видео

1. Размещенное на целевой странице/сайте видео повышает конверсию, снижает коэффициент отказов и уменьшает расходы на рекламную кампанию.

2. Интернет-видео сближает онлайн и оффлайн маркетинг.

3. Потребители доверяют интернет-видео.

3. Формирование желания

1. Преимущества2. Выгоды3. Польза

Личные стимулы (избежать боль (решить проблемы) или получить удовольствие (достигнуть цели))

Социальные нормы (идите в ногу со временем)

Не говорите о функциях, объеме памяти и т.д. Помните человек хочет решить проблему

4. Триггеры доверия

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

5. Призыв к действию CTAПризыв к действию или call to action (CTA) — это графический элемент с текстом, клик на который подразумевает последующее конверсионное

действие на странице.

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

необходимость немедленного действия (текст на кнопке).• Одна страница – один призыв к действию• Используйте выделяющиеся цвета.• Увеличьте размер кнопки или лид-формы.• Больше места возле CTA• Если ЛП длинный можно дублировать 2 а то и 3 раза• Создавайте спрос ограниченный по времени

6. Удовлетворение

1. Thank you page2. Ответы на вопросы FAQ3. Сразу ответы (через какое время свяжутся, что

необходимо делать дальше)

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

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

Удобство взаимодействия

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

Вспомогательные инструменты

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

Развлечения

• Опросники• Тесты• Игры• Приколы

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

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

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

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

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

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

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

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

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

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

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

Александр Власовтел.+7 905 021 85 85

г. Казань, ул. Адоратского, 4

va@medmarketing.suinfo@vortexinter.com

http://www.facebook.com/alexandr.vlasovhttp://vk.com/aleksandr.vlasovhttp://twitter.com/alexvlasoff

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