SlideShare a Scribd company logo
1
Сайт Школы
Канал на Youtube
Usability и дизайн:
как не помешать пользователю
Алексей Иванов
Что такое юзабилити и почему
оно важно
Юзабилити - удобство сайта для
посетителя при достижении
определенных целей.
7 этапов взаимодействия с пользователем
〉Найти потенциального клиента
〉Произвести правильное первое впечатление
〉Предоставить необходимую информацию
〉Презентовать себя и завоевать доверие
〉Вернуть ушедшего посетителя
〉Мотивировать к действию
〉Обеспечить удобную коммуникацию
5
Перед анализом поведения
пользователей на сайте
проанализируйте качество
трафика.
Что определяет успех коммерческого сайта?
〉Трафик
〉Конверсия трафика в покупки
〉Средний чек
〉Повторные покупки
7
Информационное и
функциональное наполнение
сайта
Люди приходят на сайт
за информацией.
Любой функционал сайта
может помешать посетителю
сайта стать вашим клиентом.
11
12
13
14
15
Упростите всё, что можно.
17
Не заставляйте посетителей
проходить квесты на сайте
19
20
21
Оставьте на сайте только тот
функционал, который у вас
хорошо работает.
23
24
25
Проектирование входных
страниц
Входные (главные) страницы сайта
〉Откуда посетитель приходит на сайт?
〉Что он уже знает про вас?
〉Что он ждет от сайта?
〉Чем вы зацепите внимание посетителя?
〉Какие действия должен совершить?
〉Чем должен закончиться просмотр страницы?
27
28
29
30
31
32
33
34
35
Вы должны «зацепить»
посетителя с первых секунд.
Какая информация нужна на сайте?
〉Цены
〉Скидки
〉Наличие
〉Условия оплаты
〉Срок отгрузки и условия доставки
〉Описания и характеристики
〉…
37
38
Что вы хотите показать посетителю?
〉Преимущества компании
〉Отзывы
〉Награды
〉Дополнительные товары и услуги
〉…
39
40
41
42
43
Сценарии поведения
пользователя
Для каждой страницы сайта
〉Откуда будут приходить на неё посетители?
〉Что они должны увидеть на странице?
〉Какова цель посещения страницы?
〉Чем должно закончиться посещение страницы?
45
Определитесь с концепцией сайта
〉Одностраничный сайт для каждого пользователя,
〉Прохождение пути по сайту для достижения цели,
〉Вовлечение пользователя для многократных заходов на сайт.
46
Совмещение нескольких сценариев
〉Опишите группы аудитории с разным поведением
〉Спланируйте отдельные сценарии для каждой группы
〉Спроектируйте сайт для каждой группы
〉Определите возможность совмещения этих сайтов в одном
47
Развитие бизнеса может
потребовать пересмотра
сценариев и переделки сайта
49
Управление конверсией
Управление конверсией
〉Анализ
〉Устранение ошибок
〉Тестирование идей улучшения
51
Информация должна быть
размещена там, где она
востребована
53
54
Мотивируйте посетителей
обратиться к вам.
Мотивация обращения
〉Что интересует посетителя после просмотра сайта?
〉С кем он хочет это обсудить?
〉Предложите ему позвонить по телефону и получить эту
информацию.
56
Мотивируйте обратиться
сразу.
58
Вовлекайте, мотивируйте, а не навязывайтесь.
Повышайте конверсию
без фанатизма.
60
61
62
Не используйте слишком
много шрифтов.
64
Основные принципы
распределения информации
Изменение акцентов информации
〉В зависимости от источника перехода
〉Для посетителей из разных регионов
〉В зависимости от дня недели и времени суток
66
67
Если какой-то элемент можно
убрать с сайта, убирайте его.
69
Мобильная версия сайта и
принципы юзабилити
Посетители мобильного сайта
〉Кто приходит на мобильную версию?
〉Почему они заходят на мобильную версию?
〉Заходили ли они раньше на ваш сайт?
〉Какая информация нужна в этот момент?
71
72
73
74
75
76
Алексей Иванов
Генеральный директор агентства ISEE Marketing
Контакты
@a_n_ivanov
ivanov.aleksey
+7 (495) 212 10 43
a.ivanov@iseemarketing.ru
Вопросы и ответы
Есть сайт на котором нельзя
совершить покупку без регистрации,
так вот как и на каком шаге сделать
грамотно попап регистрации для
пользователя чтобы он отпугивал
потенциальных покупателей.
На сколько важно размещение кнопки
купить в карточке товара и все таки
важен ее цвет или нет?
Как уменьшить количество
брошенных корзин?
81
82
83
А можно ли в юзабилити внедрить
игровой процесс и не помешает ли он
пользователю?
Хотелось бы услышать на семинаре
рекомендации для рынка b2b.
Насколько важно Usability для сайтов
не связанных с продажами и
получением прибыли?
Как заставить пользователя
опуститься ниже по странице?
Проектируя интерфейс и реализую
удобные (в твоем понимание) фичи
столкнулся с тем, что целевая
аудитория этого не понимает.
Какие еще методы, кроме
A/B-тестирования, позволяют
управлять конверсией в результате
изменения элементов дизайна сайта?
С каким самым (самыми) удобными
интерфейсами Вы сталкивались?
Можно ли выделить базовые правила
юзабилити, которые будут работать
всегда и везде? И если да, то
останутся ли они такими спустя годы,
не смотря на развитие интернет
технологий?
92
Алексей Иванов
Генеральный директор агентства ISEE Marketing
Контакты
@a_n_ivanov
ivanov.aleksey
+7 (495) 212 10 43
a.ivanov@iseemarketing.ru
93
Сайт Школы
Канал на Youtube

