Юзабилити сайта 
Дружественный интерфейс 
сайта
Кто такой успешный продажник? 
Имеет ли значение как продавать? 
2003г. – полный игнор 2010г. – мир сошел с ума!
Успешный продажник 
• Всегда улыбается 
• Приветлив 
• Открыт 
• Понимает, чувствует клиента 
• Знает хорошо продукт 
• Развивается 
• Презентует и закрывает 
продажу
Цели сайта 
Продажа или презентация 
Продажа – завершенный процесс посетителем 
сайта. 
• Выбор 
• Оформление 
• Оплата 
Презентация – товара/услуги таким образом, что 
бы посетитель захотел выполнить действие 
• Звонок 
• Заявку 
• Заказ
Общение в сети 
В отличии от живого общения, общение в сети: 
• Без эмоций 
• Полностью вербальное 
• Отложенное
Юзабилити – научим сайт общаться 
Юзабилити – простота использования 
Эффективность, продуктивность и 
удовлетворенность, с которой сайт может 
использоваться пользователями для 
достижения целей
Юзабилити – научим сайт общаться 
Юзабилити – простота использования 
Эффективность, продуктивность и 
удовлетворенность, с которой сайт может 
использоваться пользователями для 
достижения целей
Юзабилити – научим сайт общаться 
Портрет пользователя 
Пол – дизайн сайта 
Возраст – функционал сайта 
Потребности – наполнение сайта 
Какие цели сайта? 
Доверие – аргументы, факты, не реклама. 
Пусть сам примет решение 
Выбор товара - удобный каталог 
Магазин – фото, описание, цены
Кто делает юзабилити? 
Дизайнеры? 
SEO специалисты? Разработчики?
Воля дизайнера 
Красиво! Круто! Но не удобно!
Воля разработчика 
Функционал наше ВСЕ!!
Воля SEOшника 
Текст – все, что нужно для Google!
Кто мешает? 
ОПЫТ! 
субъективное мнение
Кто должен делать? 
Маркетологи! 
если они не просто распределители 
рекламных бюджетов. 
Должны знать основы 
• Юзабилити - книга Стив Круг «Не заставляйте меня думать!» 
• Дизайна – пройти короткий курс (1 мес.) 
• Верстки – пройти короткий курс (1 мес.)
Для кого делать? 
Пользователь 
Следим и понимаем 
поведение пользователя 
Инструменты: 
• Яндекс Вебвизор – установить Яндекс.Метрика 
• Карта кликов – Яндекс.Метрика 
• Аналитика веб форм – Яндекс.Метрика
Вооружаемся юзабилити! 
• Куда я попал? 
• Визуализация 
• Тексты 
• Ошибки 
• Простота навигации 
• Доверие к компании 
• Телефоны. Адреса 
• Лица 
• Достижения 
• Актуальность 
• Психология поведения
Куда я попал? 
Логотип Заголовки Товары
Логотипы 
Не нуждаются в представлении: 
Логотип говорит о деятельности компании?
Заголовки 
Простые, доступные заголовки на первом экране 
Доступно, 
но сложно!
Товары 
Товар на первом экране – подсказка для пользователя
Визуализация 
Тексты – сложны, утомляют, не читают 
Картинки – все любят картинки
Визуализация 
Пользователь выбирает глазами 
или 
После увеличения картинок, показатель 
отказов уменьшился на 30%
Ошибки 
• Большая шапка 
• Нет картинок 
• Нет заголовков 
• Баннер на всех страницах
Навигация – меню сайта 
Следовать привычкам пользователей: 
• Главное меню сверху 
• Категории слева 
• Интуитивная доступность Ошибки 
Сложно и не удобно 
Логика меню не привычна
Доверие 
Клиенты 
Фото отчеты, команда 
Отзывы 
Активность компании
Актуальность 
Актуальное объявление! 
«СВЕЖИЕ» новости 
Доверие пропадает 
моментально!
Поведение на сайте 
Мы не следим за тем, как ведем себя на 
сайтах 
Следим за поведением пользователей 
1. Яндекс Вебвизор – видео запись поведения пользователя 
2. Карта кликов Яндекс.Метрика 
3. Заполнение веб форм Яндекс.Метрика
Ребусы, судоку, задачки 
НЕ ЗАСТАВЛЯТЬ ДУМАТЬ ! 
Заставить отдать 
свои данные - 
просто 
Не купишь, пока не 
оставишь данные! 
Но есть риск 
потери клиента… 
Стимулируйте 
Упрощайте
Не выдержал! 
Напечатав историю своей 
жизни, цели и мечты. Сдав 
все свои контакты… 
Стало страшно нажимать 
на кнопку !
Не выдержал! 
Согласившись с правилами. Меня автоматически 
зарегистрировали!!! 
Не стали ждать пока я нажму кнопку «Оформить заказ»
Спасибо! 
Александр Милютин 
www.imt.academy 
info@imt.academy 
facebook.com 
vk.com/milordm

