Вебинар:
Как производить изменения на сайте
основываясь на данных, а не
интуиции?
Андрей Карякин, Роман Гридин
«Ольшанский и партнеры»
Let me speak from my heart…
2
Андрей Карякин
email: karyakin@olshansky.ua
facebook: https://www.facebook.com/andrew.kariakin
Опыт в интернет маркетинге: 10 лет
Let me speak from my heart…
3
Роман Гридин
email: gridin@olshansky.ua
facebook: https://www.facebook.com/roma.gridin
Опыт управления веб-проектами > 2 лет
Успешно реализованные проекты: 30+
План вебинара
4
• Анализ ЦА, buyer persona
• Прототипы
Блок 1
5
• Анализ ЦА, buyer persona
• Прототипы
Создание персонажа
6
Современный ритейл
6
Создание персонажа
7
Современный ритейл
7
Создание персонажа
8
Современный online
8
Создание персонажа
9
Целевая аудитория
9
История…
10
SEO - > Поисковые аудиты -> Usability
Как это все внедрять, а главное кому?!
Процесс
11
Суть методики
12
Бизнес Покупатели
Технологии
Создание персонажа
13
Lean Canvas - альтернатива
13
Суть методики
14
Бизнес Покупатели
Технологии
Плоскость Бизнес
15
Бизнес
Важные вопросы («качественная информация»):
• Что у нас за сайт, зачем он нужен?
• Какие у нас есть услуги и товары?
• Чего мы хотим от посетителя?
• Как мы измеряем успешность сайта?
• Кто наши конкуренты?
• Каковы цели проекта?
• Каковы критерии успешности проекта?
• Какой бюджет проекта?
Фундаментальные вопросы
16
Готовность
проекта, %
Время +
деньги6 месяцев,
$1000
12 месяцев,
$1850
Плоскость Покупатели
17
Покупатели
Этапность исследования покупателей:
• Отправная точка – информация от Заказчика
• Проведение опроса среди клиентов Заказчика
и анкетирование
• Проведение интервью (телефонное, очное)
• Сегментация
• Создание портретов «персонажей»
Матрица инструментов анализа аудитории
18
Пользовательские
интервью
Юзабилити
тестирование
Анкетирование Анализ трафика
Качественный анализ (инсайты)
Поведение (что
люди делают)
Количественный анализ
Цели и отношение
(что люди говорят)
Дневники/журналы
Фокус группы
Анализ
пользовательских
отзывов
Автоматизированные
тесты
А/Б эксперименты
Записи видео экранов
Исследование рынка
Онлайн опросники
Создание персонажа
19
Персонаж
19
Персонаж – собирательный образ потребителя,
созданный на основе данных о реальных
пользователях.
• Описывает определенный сегмент
пользователей
• Рассказывает, какие цели, ожидания и трудности
есть у этого сегмента
• Дает понимание для кого проектируется сайт
Создание персонажа
20
Персонаж «Ольшанский и партнеры»
20
Создание персонажа
21
Как создать персонажей для вашего проекта
21
Шаг 1
• Проведите 15-20 интервью с
пользователями вашего сайта
• Фокус на контексте использования сайта,
целях и задачах. Какие трудности
возникают у пользователей?
Создание персонажа
22
Как создать персонажей для вашего проекта
22
Шаг 2
• Сделайте сегментацию
пользователей –
выделите группы
пользователей со
схожими
поведенческими
особенностями.
I II
III IV
Цели и отношение (что
люди говорят)
Поведение
(что люди
делают)
Создание персонажа
23
Как создать персонажей для вашего проекта
23
Шаг 3
• Создайте персонажей,
описывающих каждый из сегментов
• Сфокусируйтесь на целях,
ожиданиях и барьерах каждого
персонажа – это главные аспекты, с
которыми вам предстоит работать
Цели и мотивы
Задачи
Барьеры и трудности
Описание
Личные данные +
фото
Создание персонажа
24
Используйте персонажей в проекте!
24
Выберите ключевого
персонажа – самый
важный для вас
сегмент
Опишите идеальное
взаимодействие с
помощью сценариев
Создайте прототипы
страниц и внедрите в
жизнь, помня об
измерении KPI
Блок 2
25
• Прототипы
Что такое прототип?
26
• Прообраз будущего продукта,
воплощающий основные свойства ,
демонстрирующий паттерны
взаимодействия, наиболее показательный
пример будущего сайта, фиксирующий его
типичные свойства.
• Модель пользовательского интерфейса
Что это? О_о
Зачем он нужен?
27
• Показать идею
• Объяснить логику
• Объяснить поведение
• Проверить удобство интерфейса
• Испытать продукт на себе
• Испытать продукт на других
• Пожить с продуктом
Зачем он нужен?
28
• Показать идею
• Объяснить логику
• Объяснить поведение
• Проверить удобство интерфейса
• Испытать продукт на себе
• Испытать продукт на других
• Пожить с продуктом
Зачем он нужен?
29
• Показать идею
• Объяснить логику
• Объяснить поведение
• Проверить удобство интерфейса
• Испытать продукт на себе
• Испытать продукт на других
• Пожить с продуктом
Зачем он нужен?
30
• Показать идею
• Объяснить логику
• Объяснить поведение
• Проверить удобство интерфейса
• Испытать продукт на себе
• Испытать продукт на других
• Пожить с продуктом
Как прототипы уменьшили риски?
31
Создание персонажа
и написание сценариев
Прототипирование Тестирование
Прототипы на бумаге
32
Прототипы на бумаге
33
Прототипы на бумаге
34
Прототипы на бумаге
35
Персонаж ресурса
36
У персонажа должно что-то
“болеть”, чтобы ресурс мог
решить проблемы
пользователя.
Разработка сценариев
37
Хороший сценарий – залог
качественных решений!
Окунемся в контекст
использования продукта и
смотрим на взаимодействия
глазами пользователя.
Разработка сценариев
38
Разработка сценариев
39
Разработка сценариев
40
Интерактивное прототипирование
41
• Показать идею
• Объяснить логику
• Объяснить поведение
• Проверить удобство интерфейса
• Испытать продукт
• Пожить с продуктом
Инструменты для создания прототипов
42
• Adobe Photoshop
• Adobe illustrator
• Sketch (mac only)
• Figma
• Axure
Axure
43
• Готовые библиотеки стилей
• Готовые библиотеки интерактивных
виджетов
• Просто управлять элементами
• Похоже на реальный сайт
• Возможность выгружать на сервер и
смотреть
• результат в браузере
• Возможность добавлять сложные
логические элементы при помощи кода
Почему Важен контент для прототипа?
44
Юзабилити-тестирование
45
A/B - тестирование
46
A/B - тестирование
47
Ваши вопросы?
48