More Related Content

PPTX
6 шагов построения продающего сайта
PPTX
Юзабилити сайта - практические советы
PPTX
6 шагов построения продающего сайта
PDF
Сергей Левчак: «Дополнительные услуги Satu.kz»
PDF
Формула высокой конверсии: дизайн, навигация и контент
PPT
Как самостоятельно увеличить посещаемость сайта
PDF
Юзабилити аудит от Prof-mk.ru | Увеличение продаж в 2-3 раза!
6 шагов построения продающего сайта
Юзабилити сайта - практические советы
6 шагов построения продающего сайта
Сергей Левчак: «Дополнительные услуги Satu.kz»
Формула высокой конверсии: дизайн, навигация и контент
Как самостоятельно увеличить посещаемость сайта
Юзабилити аудит от Prof-mk.ru | Увеличение продаж в 2-3 раза!

What's hot (14)

PPTX
Успешное создание сайта визитки
PPT
Юзабилити Сайта
PPT
Юзабилити. Что это такое?
PDF
"Как поймать своего клиента в Интернете: повышаем продажи с помощью "умного" ...
PPTX
Евгений Летов, Промоэксперт: "Простые способы улучшения коммерческой эффектив...
PPTX
«Этапы разработки интернет-магазина: с чего начать свой бизнес онлайн?» Ришат...
PPT
Юзабилити аудит и сплит тестирование
PPT
Как получить прибыль от интернет-магазина?
PPTX
Поисковое продвижение: как каждый вложенный 1 $ в сопровождение разработки эк...
PDF
Продвижение сайта с оплатой за клики
PDF
Инструменты увеличения конверсии
KEY
Жизнь после запуска (Эффективная поддержка сайта)
PPT
Рисующий маркетолог. Юзабилити & поисковый маркетинг
PPTX
Продвижение сайта — как не быть обманутым
Успешное создание сайта визитки
Юзабилити Сайта
Юзабилити. Что это такое?
"Как поймать своего клиента в Интернете: повышаем продажи с помощью "умного" ...
Евгений Летов, Промоэксперт: "Простые способы улучшения коммерческой эффектив...
«Этапы разработки интернет-магазина: с чего начать свой бизнес онлайн?» Ришат...
Юзабилити аудит и сплит тестирование
Как получить прибыль от интернет-магазина?
Поисковое продвижение: как каждый вложенный 1 $ в сопровождение разработки эк...
Продвижение сайта с оплатой за клики
Инструменты увеличения конверсии
Жизнь после запуска (Эффективная поддержка сайта)
Рисующий маркетолог. Юзабилити & поисковый маркетинг
Продвижение сайта — как не быть обманутым
Ad

