UX-стратегия

Transcript

1. UX-стратегия
2. стратегия UX-
3. стратегия UX-
4. стратегия UX-
5. стратегия UX-
6. Хаос
15. Макет здорового человека Макет курильщика
16. Редактирование мастер-компонента
17. Источники хаоса
18. Источники хаоса Много версий одного компонента
19. Источники хаоса Нет коммуникации в команде дизайнеров Много версий одного компонента
20. Источники хаоса Нет коммуникации в команде дизайнеров Много версий одного компонента Одинаковые процессы выполняются по-разному в разных продуктах
21. Источники хаоса Нет коммуникации в команде дизайнеров Интерфейс создан без участия дизайнера Много версий одного компонента Одинаковые процессы выполняются по-разному в разных продуктах
22. Источники хаоса Нет коммуникации в команде дизайнеров Интерфейс создан без участия дизайнера Много версий одного компонента Одинаковые процессы выполняются по-разному в разных продуктах
23. Источники хаоса Нет коммуникации в команде дизайнеров Интерфейс создан без участия дизайнера Много версий одного компонента Одинаковые процессы выполняются по-разному в разных продуктах Проблемы с отображением на нестандартных мониторах
24. Источники хаоса Нет коммуникации в команде дизайнеров Интерфейс создан без участия дизайнера Факап на этапе авторского контроля задачи Много версий одного компонента Одинаковые процессы выполняются по-разному в разных продуктах Проблемы с отображением на нестандартных мониторах
25. Источники хаоса Нет коммуникации в команде дизайнеров Интерфейс создан без участия дизайнера Факап на этапе авторского контроля задачи Много версий одного компонента Одинаковые процессы выполняются по-разному в разных продуктах Проблемы с отображением на нестандартных мониторах Интерфейс не соответствует требованиям доступности
26. Источники хаоса Нет коммуникации в команде дизайнеров Интерфейс создан без участия дизайнера Факап на этапе авторского контроля задачи Пропущен шаг проверки цветов на доступность Много версий одного компонента Одинаковые процессы выполняются по-разному в разных продуктах Проблемы с отображением на нестандартных мониторах Интерфейс не соответствует требованиям доступности
27. Источники хаоса Нет коммуникации в команде дизайнеров Интерфейс создан без участия дизайнера Факап на этапе авторского контроля задачи Пропущен шаг проверки цветов на доступность Много версий одного компонента Одинаковые процессы выполняются по-разному в разных продуктах Проблемы с отображением на нестандартных мониторах Интерфейс не соответствует требованиям доступности
28. Причины хаоса
29. Некомпетентность Причины хаоса
30. Невнимательность Некомпетентность Причины хаоса
31. Невнимательность Спешка Некомпетентность Причины хаоса
32. Оперативный Невнимательность Спешка Некомпетентность Причины хаоса
33. Оперативный Невнимательность Спешка Отсутствие 
 библиотеки 
 компонентов Некомпетентность Причины хаоса
34. Оперативный Невнимательность Спешка Отсутствие 
 библиотеки 
 компонентов Некомпетентность Плохое знакомство с продуктом Причины хаоса
35. Оперативный Невнимательность Спешка Отсутствие 
 библиотеки 
 компонентов Некомпетентность Плохое знакомство с продуктом Отсутствие контроля Причины хаоса
36. Оперативный Тактический Невнимательность Спешка Отсутствие 
 библиотеки 
 компонентов Некомпетентность Плохое знакомство с продуктом Отсутствие контроля Причины хаоса
37. Оперативный Тактический Стратегический Невнимательность Спешка Отсутствие 
 библиотеки 
 компонентов Некомпетентность Плохое знакомство с продуктом Отсутствие контроля Причины хаоса
38. Оперативный Тактический Стратегический Невнимательность Спешка Отсутствие 
 библиотеки 
 компонентов Нет обмена 
 знаниями Некомпетентность Плохое знакомство с продуктом Отсутствие контроля Причины хаоса
39. Оперативный Тактический Стратегический Невнимательность Спешка Отсутствие 
 библиотеки 
 компонентов Нет обмена 
 знаниями Нет процесса 
 улучшения процессов Некомпетентность Плохое знакомство с продуктом Отсутствие контроля Причины хаоса