Как производить изменения на сайте, основываясь на данных, а не интуиции?

Editor's Notes

  • #9 Настолько плох, что аж хорош
  • #14 Проговорить пример
  • #27 Прототип – это прообраз будущего продукта, который доносит пользователю то, что Вы хотите ему рассказать использую минимум усилий и получая максимум пользы. Есть правило Паретто, прикладывая 20% усилий, можно получить 80% успеха, не обязательно ехать во Львов, чтобы узнать какая-там на этих выходных будет погода. Можно просто загулить.
  • #28 Зачем же нам нужен прототип? Вернемся, во времени лет на 15 назад, когда у каждого из нас ещё не было не то что смартофонов с навигаторами, но и просто телефонов. Кто сращивал дорогу у прохожих? Или у кого спрашивали? Да, вот эти …маршрут…вообще ничего не запоминаешь, в голове не держится вся эта картинка, а если взять листочек и ручку и просто линией нарисовать всё тоже самое, где свернуть, где прямо пойти, совсем иной ведь, результат верно?
  • #30 Использую персонажей, о которых говорил Андрей, мы можем понять их поведение, куда они смотрят, что они увидят или не увидят, что ожидают понять. После чего мы всё это реализуем и проверяем, удобно ли мы всё для них сделали, понятно ли, если всё ок, тогда да, надо продолжать разработку сайта, если нет, тогда возвращаться к работе с персонажем, и интерьвью.