alexey lihodievsky. data driven design. wargaming
DESCRIPTION
Мы, дизайнеры, придумываем и реализовываем множество решений, которые должны помогать пользователям наших продуктов решать их проблемы и упрощать их работу. Но как узнать, действительно ли наши решения полезны? Как оценить их эффективность? Я расскажу о подходе к дизайну, который с помощью различного рода аналитической информации, позволяет оценивать продукт, находить проблемы, принимать эффективные решения и оценивать их. На примерах проектов компании Wargaming рассмотрим некоторые техники, инструменты и дизайн-решения, которые были реализованы в наших продуктах.TRANSCRIPT
![Page 1: Alexey Lihodievsky. Data driven design. Wargaming](https://reader033.vdocuments.mx/reader033/viewer/2022061205/547162cdb4af9fc80a8b4b25/html5/thumbnails/1.jpg)
Data Driven Design
![Page 2: Alexey Lihodievsky. Data driven design. Wargaming](https://reader033.vdocuments.mx/reader033/viewer/2022061205/547162cdb4af9fc80a8b4b25/html5/thumbnails/2.jpg)
![Page 3: Alexey Lihodievsky. Data driven design. Wargaming](https://reader033.vdocuments.mx/reader033/viewer/2022061205/547162cdb4af9fc80a8b4b25/html5/thumbnails/3.jpg)
![Page 4: Alexey Lihodievsky. Data driven design. Wargaming](https://reader033.vdocuments.mx/reader033/viewer/2022061205/547162cdb4af9fc80a8b4b25/html5/thumbnails/4.jpg)
Иногда дизайнер ошибается
![Page 5: Alexey Lihodievsky. Data driven design. Wargaming](https://reader033.vdocuments.mx/reader033/viewer/2022061205/547162cdb4af9fc80a8b4b25/html5/thumbnails/5.jpg)
![Page 6: Alexey Lihodievsky. Data driven design. Wargaming](https://reader033.vdocuments.mx/reader033/viewer/2022061205/547162cdb4af9fc80a8b4b25/html5/thumbnails/6.jpg)
![Page 7: Alexey Lihodievsky. Data driven design. Wargaming](https://reader033.vdocuments.mx/reader033/viewer/2022061205/547162cdb4af9fc80a8b4b25/html5/thumbnails/7.jpg)
Добавление в корзину на
11.9%
![Page 8: Alexey Lihodievsky. Data driven design. Wargaming](https://reader033.vdocuments.mx/reader033/viewer/2022061205/547162cdb4af9fc80a8b4b25/html5/thumbnails/8.jpg)
Добавление в корзину на
11.9%уменьшилось
![Page 9: Alexey Lihodievsky. Data driven design. Wargaming](https://reader033.vdocuments.mx/reader033/viewer/2022061205/547162cdb4af9fc80a8b4b25/html5/thumbnails/9.jpg)
Решения нужно проверять
![Page 10: Alexey Lihodievsky. Data driven design. Wargaming](https://reader033.vdocuments.mx/reader033/viewer/2022061205/547162cdb4af9fc80a8b4b25/html5/thumbnails/10.jpg)
Data Driven Design
Подход, позволяющий принимать правильные решения
![Page 11: Alexey Lihodievsky. Data driven design. Wargaming](https://reader033.vdocuments.mx/reader033/viewer/2022061205/547162cdb4af9fc80a8b4b25/html5/thumbnails/11.jpg)
2 вида данных
Качественные и количественные
![Page 12: Alexey Lihodievsky. Data driven design. Wargaming](https://reader033.vdocuments.mx/reader033/viewer/2022061205/547162cdb4af9fc80a8b4b25/html5/thumbnails/12.jpg)
Качественные данные
Почему? Как?
![Page 13: Alexey Lihodievsky. Data driven design. Wargaming](https://reader033.vdocuments.mx/reader033/viewer/2022061205/547162cdb4af9fc80a8b4b25/html5/thumbnails/13.jpg)
Данные качественных исследований
— Барьеры в работе пользователей с интерфейсом— Цели и ожидания пользователей
![Page 14: Alexey Lihodievsky. Data driven design. Wargaming](https://reader033.vdocuments.mx/reader033/viewer/2022061205/547162cdb4af9fc80a8b4b25/html5/thumbnails/14.jpg)
![Page 15: Alexey Lihodievsky. Data driven design. Wargaming](https://reader033.vdocuments.mx/reader033/viewer/2022061205/547162cdb4af9fc80a8b4b25/html5/thumbnails/15.jpg)
![Page 16: Alexey Lihodievsky. Data driven design. Wargaming](https://reader033.vdocuments.mx/reader033/viewer/2022061205/547162cdb4af9fc80a8b4b25/html5/thumbnails/16.jpg)
Количественные данные
Сколько? Кто? Где? Когда?
![Page 17: Alexey Lihodievsky. Data driven design. Wargaming](https://reader033.vdocuments.mx/reader033/viewer/2022061205/547162cdb4af9fc80a8b4b25/html5/thumbnails/17.jpg)
Данные количественных исследований
— Общая эффективность продукта— Эффективность отдельных решений— Частота ошибок— Качество материала на сайте
![Page 18: Alexey Lihodievsky. Data driven design. Wargaming](https://reader033.vdocuments.mx/reader033/viewer/2022061205/547162cdb4af9fc80a8b4b25/html5/thumbnails/18.jpg)
Общая эффективность продукта
![Page 19: Alexey Lihodievsky. Data driven design. Wargaming](https://reader033.vdocuments.mx/reader033/viewer/2022061205/547162cdb4af9fc80a8b4b25/html5/thumbnails/19.jpg)
Конверсия интернет магазина
1 000 покупок / 5 000 визитов * 100% = 20%
![Page 20: Alexey Lihodievsky. Data driven design. Wargaming](https://reader033.vdocuments.mx/reader033/viewer/2022061205/547162cdb4af9fc80a8b4b25/html5/thumbnails/20.jpg)
Глубина просмотра новостного сайта
160 страниц / 40 визитов = 4
![Page 21: Alexey Lihodievsky. Data driven design. Wargaming](https://reader033.vdocuments.mx/reader033/viewer/2022061205/547162cdb4af9fc80a8b4b25/html5/thumbnails/21.jpg)
Эффективность частных решений
![Page 22: Alexey Lihodievsky. Data driven design. Wargaming](https://reader033.vdocuments.mx/reader033/viewer/2022061205/547162cdb4af9fc80a8b4b25/html5/thumbnails/22.jpg)
![Page 23: Alexey Lihodievsky. Data driven design. Wargaming](https://reader033.vdocuments.mx/reader033/viewer/2022061205/547162cdb4af9fc80a8b4b25/html5/thumbnails/23.jpg)
Просмотры СМС категории на
1 243.2%увеличились
![Page 24: Alexey Lihodievsky. Data driven design. Wargaming](https://reader033.vdocuments.mx/reader033/viewer/2022061205/547162cdb4af9fc80a8b4b25/html5/thumbnails/24.jpg)
Качественные + количественные данные
Использование этих двух типов данных позволяет добиваться наилучшего результата
![Page 25: Alexey Lihodievsky. Data driven design. Wargaming](https://reader033.vdocuments.mx/reader033/viewer/2022061205/547162cdb4af9fc80a8b4b25/html5/thumbnails/25.jpg)
![Page 26: Alexey Lihodievsky. Data driven design. Wargaming](https://reader033.vdocuments.mx/reader033/viewer/2022061205/547162cdb4af9fc80a8b4b25/html5/thumbnails/26.jpg)
Конверсия увеличилась на
22.98%
![Page 27: Alexey Lihodievsky. Data driven design. Wargaming](https://reader033.vdocuments.mx/reader033/viewer/2022061205/547162cdb4af9fc80a8b4b25/html5/thumbnails/27.jpg)
Частота ошибок
Как часто пользователи сталкиваются с ошибками в интерфейсе
![Page 28: Alexey Lihodievsky. Data driven design. Wargaming](https://reader033.vdocuments.mx/reader033/viewer/2022061205/547162cdb4af9fc80a8b4b25/html5/thumbnails/28.jpg)
Конверсия ошибок на форме обратной связи
50 ошибок / 1 000 визитов * 100% = 5%
![Page 29: Alexey Lihodievsky. Data driven design. Wargaming](https://reader033.vdocuments.mx/reader033/viewer/2022061205/547162cdb4af9fc80a8b4b25/html5/thumbnails/29.jpg)
Качество материала на сайте
— Время и глубина просмотра— Отказы— Выходы
![Page 30: Alexey Lihodievsky. Data driven design. Wargaming](https://reader033.vdocuments.mx/reader033/viewer/2022061205/547162cdb4af9fc80a8b4b25/html5/thumbnails/30.jpg)
Когда решение не нужно проверять?
— Решение явным образом не влияет на эффективность продукта— Решение на грани «вкусовщины»
![Page 31: Alexey Lihodievsky. Data driven design. Wargaming](https://reader033.vdocuments.mx/reader033/viewer/2022061205/547162cdb4af9fc80a8b4b25/html5/thumbnails/31.jpg)
Инструментарий
— Universal Analytics— Yandex Metrika— Google Tag Manager
![Page 32: Alexey Lihodievsky. Data driven design. Wargaming](https://reader033.vdocuments.mx/reader033/viewer/2022061205/547162cdb4af9fc80a8b4b25/html5/thumbnails/32.jpg)
Universal Analytics
— A/B тесты— Сегментация пользователей— Отслеживание событий
![Page 33: Alexey Lihodievsky. Data driven design. Wargaming](https://reader033.vdocuments.mx/reader033/viewer/2022061205/547162cdb4af9fc80a8b4b25/html5/thumbnails/33.jpg)
Yandex Metrika
— Карты кликов и ссылок— Карта скроллинга— Web Visor
![Page 34: Alexey Lihodievsky. Data driven design. Wargaming](https://reader033.vdocuments.mx/reader033/viewer/2022061205/547162cdb4af9fc80a8b4b25/html5/thumbnails/34.jpg)
Google Tag Manager
— Управление системами аналитики— Автоматическое отслеживание событий
![Page 35: Alexey Lihodievsky. Data driven design. Wargaming](https://reader033.vdocuments.mx/reader033/viewer/2022061205/547162cdb4af9fc80a8b4b25/html5/thumbnails/35.jpg)
Выводы
— Проверяйте ваши дизайн решения
— Используйте качественные и количественные данные
— Не злоупотребляйте аналитикой