Лекция Алексея Иванова в Школе вебмастеров: «Usability и дизайн: как не помешать пользователю». https://academy.yandex.ru/events/webmasters_school/yawebm2015/ Что такое юзабилити и почему оно важно Поведение пользователей на сайте и достижение ими запланированных целей зависит не только от контента, но и от удобства сайта. Информационное и функциональное наполнение сайта Перед созданием сайта нужно правильно определить, какая информация и какой функционал должны быть на сайте. При этом нужно исходить не из того, что у вас есть, а из того, что будет нужно будущим посетителям вашего сайта. Проектирование входных страниц В зависимости от целей сайта и источников посетителей нужно сформулировать требования к входным страницам сайта и их содержанию. Сценарии поведения пользователя Для правильного распределения информации нужно описать сценарии взаимодействия с сайтом для разных групп посетителей. Рассмотрим методы совмещения разных сценариев на одном сайте. Пройти тест по теме Управление конверсией В большинстве случаев мы ждем от посетителя сайта какого-то целевого действия. Это может быть регистрация, отправка заявки, звонок или что-то ещё. Вы увидите способы мотивации посетителей к совершению целевого действия для различных типов сайтов. Пройти тест по теме Основные принципы распределения информации В рамках этого блока вы увидите, как нужно распределять информацию на странице, чтобы посетители увидели всё, что вы хотите им показать. Мобильная версия сайта и принципы юзабилити Всё больше посетителей приходят на сайт с мобильных устройств. Рассмотрим основные особенности взаимодействия с информацией с мобильного устройства и подходы к адаптации сайта под них.

1. 1
Сайт Школы
Канал на Youtube

2. Usability и дизайн:
как не помешать пользователю
Алексей Иванов

3. Что такое юзабилити и почему
оно важно

4. Юзабилити - удобство сайта для
посетителя при достижении
определенных целей.

5. 7 этапов взаимодействия с пользователем
〉Найти потенциального клиента
〉Произвести правильное первое впечатление
〉Предоставить необходимую информацию
〉Презентовать себя и завоевать доверие
〉Вернуть ушедшего посетителя
〉Мотивировать к действию
〉Обеспечить удобную коммуникацию
5

6. Перед анализом поведения
пользователей на сайте
проанализируйте качество
трафика.

7. Что определяет успех коммерческого сайта?
〉Трафик
〉Конверсия трафика в покупки
〉Средний чек
〉Повторные покупки
7

8. Информационное и
функциональное наполнение
сайта

9. Люди приходят на сайт
за информацией.

10. Любой функционал сайта
может помешать посетителю
сайта стать вашим клиентом.

11. 11

12. 12

13. 13

14. 14

15. 15

16. Упростите всё, что можно.

17. 17

18. Не заставляйте посетителей
проходить квесты на сайте

19. 19

20. 20

21. 21

22. Оставьте на сайте только тот
функционал, который у вас
хорошо работает.

23. 23

24. 24

25. 25

26. Проектирование входных
страниц

27. Входные (главные) страницы сайта
〉Откуда посетитель приходит на сайт?
〉Что он уже знает про вас?
〉Что он ждет от сайта?
〉Чем вы зацепите внимание посетителя?
〉Какие действия должен совершить?
〉Чем должен закончиться просмотр страницы?
27

28. 28

29. 29

30. 30

31. 31

32. 32

33. 33

34. 34

35. 35

36. Вы должны «зацепить»
посетителя с первых секунд.

37. Какая информация нужна на сайте?
〉Цены
〉Скидки
〉Наличие
〉Условия оплаты
〉Срок отгрузки и условия доставки
〉Описания и характеристики
〉…
37

38. 38

39. Что вы хотите показать посетителю?
〉Преимущества компании
〉Отзывы
〉Награды
〉Дополнительные товары и услуги
〉…
39

40. 40

41. 41

42. 42

43. 43

44. Сценарии поведения
пользователя

