Профессиональные команды разработчиков все чаще и чаще практикуют Agile. И для многих уже стало привычной нормой — поставлять заказчику продукт (ценности) итеративно. Это действительно сокращает риски и издержки на разработку, а так же позволяет сконцентрироваться на самых важных фичах продукта, оставив все маловажные „хотелки“ и „свистелки“ — на последнюю очередь.
Однако для многих разработчиков интерфейсов, UX-дизайнеров такой подход кажется непривычным. Они предпочитают продумывать концепции проекта целиком, включая различные детали интефейсов и взаимодействия пользователя с системой. Это больше похоже на классический водопад. Более того, от уровня „концепции“ до „визуального дизайна“ зачастую требуется квантовый скачёк, когда дизайнер интерфейсов, сосредоточившись и в одиночку определят самостоятельно внешний вид продукта.
Это порождает массу проблем, характерных для „водопадной“ разработки, например:
часть отрисованных интерфейсов могут быть нереализуемы на практике. Это приводит к конфликту команды разработчиков и UX-специалистов;
часть интерфейсов может быть недостаточно детализирована, что приведет либо к срыву сроков итерации (из-за необходимости экстренно разрабатывать недостающих интерфейс), либо к некачественным деталям в интерфейсах („программистский“ дизайн);
преждевременная концентрация на пикселях и шрифтах (вкусовщина), вместо проработки бизнес-требований и юзабилити-концепций проекта.
В предлагаемом докладе будут разобран практический кейс создания интерфейса web-приложения, работа над которым шла на основе идей передовых зарубежных специалистов в области разработк
12. Пульс проекта
воплощенность
Реализация
Раскраска
Компоновка
Структура
Фичи
Стратегия
инициация время
13. Пульс проекта
воплощенность
Реализация
Раскраска Здравствуйте, хотел бы
узнать можете ли Вы создать
Компоновка приложение для вк с
помощью которого можно
Структура было бы зарабатывать
деньги, тематика не важна.
Фичи И если не трудно назовите
приблизительную цену.
Стратегия
инициация время
14. Пульс проекта
воплощенность
Реализация
Раскраска
Компоновка
Пусть ваш
Структура ДИЗАЙНЕР
ПОДУМАЕТ...
Фичи
Стратегия
инициация время
15. Пульс проекта
воплощенность
Реализация
Раскраска
Компоновка Поиграйте со
шрифтами...
Структура
Фичи
Стратегия
инициация время
16. Пульс проекта
воплощенность
Реализация
Раскраска
Компоновка
Структура
Фичи
Стратегия
инициация время
17. Пульс проекта
воплощенность
Реализация
Раскраска
Компоновка
Структура
Фичи
Стратегия
инициация время
18. Пульс проекта
воплощенность
Реализация
Раскраска
Компоновка
Структура
Фичи
Стратегия
инициация итеррация 0 время
19. Пульс проекта
воплощенность
Реализация
Раскраска
Компоновка
Структура
Фичи
Стратегия
инициация итеррация 0 время
20. Пульс проекта
воплощенность
Реализация
Раскраска
Компоновка
Структура
Фичи
Стратегия
итеррация 0 время
21. Пульс проекта
воплощенность
Реализация
Раскраска
Компоновка
Структура
Фичи
Стратегия
итеррация 0 время
22. Пульс проекта
воплощенность
Реализация
Раскраска
Компоновка
Структура
Фичи
Стратегия
итеррация 0 время
23. Пульс проекта
воплощенность
Реализация
Раскраска
Компоновка
Структура
Фичи
Стратегия
итеррация 0 время
24. Важно, чтобы на проекте наступило СЧАСТЬЕ!
воплощенность
Реализация
Раскраска
Компоновка
Структура
Фичи
Стратегия
итеррация 0 время
25. А потом начинается РАЗРАБОТКА...
воплощенность
Реализация
Раскраска
Компоновка
Структура
Фичи
Стратегия
итеррация 0 итеррация 1
время
26. Пульс проекта
воплощенность
Реализация
Раскраска
Компоновка
Структура
Фичи
Стратегия
итеррация 0 итеррация 1 время
27. Пульс проекта
воплощенность
Реализация
Раскраска
Компоновка
Структура
Фичи
Стратегия
итеррация 1 время
28. Пульс проекта
воплощенность
Реализация
Раскраска
Компоновка
Структура
???
Фичи
Стратегия
итеррация 1 время
29. Пульс проекта
воплощенность
Реализация
Раскраска
Компоновка
Структура
— проверка
Фичи
— обратная связь
Стратегия — анализ
итеррация 1 итеррация 2 время
31. Параллельные потоки
воплощенность
Реализация
Интерфейс
Стратегия
N-1 N N+1 N+2
время
32. Параллельные потоки
воплощенность
Реализация Делает N
Интерфейс
Стратегия
N-1 N N+1 N+2
время
33. Параллельные потоки
воплощенность
Реализация Делает N
Проверяет N-1
Интерфейс
Делает N+1
Стратегия
N-1 N N+1 N+2
время
34. Параллельные потоки
воплощенность
Реализация Делает N
Проверяет N-1
Интерфейс
Делает N+1
Стратегия Проверяет
N-1, N, N+1
Планирует
N+2
N-1 N N+1 N+2
время
35.
36. Выводы
— Основная концепция дизайна согласуется на 0-й итеррации
— Разработка дизайна и программирование в параллельных потоках
— Планирование идет на 2 итеррации вперед
42. Выводы
— Проверять концепции дизайна как можно раньше
— Бумажные прототипы дешевле для внутренних демонстраций
— Для внешних демостраций идеальны кликабельные прототипы
44. Backlog + UX
— Вести два потока
— Мониторить степень реализованности
45. UX-backlog
— User Story для дизайнеров — «крупнее»
чем для разработчиков
— Отслеживаем прогресс и удолетворенность
46. Корневая проблема:
Разработку и дизайн
разный взгляд к
UX ведем в 2 потока
компановке проекта
+
Agile
Бумажные прототипы Хитрый backlog
быстрее и дешевле с обратной связью
47. Владимир
Завертайлов @sibirix
vladimir.zavertaylov@sibirix.ru
Полезная аналитика:
http://blog.sibirix.ru