40. Оперативный Тактический Стратегический Невнимательность Спешка Отсутствие 
 библиотеки 
 компонентов Нет обмена 
 знаниями Нет долгосрочного 
 планирования Нет процесса 
 улучшения процессов Некомпетентность Плохое знакомство с продуктом Отсутствие контроля Причины хаоса
41. Оперативный Тактический Стратегический Невнимательность Спешка Отсутствие 
 библиотеки 
 компонентов Нет обмена 
 знаниями Нет долгосрочного 
 планирования Нет базы знаний 
 об интерфейсе 
 и пользователе Нет процесса 
 улучшения процессов Некомпетентность Плохое знакомство с продуктом Отсутствие контроля Причины хаоса
42. Надо что-то делать
43. Мы одиноки?
44. Мы одиноки? Нет
45. Юрий Ветров UX-стратегия должна улучшить продукты компании через изменения в самой организации, которая производит эти продукты. Мало совершить подвиг в виде удачного редизайна устаревшего сервиса — нужно обеспечить повторяемость хороших результатов. 
 Задача дизайн-лидеров — найти этот путь к светлому будущему и провести компанию по нему. Директор по дизайну Райффайзенбанка, ранее — Mail.ru Group Мы одиноки? UX-стратегия Нет
46. Раньше
47. Сейчас
48. Раньше Сейчас
49. Планирование и отслеживание изменений 0. Портрет компании
50. Планирование и отслеживание изменений 0. Портрет компании Ресурсы: Деньги Люди Время Кредит доверия Приоритеты: Тип продукта Бизнес-модель Стадия жизненного цикла компании и продукта Процессы: Инициация продуктов и их новых возможностей Дизайн и разработка Обеспечение качества Дистрибьюция продукта
51. Планирование и отслеживание изменений 0. Портрет компании 1. Ценность дизайна для бизнеса
52. Планирование и отслеживание изменений 0. Портрет компании 1. Ценность дизайна для бизнеса 2. Интерфейсный и организационный долг
53. Планирование и отслеживание изменений 0. Портрет компании 1. Ценность дизайна для бизнеса 2. Интерфейсный и организационный долг 3. Видение будущего дизайна Концепты будущего дизайна продуктов. Обновлённый бренд и визуальный язык. Принципы дизайна для продукта, компании или дизайн-команды.
54. Планирование и отслеживание изменений 0. Портрет компании 1. Ценность дизайна для бизнеса 2. Интерфейсный и организационный долг 3. Видение будущего дизайна 4. План внедрения
55. Планирование и отслеживание изменений 0. Портрет компании 1. Ценность дизайна для бизнеса 2. Интерфейсный и организационный долг 3. Видение будущего дизайна 4. План внедрения 5. Реализация плана
56. DesignOps
57. DesignOps связан с управлением и оптимизацией команды, процессов и рабочих инструментов с целью усиления ценности и влияния дизайна в условиях масштабируемости компании DesignOps refers to the orchestration and optimization of people, processes, and craft in order to amplify design’s value and impact at scale. World Leaders in Research-Based User Experience Nielsen Norman Group DesignOps
58. World Leaders in Research-Based User Experience Nielsen Norman Group DesignOps
59. Бизнес-цели Интересы 
 пользователей Возможности 
 разработки UX результат
60. UX результат Бизнес-цели Интересы 
 пользователей Интересы
 дизайн-команды Возможности 
 разработки
61. Сейчас
62. Саша Воробьёв Банк: Регистрация, Онбординг, Тарифы, Карты Дизайн-система Банк: Платежи, Транзакции, Зарплата Белый Бизнес, Банкобухгалтерия, Приложение КМ Брендбук, иллюстрации, графика Банковские Гарантии Админка, Админка FIFO,
 Чат, Модуль продажи,
 White Label Кассы, Интернет-эквайринг, Торговый эквайринг, МодульДрайв, Кредит Эмиль Аминев Люда Загитова Лёша Масанов Сергей Осокин Никита Горохов Сейчас Дизайнеры распределены по продуктам