Viewers also liked (15)

PDF
Efficienza e risparmio energetico
PDF
Open Source Operations
PPTX
Мастер-класс «Викнетинг: что общего между Джонни Деппом и Стивом Джобсом?»
PDF
Unidad 1 -_principios_generales_-_def-compr
PDF
Trabajando en casa para reforzar
PPTX
Investigación etnográgica
PDF
Plantilla argumental
PDF
Отчет о HackDay #39 в Пензе
PPTX
Ejemplos de una mala ortografía
PDF
Specifying Requirements for Electrical and Lighting Management Systems (ELMS)...
PPTX
Digitālā Ēra - Jekaterīna Mačuka @Tieslietu Ministrija - ES dati 2016
PPT
Проблемное интервью, дьявол в деталях
PDF
Proper logging can catch breaches like retail PoS
PPTX
AUDIO STEGANOGRAPHY PRESENTATION
PPTX
FireEye Cyber Defense Summit 2016 Now What - Before & After The Breach
Efficienza e risparmio energetico
Open Source Operations
Мастер-класс «Викнетинг: что общего между Джонни Деппом и Стивом Джобсом?»
Unidad 1 -_principios_generales_-_def-compr
Trabajando en casa para reforzar
Investigación etnográgica
Plantilla argumental
Отчет о HackDay #39 в Пензе
Ejemplos de una mala ortografía
Specifying Requirements for Electrical and Lighting Management Systems (ELMS)...
Digitālā Ēra - Jekaterīna Mačuka @Tieslietu Ministrija - ES dati 2016
Проблемное интервью, дьявол в деталях
Proper logging can catch breaches like retail PoS
AUDIO STEGANOGRAPHY PRESENTATION
FireEye Cyber Defense Summit 2016 Now What - Before & After The Breach
Ad

Similar to Usability и дизайн - как не помешать пользователю, Алексей Иванов, лекция в Школе вебмастеров яндекса (20)

PPTX
Как разработать эффективный корпоративный сайт в 2015 году
PDF
Неделя Байнета 2017. Алексей Иванов: "Как сделать продающий сайт или повысить...
PDF
Построение маркетинга бетонных и асфальтобетонных заводов в интернете
PPTX
Правильный интернет-магазин на платформе 1С-Битрикс
PPT
Usability barcamp
PPTX
Убрать недостатки, подчеркнуть достоинства
PPTX
Юрий Хаит - 9 особенностей интернет-маркетинга в узких нишах. КИТ Форум 2016...
PPTX
Аркаим Финанс, Антон Вадимович Шунков, семинар 10 сентября Привлечение клиент...
PDF
Life after finish
PPTX
5 шагов к успешному продвижению в интернете
PDF
Сайт один из каналов продаж
PDF
Конференция Cybermarketing 2015: Юзабилити, как инструмент увеличения продаж ...
PPTX
100 секретов успешного сайта ...
PPTX
боевая оптимизация - промо эксперт, евгений летов
PDF
Повышение конверсии веб-сайта через оптимизацию юзабилити
PPTX
«Правильный процесс дает правильный результат». Как грамотно выстроить работу...
Как разработать эффективный корпоративный сайт в 2015 году
Неделя Байнета 2017. Алексей Иванов: "Как сделать продающий сайт или повысить...
Построение маркетинга бетонных и асфальтобетонных заводов в интернете
Правильный интернет-магазин на платформе 1С-Битрикс
Usability barcamp
Убрать недостатки, подчеркнуть достоинства
Юрий Хаит - 9 особенностей интернет-маркетинга в узких нишах. КИТ Форум 2016...
Аркаим Финанс, Антон Вадимович Шунков, семинар 10 сентября Привлечение клиент...
Life after finish
5 шагов к успешному продвижению в интернете
Сайт один из каналов продаж
Конференция Cybermarketing 2015: Юзабилити, как инструмент увеличения продаж ...
100 секретов успешного сайта ...
боевая оптимизация - промо эксперт, евгений летов
Повышение конверсии веб-сайта через оптимизацию юзабилити
«Правильный процесс дает правильный результат». Как грамотно выстроить работу...

