Presentation for UI/UX designers and managers about click, its characteristics, methods and tricks to reach the maximum value.

1. 13 МАРТА 2019 КАТЯ БУРЛУЦКАЯ
на ключевое действие
пользователя
КАК
ВЛИЯТЬ

2. Осознание проблемы
Поиск информации02
03
05
06Оценка вариантов
Решение о клике
Совершение
Результат действия
01 04
01 / ЭТАПЫ СОВЕРШЕНИЯ КЛИКА: ОТ ПЕРВОГО ВПЕЧАТЛЕНИЯ ДО РЕЗУЛЬТАТА

3. 01 / ЭТАПЫ СОВЕРШЕНИЯ КЛИКА: ОТ ПЕРВОГО ВПЕЧАТЛЕНИЯ ДО РЕЗУЛЬТАТА
Перенос с реального
мира в онлайн
01

4. 01 / ЭТАПЫ СОВЕРШЕНИЯ КЛИКА: ОТ ПЕРВОГО ВПЕЧАТЛЕНИЯ ДО РЕЗУЛЬТАТА
Перенос с онлайн
в реальный мир
02

5. Люди хотят видеть
смысл в том, что они
делают.
02 / КАК ПОМОЧЬ ЛЮДЯМ ПОНЯТЬ, ЧЕГО ОНИ ХОТЯТ, И ЧЕТКО СФОРМУЛИРОВАТЬ ЖЕЛАНИЕ
Amazon
Dash buttons

6. Хелперы
02 / КАК ПОМОЧЬ ЛЮДЯМ ПОНЯТЬ, ЧЕГО ОНИ ХОТЯТ, И ЧЕТКО СФОРМУЛИРОВАТЬ ЖЕЛАНИЕ
Комплекс рациональных
факторов
–
цена, актуальность информации,
подкрепление экспертностью
… и эмоциональных–
красивая картинка, интересный
текст, трендовость в социуме
Онлайн-помощники–
Виртуальные специалисты или
живые люди, боты, тесты
Персоналтизация–
личная или усредненная, активная
или пассивная

7. Рецепт
приготовления
01 02 03 04Подогреваем
желание
Освобождаем
внимание
от перегруза
Фильтруем
контент
Выкладываем
все это в связную
историю
05 06Окружаем
правильной
графикой
Делаем ключевой
элемент максимально
доступным
Готово!
02 / КАК ПОМОЧЬ ЛЮДЯМ ПОНЯТЬ, ЧЕГО ОНИ ХОТЯТ, И ЧЕТКО СФОРМУЛИРОВАТЬ ЖЕЛАНИЕ

8. Дайте людям
прочувствовать
наперед
02 / КАК ПОМОЧЬ ЛЮДЯМ ПОНЯТЬ, ЧЕГО ОНИ ХОТЯТ, И ЧЕТКО СФОРМУЛИРОВАТЬ ЖЕЛАНИЕ

9. Адаптируйтесь
под потребности
персонализацию,
существующую ситуацию
или создайте ее.
Используйте:
02 / КАК ПОМОЧЬ ЛЮДЯМ ПОНЯТЬ, ЧЕГО ОНИ ХОТЯТ, И ЧЕТКО СФОРМУЛИРОВАТЬ ЖЕЛАНИЕ

10. Клик –
самое логичное, завершающее действие
при любом user journey, на которое влияет
вся экосистема сайта.
Ключевое
действие
должно быть доступно с первого
экрана, либо же с первого экрана
должно начинаться прямое
погружение к нему.
03 / ПОЧЕМУ ЛЮДИ КЛИКАЮТ. ФАКТОРЫ ВЛИЯНИЯ

11. Сюжет
Интро Завязка Кульминация Развязка
Вводный
контент
Преимущества,
уникальности
и фичи
Ключевое
действие – клик
Результат
03 / ПОЧЕМУ ЛЮДИ КЛИКАЮТ. ФАКТОРЫ ВЛИЯНИЯ

12. Факторы
Центровые01 02 Периферия
Аффордансы
Навигация
Фото- и текст-контент
История
Социальный вес
…
Ритм подачи инфо
Контраст
Пространство
Формы и цвета
…
03 / ПОЧЕМУ ЛЮДИ КЛИКАЮТ. ФАКТОРЫ ВЛИЯНИЯ

13. Аффордансы
явный
паттерн
метафора
скрытый
ложный
негативный
–
–
–
–
–
–
03 / ПОЧЕМУ ЛЮДИ КЛИКАЮТ. ФАКТОРЫ ВЛИЯНИЯ

14. Самое больше влияние
на совершение клика оказывают:
01Картинка 02Заголовок
100 способов
заголовить
03Плюшки
03 / ПОЧЕМУ ЛЮДИ КЛИКАЮТ. ФАКТОРЫ ВЛИЯНИЯ

16. #1 Кнопка
Обычная прямоугольная кнопка в горизонтальном
положении с закругленными углами – это повышает
концентрацию на тексте.
04 / ТОП И ЧЕРНЫЙ СПИСОК КЛИКАБЕЛЬНЫХ ЭЛЕМЕНТОВ
CLICK ME +

17. 04 / ТОП И ЧЕРНЫЙ СПИСОК КЛИКАБЕЛЬНЫХ ЭЛЕМЕНТОВ
#2 Плашка
Расширенная версия кнопки,
требует внимания к оформлению
и дифференциации от сетки или
списка.
#3 Ссылка
Текст + цвет, шрифтовое
начертание, подчеркивание,
иконка.

18. 04 / ТОП И ЧЕРНЫЙ СПИСОК КЛИКАБЕЛЬНЫХ ЭЛЕМЕНТОВ
#2 Скрытые аффордансы
Круто, но если совсем скрыто –
не конверсионно.
#3 Точки
Используем только
для информирования.
#1 Картинка
Без признаков
элементов навигации.
+

19. 05 / ЛУЧШИЕ АЛЬТЕРНАТИВЫ КЛИКУ СЕГОДНЯ И ЕГО НАСЛЕДНИКИ В БУДУЩЕМ
Voice
Слова согласия,
ведение юзера по ограниченным
паттернам
Gestures
Четкая дифференциация,
звуко- и дистанционно-позитивное
управление

20. СПАСИБО!