Рассказываю о том как мы в EVO.company меряем и аргументируем UX на каждом этапе проектирования

1. UXметрики

3. Зачем?
• Валидировать гипотезы
• Решать правильные проблемы
• Приоритизировать задачи в беклоге
• Продавать решения бизнесу и разработчикам
• Выбирать самые жизнеспособные решения на А/B тест

5. Высокоуровневые метрики
ISO 9241-210
Продуктивность Эффективность Удовлетворенность

6. Как меряем продуктивность?
• Время решения задачи
• Фиксируем по видео записи
• Субъективная оценка респондента
Как долго вы решали задачу?
Очень долго Очень быстро
1 2 3 4 5

7. Как меряем эффективность?
• Количество ошибок допущенных при решении задачи
• Завершенность решения задачи (критерии завершенности)
• Фиксируем по видео записи
• Субъективная оценка респондента
На сколько легко было решить задачу?
Очень сложно Очень легко
1 2 3 4 5

8. Как меряем удовлетворенность?
• Удовлетворенность процессом решения задачи
• Субъективная оценка респондента
На сколько вы удовлетворены решением задачи?
Совершенно
не удовлетворен
Полностью
удовлетворен
1 2 3 4 5

9. Время Ошибки Завершенность Удовлетворенность
Оценка любого решения
SUM by Jeff Sauro

11. 1. Текущий порядок смайлов - стимулирует оставить
негативный отзыв.
2. Цветные смайлы - более понятны.
3. Если разместить от «хорошо» к «плохо» это
ускорить время заполнения формы.

12. Var. 1
Var. 2
Var. 3

13. – Представьте что вы полностью удовлетворены покупкой…

14. – Представьте что вы купили кроссовки и продавец попросил оставить отзыв…

15. – Представьте что вы в ужасе от сервиса…

19. UX этапы
1. Стратегия
2. Возможности (scope)
3. Структура
4. Компоновка
5. Поверхность 1
2
3
4
5

20. UX этапы + Lean UX
1. Стратегия
2. Возможности (scope)
3. Структура
4. Компоновка
5. Поверхность
Тестирование, метрики, выводы
Тестирование, метрики, выводы
Тестирование, метрики, выводы
Тестирование, метрики, выводы
Тестирование, метрики, выводы
TEST
MEASURELEARN

21. Этап стратегии

22. Метрики бизнеса
• Цели, измеримые, с конкретными метриками
• Создать что-то новое
• Улучшить старое
Почему, зачем, как измерим успех
Почему, зачем, как измерим успех

23. Сейчас

24. СейчасПочему
Прошлое
Причина
Потребность

25. Сейчас ЗачемПочему
Прошлое
Причина
Потребность
Будущее
Следствие
Цель

27. Метрики ЦА
• Задачи
• Барьеры
• Выгоды
Количество, вес, приоритет
Количество, вес, приоритет
Количество, вес, приоритет

28. Сходить в кино
с девушкой

29. Не будет хороших мест
Очередь
Сходить в кино
с девушкой

30. Было бы здорово
заказать места
заранее
Не будет хороших мест
Очередь
Сходить в кино
с девушкой

31. Где взять данные?
• Как получить задачи, барьеры и выгоды?
• Качественные исследования
• Как измерить количество, вес и приоритет?
• Субъективные оценки в качественных исследованиях
• Количественные исследования

32. Качественные исследования
• Беседы
• Глубинные интервью
• Контекстные наблюдения
• Фокус-группы

34. Как выбирать респондентов?
• Маркеры
• Социальные
• Поведенческие
• Контекстные
• Знания
• Зрелость

38. Анализ и
сведение
критериев

39. Количественные
исследования
• Опросники Google Forms
• Email
• Facebook
• Website
• Бумажное анкетирование

41. Анализ и
приоритизация

42. Сегменты ЦА
Посетители 75%
Покупатели 30%
Продавцы 5%

43. По модели поведения
Покупатели 30%
Browsing
10%
Searching
15%
Discovery
5%

44. По характеру
Searching 15%
Спонтанный
2%
Методичный
5%
Гуманистический
3%
Конкурирующий
5%

47. Этап возможностей

48. Метрики возможностей
• Фичи
• Факторы помощи
• Факторы выгоды
Количество, стоимость, приоритет
Количество, стоимость, приоритет
Количество, стоимость, приоритет

49. Где брать данные?

51. Value proposition
ЦА Продукт, услуга

52. Этап структуры

53. Метрики структуры
• Количество шагов к цели
• Количество и приоритет задач, барьеров и выгод по шагам
• KPI по каждому шагу

56. Этапы компоновки и
поверхности

57. Метрики компоновки и поверхности
В порядке «затратности»
• Моторная нагрузка
• Визуальная нагрузка
• Когнитивная нагрузка

58. Моторная нагрузка
• Click
• Hover
• Move
• Drag-n-drop
…

59. Визуальная нагрузка
• Количество визуальной информации
• Близость, схожесть, замкнутость
• Форма, яркость, размер
• Фигура, фон

64. Когнитивная нагрузка
• Количество мыслительной работы
• Количество логических связей и переходов
необходимых для осознания и понимания
• Количество шагов
• Длина шага
• Трудность шага
• Варианты выбора
• Путаница и выбор

68. 5+
- 2
Граница между просто и сложно
Chunks

69. +380988588794 +38 (098) 858-87-94
A B

72. Бритва Оккама
«Не следует привлекать новые сущности без
крайней на то необходимости»

73. Сейчас НовоеПривычное
Опыт
Скорость
Интуитивность
Ментальные модели
Обучение
Мотивация

74. Сейчас НовоеПривычное
Опыт
Скорость
Интуитивность
Ментальные модели
Обучение
Мотивация

75. Привычное Новое
80% 20%
Обучение новому

78. Привычное Новое
80%20%
Когнитивное сопротивление

80. Что почитать
• «Элементы опыта взаимодействия» Д. Д. Гарретт
• «Single Usability Metric» J. Sauro @ measuringu.com
• «Разработка ценностных предложений» А. Остервальдер
• «Не заставляйте меня думать» С. Круг
• «Call to action» Б. Айзенберг
• Стандарт ISO 9241-210 HCD
• «Информационная архитектура» Л. Розенфельд, П. Морвиль
• «Об интерфейсе» А. Купер

81. Спасибо.
Вопросы?
y.burlaka@prom.ua