Юзабилити сайта - практические советы

  • 1.
  • 2.
    Кто такой успешныйпродажник? Имеет ли значение как продавать? 2003г. – полный игнор 2010г. – мир сошел с ума!
  • 3.
    Успешный продажник •Всегда улыбается • Приветлив • Открыт • Понимает, чувствует клиента • Знает хорошо продукт • Развивается • Презентует и закрывает продажу
  • 4.
    Цели сайта Продажаили презентация Продажа – завершенный процесс посетителем сайта. • Выбор • Оформление • Оплата Презентация – товара/услуги таким образом, что бы посетитель захотел выполнить действие • Звонок • Заявку • Заказ
  • 5.
    Общение в сети В отличии от живого общения, общение в сети: • Без эмоций • Полностью вербальное • Отложенное
  • 6.
    Юзабилити – научимсайт общаться Юзабилити – простота использования Эффективность, продуктивность и удовлетворенность, с которой сайт может использоваться пользователями для достижения целей
  • 7.
    Юзабилити – научимсайт общаться Юзабилити – простота использования Эффективность, продуктивность и удовлетворенность, с которой сайт может использоваться пользователями для достижения целей
  • 8.
    Юзабилити – научимсайт общаться Портрет пользователя Пол – дизайн сайта Возраст – функционал сайта Потребности – наполнение сайта Какие цели сайта? Доверие – аргументы, факты, не реклама. Пусть сам примет решение Выбор товара - удобный каталог Магазин – фото, описание, цены
  • 9.
    Кто делает юзабилити? Дизайнеры? SEO специалисты? Разработчики?
  • 10.
    Воля дизайнера Красиво!Круто! Но не удобно!
  • 11.
  • 12.
    Воля SEOшника Текст– все, что нужно для Google!
  • 13.
    Кто мешает? ОПЫТ! субъективное мнение
  • 14.
    Кто должен делать? Маркетологи! если они не просто распределители рекламных бюджетов. Должны знать основы • Юзабилити - книга Стив Круг «Не заставляйте меня думать!» • Дизайна – пройти короткий курс (1 мес.) • Верстки – пройти короткий курс (1 мес.)
  • 15.
    Для кого делать? Пользователь Следим и понимаем поведение пользователя Инструменты: • Яндекс Вебвизор – установить Яндекс.Метрика • Карта кликов – Яндекс.Метрика • Аналитика веб форм – Яндекс.Метрика
  • 16.
    Вооружаемся юзабилити! •Куда я попал? • Визуализация • Тексты • Ошибки • Простота навигации • Доверие к компании • Телефоны. Адреса • Лица • Достижения • Актуальность • Психология поведения
  • 17.
    Куда я попал? Логотип Заголовки Товары
  • 18.
    Логотипы Не нуждаютсяв представлении: Логотип говорит о деятельности компании?
  • 19.
    Заголовки Простые, доступныезаголовки на первом экране Доступно, но сложно!
  • 20.
    Товары Товар напервом экране – подсказка для пользователя
  • 21.
    Визуализация Тексты –сложны, утомляют, не читают Картинки – все любят картинки
  • 22.
    Визуализация Пользователь выбираетглазами или После увеличения картинок, показатель отказов уменьшился на 30%
  • 23.
    Ошибки • Большаяшапка • Нет картинок • Нет заголовков • Баннер на всех страницах
  • 24.
    Навигация – менюсайта Следовать привычкам пользователей: • Главное меню сверху • Категории слева • Интуитивная доступность Ошибки Сложно и не удобно Логика меню не привычна
  • 25.
    Доверие Клиенты Фотоотчеты, команда Отзывы Активность компании
  • 26.
    Актуальность Актуальное объявление! «СВЕЖИЕ» новости Доверие пропадает моментально!
  • 27.
    Поведение на сайте Мы не следим за тем, как ведем себя на сайтах Следим за поведением пользователей 1. Яндекс Вебвизор – видео запись поведения пользователя 2. Карта кликов Яндекс.Метрика 3. Заполнение веб форм Яндекс.Метрика
  • 28.
    Ребусы, судоку, задачки НЕ ЗАСТАВЛЯТЬ ДУМАТЬ ! Заставить отдать свои данные - просто Не купишь, пока не оставишь данные! Но есть риск потери клиента… Стимулируйте Упрощайте
  • 29.
    Не выдержал! Напечатависторию своей жизни, цели и мечты. Сдав все свои контакты… Стало страшно нажимать на кнопку !
  • 30.
    Не выдержал! Согласившисьс правилами. Меня автоматически зарегистрировали!!! Не стали ждать пока я нажму кнопку «Оформить заказ»
  • 31.
    Спасибо! Александр Милютин www.imt.academy info@imt.academy facebook.com vk.com/milordm