45. Для каждой страницы сайта
〉Откуда будут приходить на неё посетители?
〉Что они должны увидеть на странице?
〉Какова цель посещения страницы?
〉Чем должно закончиться посещение страницы?
45

46. Определитесь с концепцией сайта
〉Одностраничный сайт для каждого пользователя,
〉Прохождение пути по сайту для достижения цели,
〉Вовлечение пользователя для многократных заходов на сайт.
46

47. Совмещение нескольких сценариев
〉Опишите группы аудитории с разным поведением
〉Спланируйте отдельные сценарии для каждой группы
〉Спроектируйте сайт для каждой группы
〉Определите возможность совмещения этих сайтов в одном
47

48. Развитие бизнеса может
потребовать пересмотра
сценариев и переделки сайта

49. 49

50. Управление конверсией

51. Управление конверсией
〉Анализ
〉Устранение ошибок
〉Тестирование идей улучшения
51

52. Информация должна быть
размещена там, где она
востребована

53. 53

54. 54

55. Мотивируйте посетителей
обратиться к вам.

56. Мотивация обращения
〉Что интересует посетителя после просмотра сайта?
〉С кем он хочет это обсудить?
〉Предложите ему позвонить по телефону и получить эту
информацию.
56

57. Мотивируйте обратиться
сразу.

58. 58

59. Вовлекайте, мотивируйте, а не навязывайтесь.
Повышайте конверсию
без фанатизма.

60. 60

61. 61

62. 62

63. Не используйте слишком
много шрифтов.

64. 64

65. Основные принципы
распределения информации

66. Изменение акцентов информации
〉В зависимости от источника перехода
〉Для посетителей из разных регионов
〉В зависимости от дня недели и времени суток
66

67. 67

68. Если какой-то элемент можно
убрать с сайта, убирайте его.

69. 69

70. Мобильная версия сайта и
принципы юзабилити

71. Посетители мобильного сайта
〉Кто приходит на мобильную версию?
〉Почему они заходят на мобильную версию?
〉Заходили ли они раньше на ваш сайт?
〉Какая информация нужна в этот момент?
71

72. 72

73. 73

74. 74

75. 75

76. 76
Алексей Иванов
Генеральный директор агентства ISEE Marketing
Контакты
@a_n_ivanov
ivanov.aleksey
+7 (495) 212 10 43
a.ivanov@iseemarketing.ru

77. Вопросы и ответы

78. Есть сайт на котором нельзя
совершить покупку без регистрации,
так вот как и на каком шаге сделать
грамотно попап регистрации для
пользователя чтобы он отпугивал
потенциальных покупателей.

79. На сколько важно размещение кнопки
купить в карточке товара и все таки
важен ее цвет или нет?

80. Как уменьшить количество
брошенных корзин?

81. 81

82. 82

83. 83

84. А можно ли в юзабилити внедрить
игровой процесс и не помешает ли он
пользователю?

85. Хотелось бы услышать на семинаре
рекомендации для рынка b2b.

86. Насколько важно Usability для сайтов
не связанных с продажами и
получением прибыли?

87. Как заставить пользователя
опуститься ниже по странице?

88. Проектируя интерфейс и реализую
удобные (в твоем понимание) фичи
столкнулся с тем, что целевая
аудитория этого не понимает.

89. Какие еще методы, кроме
A/B-тестирования, позволяют
управлять конверсией в результате
изменения элементов дизайна сайта?

90. С каким самым (самыми) удобными
интерфейсами Вы сталкивались?

91. Можно ли выделить базовые правила
юзабилити, которые будут работать
всегда и везде? И если да, то
останутся ли они такими спустя годы,
не смотря на развитие интернет
технологий?

92. 92
Алексей Иванов
Генеральный директор агентства ISEE Marketing
Контакты
@a_n_ivanov
ivanov.aleksey
+7 (495) 212 10 43
a.ivanov@iseemarketing.ru

93. 93
Сайт Школы
Канал на Youtube