More from Yandex (20)

PDF
Предсказание оттока игроков из World of Tanks
PDF
Как принять/организовать работу по поисковой оптимизации сайта, Сергей Царик,...
PDF
Структурированные данные, Юлия Тихоход, лекция в Школе вебмастеров Яндекса
PDF
Представление сайта в поиске, Сергей Лысенко, лекция в Школе вебмастеров Яндекса
PDF
Плохие методы продвижения сайта, Екатерины Гладких, лекция в Школе вебмастеро...
PDF
Основные принципы ранжирования, Сергей Царик и Антон Роменский, лекция в Школ...
PDF
Основные принципы индексирования сайта, Александр Смирнов, лекция в Школе веб...
PDF
Мобильное приложение: как и зачем, Александр Лукин, лекция в Школе вебмастеро...
PDF
Сайты на мобильных устройствах, Олег Ножичкин, лекция в Школе вебмастеров Янд...
PDF
Качественная аналитика сайта, Юрий Батиевский, лекция в Школе вебмастеров Янд...
PDF
Что можно и что нужно измерять на сайте, Петр Аброськин, лекция в Школе вебма...
PDF
Как правильно поставить ТЗ на создание сайта, Алексей Бородкин, лекция в Школ...
PDF
Как защитить свой сайт, Пётр Волков, лекция в Школе вебмастеров
PDF
Как правильно составить структуру сайта, Дмитрий Сатин, лекция в Школе вебмас...
PDF
Технические особенности создания сайта, Дмитрий Васильева, лекция в Школе веб...
PDF
Конструкторы для отдельных элементов сайта, Елена Першина, лекция в Школе веб...
PDF
Контент для интернет-магазинов, Катерина Ерошина, лекция в Школе вебмастеров ...
PDF
Как написать хороший текст для сайта, Катерина Ерошина, лекция в Школе вебмас...
PDF
Cайт. Зачем он и каким должен быть, Алексей Иванов, лекция в Школе вебмастеро...
PDF
Эталонное описание фильма на основе десятков дубликатов
Предсказание оттока игроков из World of Tanks
Как принять/организовать работу по поисковой оптимизации сайта, Сергей Царик,...
Структурированные данные, Юлия Тихоход, лекция в Школе вебмастеров Яндекса
Представление сайта в поиске, Сергей Лысенко, лекция в Школе вебмастеров Яндекса
Плохие методы продвижения сайта, Екатерины Гладких, лекция в Школе вебмастеро...
Основные принципы ранжирования, Сергей Царик и Антон Роменский, лекция в Школ...
Основные принципы индексирования сайта, Александр Смирнов, лекция в Школе веб...
Мобильное приложение: как и зачем, Александр Лукин, лекция в Школе вебмастеро...
Сайты на мобильных устройствах, Олег Ножичкин, лекция в Школе вебмастеров Янд...
Качественная аналитика сайта, Юрий Батиевский, лекция в Школе вебмастеров Янд...
Что можно и что нужно измерять на сайте, Петр Аброськин, лекция в Школе вебма...
Как правильно поставить ТЗ на создание сайта, Алексей Бородкин, лекция в Школ...
Как защитить свой сайт, Пётр Волков, лекция в Школе вебмастеров
Как правильно составить структуру сайта, Дмитрий Сатин, лекция в Школе вебмас...
Технические особенности создания сайта, Дмитрий Васильева, лекция в Школе веб...
Конструкторы для отдельных элементов сайта, Елена Першина, лекция в Школе веб...
Контент для интернет-магазинов, Катерина Ерошина, лекция в Школе вебмастеров ...
Как написать хороший текст для сайта, Катерина Ерошина, лекция в Школе вебмас...
Cайт. Зачем он и каким должен быть, Алексей Иванов, лекция в Школе вебмастеро...
Эталонное описание фильма на основе десятков дубликатов

Usability и дизайн - как не помешать пользователю, Алексей Иванов, лекция в Школе вебмастеров яндекса