63. Сейчас Свободная коммуникация в команде и с другими отделами
64. Сейчас Фиксация задач в Jira
65. Сейчас Есть библиотека компонентов для Web и Mobile
66. Сейчас Командные дизайн-ревью макетов по задачам
67. Сейчас Доп. образование с помощью грейдов
68. Сейчас Выборочное тестирование интерфейсов
69. Сейчас Регулярные миты с вёрсткой
70. Сейчас Дизайнеры распределены по продуктам Свободная коммуникация в команде и с другими отделами Фиксация задач в Jira Есть библиотека компонентов для Web и Mobile Командные дизайн-ревью макетов по задачам Доп. образование с помощью грейдов Выборочное тестирование интерфейсов Регулярные миты с вёрсткой
72. Принципы Кайдзен Аккуратность Порядок Чистота Стандарт Дисциплина
73. Внедряем
74. Внедряем Дежурство по библиотекам Саша Воробьёв до апреля 2020 до апреля 2020 Лёша Масанов
75. Внедряем Единую структуру файлов и страниц в фигме, требования к оформлению макетов
76. Внедряем Описание паттернов работы интерфейса
77. Внедряем База материалов из внешних источников
78. Внедряем База видео-записей исследований и тестов
79. Внедряем Фиксация истории изменений файла с релизами
80. Внедряем Фиксация истории изменений файла с релизами
81. Внедряем Описание работы всех компонентов
82. Внедряем Присутствие на бизнес-тестах всех продуктов
83. Внедряем Процесс работы над задачей по чек-листу
84. Внедряем Процесс работы над задачей по чек-листу
85. Внедряем Процесс работы над задачей по чек-листу
86. Внедряем Постоянная актуализация макетов
87. Внедряем Дежурство по библиотекам Единую структуру файлов и страниц в фигме, требования к оформлению макетов Описание паттернов работы интерфейса База материалов из внешних источников База видео-записей исследований и тестов Фиксация истории изменений файла с релизами Описание работы всех компонентов Присутствие на бизнес-тестах всех продуктов Процесс работы над задачей по чек-листу Постоянная актуализация макетов
88. Планируем внедрить
89. Планируем внедрить Составление портретов пользователей по сегментам
90. Планируем внедрить Регулярные миты с мобильной разработкой
91. Планируем внедрить Тестирование пользовательских сценариев по каждой задаче
92. Планируем внедрить Базу ошибок
93. Ещё за горизонтом
94. Возможность проводить сплит-тесты на проде на уровне интерфейса Ещё за горизонтом
95. Проектирование интерфейсов на уровне рабочих react-компонентов, пример - Mail.ru group, Альфа-банк Ещё за горизонтом
96. Долгосрочные планирование будущего дизайна Ещё за горизонтом
97. Зачем я это рассказывал?
98. Зачем я это рассказывал? 1Показать, какие дизайнеры занятые ребята
99. Зачем я это рассказывал? 1Показать, какие дизайнеры занятые ребята 2 Показаться умным
100. Зачем я это рассказывал
 на самом деле
101. Зачем я это рассказывал
 на самом деле 1Подготовиться к будущему
102. Зачем я это рассказывал
 на самом деле 1Подготовиться к будущему
103. Зачем я это рассказывал
 на самом деле 1Подготовиться к будущему 2Попросить о помощи
104. Попросить о помощи Продуктовые менеджеры Руководители Разработчики Представители бизнеса Сотрудники банка
105. Можно помочь в направлениях Обмен опытом Рассказывать о неудачах Делиться результатами тестов Критиковать и указывать на ошибки
106. Можно помочь в направлениях Обмен опытом Рассказывать о неудачах Делиться результатами тестов Критиковать и указывать на ошибки Формализация процессов Прикреплять к релевантным задачам, запросам Описывать процессы Собственная библиотека решений, выводов
107. Можно помочь в направлениях Обмен опытом Рассказывать о неудачах Делиться результатами тестов Критиковать и указывать на ошибки Формализация процессов Прикреплять к релевантным задачам, запросам Описывать процессы Собственная библиотека решений, выводов Выделять время и ресурсы Ваше время на объяснение 
 и повторение Время на работу над диз. долгом Ресурсы на инструменты, пример fabuza
108. Спасибо! Давайте общаться?