SlideShare a Scribd company logo
1 of 46
« Шустрый »  дизайн   Как делить неделимое Андрей Шапиро проектировщик интерфейса, руководитель проектов
О чём  будем  говорить ,[object Object],[object Object],[object Object]
Agile + UX = ? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
UX  «на пальцах». Можно ли его проектировать? Первый опыт общения с приложением не передал пользователю ничего о его действительных  назначении  и  способах взаимодействия. Любой на планете Земля встретив сейчас объект, напоминающий по   форме масляную лампу, попробует потереть его, усвоив идиому из сказки. дизайн -> усвоение, опыт -> дизайн
Что входит в такое «проектирование» ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],повод для итеративности?
10 лет пирогу Гарретта Компоновка Элементы интерфейса Навигация Структура стоимость изменений Jesse James Garrett’s  Elements of User Experience   http://www.jjg.net/elements/ Информационный дизайн Проектирование взаимодействия Информацион. архитектура UX  через призму разработки
Уровни опыта взаимодействия по Гарретту ,[object Object],[object Object],[object Object],[object Object],«Раскраска» Структура Требования Стратегия Компоновка
[object Object],Как включать проектирование взаимодействия в  Agile  разработку
Agile + UX  =   как ?  Опыт мирового  Agile- сообщества ,[object Object],[object Object],Lynn Miller
Отделение дизайна от разработки ,[object Object],[object Object],[object Object],[object Object],[object Object]
Параллельные треки разработки и проектирования
К чему вы должны быть готовы при двух треках ,[object Object],[object Object]
Нагрузка в  UX- команде ,[object Object],[object Object],[object Object],[object Object]
Agile + UX  =   как ?  Опыт мирового  Agile- сообщества ,[object Object],[object Object],[object Object],[object Object]
Agile + UX  =   как ?  Опыт мирового  Agile- сообщества ,[object Object],[object Object],[object Object],0-я итерация Сложные для разработки, но простые для дизайна задачи
Agile + UX  =   как ?  Опыт мирового  Agile- сообщества ,[object Object],[object Object]
Agile + UX  =   как ?  Опыт мирового  Agile- сообщества ,[object Object],RITE — Rapid Iterative Testing and Evaluation
Agile + UX  =   как ?  Опыт мирового  Agile- сообщества ,[object Object],[object Object]
Основной прорыв исходит из двух тезисах ,[object Object],[object Object]
Нулевая  итерация ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Как организуют процесс  UX + Agile  в  Autodesk
Как организуют процесс в Autodesk ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Руководство к разбиению ,[object Object],[object Object],[object Object]
Пример требований. Цели дизайна ,[object Object],[object Object],[object Object],[object Object],Компонент   перемещения поворота и масштабирования в программе  Sketchbook   Pro 2
Пример
Требования на  UX- итерацию ,[object Object],[object Object],[object Object],[object Object]
Что можно проектировать позже ,[object Object],[object Object],[object Object],[object Object]
И это всё?
Общая методология разбиения ,[object Object],[object Object],[object Object]
Этап целостного дизайна ,[object Object],[object Object],[object Object],Целостного видения, а значит проработки на начальном этапе требуют
Проработки на начальном этапе требуют ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],В компоновке В структуре
Что делится легко и безболезненно ,[object Object],[object Object],[object Object],[object Object]
Как процесс устроен у нас ,[object Object],[object Object],[object Object],[object Object],[object Object]
Артефакты продуктовой команды. Мы используем… ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Доска задач по результатам  UX- тестирования
ЭРГО ,[object Object],[object Object],[object Object],[object Object]
Напутствие и рекомендации проектировщику ,[object Object],[object Object],[object Object],[object Object]
Напутствие и рекомендации проектировщику ,[object Object],[object Object],[object Object]
Напутствие и рекомендации проектировщику ,[object Object]
Напутствие и рекомендации проектировщику ,[object Object]
Напутствие и рекомендации проектировщику ,[object Object],Фичи на оранжевом, критерии приёмки на синем P.S.:  Помните, люди не любят изменения.  Они в   любом случае будут встречать их с недовольством.
Что почитать   на эту тему ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Спасибо за внимание! Андрей Шапиро проектировщик интерфейса,  руководитель проектов Спасибо за внимание! @ xraizor andrew @ ashapiro.ru x-raizor.livejournal.com
Процесс моделирования в нулевой итерации ,[object Object],[object Object],[object Object],[object Object]
Процесс моделирования в нулевой итерации ,[object Object],[object Object],[object Object]
Процесс моделирования в нулевой итерации ,[object Object],[object Object],[object Object],[object Object],[object Object]

More Related Content

What's hot

почему юзабилити дмитрий сатин
почему юзабилити   дмитрий сатинпочему юзабилити   дмитрий сатин
почему юзабилити дмитрий сатин
Media Gorod
 

What's hot (20)

Стачка! 2016: Юрий Ветров — Дизайн с выхлопом
Стачка! 2016: Юрий Ветров — Дизайн с выхлопомСтачка! 2016: Юрий Ветров — Дизайн с выхлопом
Стачка! 2016: Юрий Ветров — Дизайн с выхлопом
 
Будущее UX методологии и проблемы/«дорожная карта» // RIF'2014
Будущее UX методологии и проблемы/«дорожная карта» // RIF'2014Будущее UX методологии и проблемы/«дорожная карта» // RIF'2014
Будущее UX методологии и проблемы/«дорожная карта» // RIF'2014
 
UXPeople2013: Юрий Ветров — UX-стратегия. Теория и практика
UXPeople2013: Юрий Ветров — UX-стратегия. Теория и практикаUXPeople2013: Юрий Ветров — UX-стратегия. Теория и практика
UXPeople2013: Юрий Ветров — UX-стратегия. Теория и практика
 
UX-Среда №21: Дмитрий Щеглов — Мобильный дизайн в Сбербанке
UX-Среда №21: Дмитрий Щеглов — Мобильный дизайн в СбербанкеUX-Среда №21: Дмитрий Щеглов — Мобильный дизайн в Сбербанке
UX-Среда №21: Дмитрий Щеглов — Мобильный дизайн в Сбербанке
 
UX-Марафон 2015: Ю.Ветров — Дайджест продуктового дизайна, выпуск 1
UX-Марафон 2015: Ю.Ветров — Дайджест продуктового дизайна, выпуск 1UX-Марафон 2015: Ю.Ветров — Дайджест продуктового дизайна, выпуск 1
UX-Марафон 2015: Ю.Ветров — Дайджест продуктового дизайна, выпуск 1
 
UXPeople 2015: Юрий Ветров — Платформенное мышление
UXPeople 2015: Юрий Ветров — Платформенное мышлениеUXPeople 2015: Юрий Ветров — Платформенное мышление
UXPeople 2015: Юрий Ветров — Платформенное мышление
 
Юзабилити-тестирование
Юзабилити-тестирование Юзабилити-тестирование
Юзабилити-тестирование
 
UX Design Рrocess
UX Design РrocessUX Design Рrocess
UX Design Рrocess
 
UX Strategy 101
UX Strategy 101UX Strategy 101
UX Strategy 101
 
почему юзабилити дмитрий сатин
почему юзабилити   дмитрий сатинпочему юзабилити   дмитрий сатин
почему юзабилити дмитрий сатин
 
Design Management
Design ManagementDesign Management
Design Management
 
Микромоменты: руководство по успешному мобильному маркетингу
Микромоменты: руководство по успешному мобильному маркетингуМикромоменты: руководство по успешному мобильному маркетингу
Микромоменты: руководство по успешному мобильному маркетингу
 
CodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуре
CodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуреCodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуре
CodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуре
 
Павел Манахов, Поиск причин юзабилити-проблем
Павел Манахов, Поиск причин юзабилити-проблемПавел Манахов, Поиск причин юзабилити-проблем
Павел Манахов, Поиск причин юзабилити-проблем
 
Курсы по User Experience от ITMINE
Курсы по User Experience от ITMINEКурсы по User Experience от ITMINE
Курсы по User Experience от ITMINE
 
Дмитрий Андронов, Корпоративный UX
Дмитрий Андронов, Корпоративный UXДмитрий Андронов, Корпоративный UX
Дмитрий Андронов, Корпоративный UX
 
Ярослав Шуваев – Lean ux strategy
Ярослав Шуваев – Lean ux strategyЯрослав Шуваев – Lean ux strategy
Ярослав Шуваев – Lean ux strategy
 
Дизайн-команда в продуктовой компании
Дизайн-команда в продуктовой компанииДизайн-команда в продуктовой компании
Дизайн-команда в продуктовой компании
 
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, командаUser Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
 
Course User interface — Lesson 11
Course User interface — Lesson 11Course User interface — Lesson 11
Course User interface — Lesson 11
 

Similar to «Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-командах»

2013-04-06 01 Максим Юнусов. Архитектура в agile-проекте
2013-04-06 01 Максим Юнусов. Архитектура в agile-проекте2013-04-06 01 Максим Юнусов. Архитектура в agile-проекте
2013-04-06 01 Максим Юнусов. Архитектура в agile-проекте
Омские ИТ-субботники
 
DUMP-2012 - Проектирование интерфейсов - "Опыт аутстаффинга проектировщиков п...
DUMP-2012 - Проектирование интерфейсов - "Опыт аутстаффинга проектировщиков п...DUMP-2012 - Проектирование интерфейсов - "Опыт аутстаффинга проектировщиков п...
DUMP-2012 - Проектирование интерфейсов - "Опыт аутстаффинга проектировщиков п...
it-people
 
Проектирование программных систем. Занятие 4
Проектирование программных систем. Занятие 4Проектирование программных систем. Занятие 4
Проектирование программных систем. Занятие 4
Dima Dzuba
 

Similar to «Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-командах» (20)

Архитектура в Agile проекте
Архитектура в Agile проектеАрхитектура в Agile проекте
Архитектура в Agile проекте
 
2013-04-06 01 Максим Юнусов. Архитектура в agile-проекте
2013-04-06 01 Максим Юнусов. Архитектура в agile-проекте2013-04-06 01 Максим Юнусов. Архитектура в agile-проекте
2013-04-06 01 Максим Юнусов. Архитектура в agile-проекте
 
Модуль 15. Лекция 59-60.
Модуль 15. Лекция 59-60. Модуль 15. Лекция 59-60.
Модуль 15. Лекция 59-60.
 
«Место юзабилити в процессе разработки» - Артем Костенко
«Место юзабилити в процессе разработки» - Артем Костенко«Место юзабилити в процессе разработки» - Артем Костенко
«Место юзабилити в процессе разработки» - Артем Костенко
 
SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...
SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...
SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...
 
РИТ-2008: Взаимодействие отдела проектирования интерфейсов и разработчиков в ...
РИТ-2008: Взаимодействие отдела проектирования интерфейсов и разработчиков в ...РИТ-2008: Взаимодействие отдела проектирования интерфейсов и разработчиков в ...
РИТ-2008: Взаимодействие отдела проектирования интерфейсов и разработчиков в ...
 
опыт проектирования интерфейса Smart nut
опыт проектирования интерфейса Smart nutопыт проектирования интерфейса Smart nut
опыт проектирования интерфейса Smart nut
 
Как выучить дизайнеров
Как выучить дизайнеровКак выучить дизайнеров
Как выучить дизайнеров
 
UX checklist в тестировании
UX checklist в тестированииUX checklist в тестировании
UX checklist в тестировании
 
Roles happy dev-2013-tsepkov
Roles happy dev-2013-tsepkovRoles happy dev-2013-tsepkov
Roles happy dev-2013-tsepkov
 
WUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного веба
WUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного вебаWUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного веба
WUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного веба
 
Бизнес-анализ и юзабилити – найдите 10 отличий (и 10 сходств)
Бизнес-анализ и юзабилити – найдите 10 отличий (и 10 сходств)Бизнес-анализ и юзабилити – найдите 10 отличий (и 10 сходств)
Бизнес-анализ и юзабилити – найдите 10 отличий (и 10 сходств)
 
Основы быстрого прототипирования
Основы быстрого прототипированияОсновы быстрого прототипирования
Основы быстрого прототипирования
 
Бизнес-анализ и юзабилити - найдите 10 отличий (и 10 сходств).
Бизнес-анализ и юзабилити - найдите 10 отличий (и 10 сходств).Бизнес-анализ и юзабилити - найдите 10 отличий (и 10 сходств).
Бизнес-анализ и юзабилити - найдите 10 отличий (и 10 сходств).
 
Проектирование больших ИС в Agile (статья)
Проектирование больших ИС в Agile (статья)Проектирование больших ИС в Agile (статья)
Проектирование больших ИС в Agile (статья)
 
DUMP-2012 - Проектирование интерфейсов - "Опыт аутстаффинга проектировщиков п...
DUMP-2012 - Проектирование интерфейсов - "Опыт аутстаффинга проектировщиков п...DUMP-2012 - Проектирование интерфейсов - "Опыт аутстаффинга проектировщиков п...
DUMP-2012 - Проектирование интерфейсов - "Опыт аутстаффинга проектировщиков п...
 
Наш UX процесс
Наш UX процессНаш UX процесс
Наш UX процесс
 
Urban
UrbanUrban
Urban
 
Предпроектная работа над сайтом
Предпроектная работа над сайтомПредпроектная работа над сайтом
Предпроектная работа над сайтом
 
Проектирование программных систем. Занятие 4
Проектирование программных систем. Занятие 4Проектирование программных систем. Занятие 4
Проектирование программных систем. Занятие 4
 

More from Nikita Filippov

Project Manager - Глупая идея
Project Manager - Глупая идеяProject Manager - Глупая идея
Project Manager - Глупая идея
Nikita Filippov
 
Lego симуляция © Alex Krivitsky
Lego симуляция © Alex KrivitskyLego симуляция © Alex Krivitsky
Lego симуляция © Alex Krivitsky
Nikita Filippov
 

More from Nikita Filippov (20)

Project Manager - Глупая идея
Project Manager - Глупая идеяProject Manager - Глупая идея
Project Manager - Глупая идея
 
6 scrum master
6 scrum master6 scrum master
6 scrum master
 
7 retro
7 retro7 retro
7 retro
 
5 risk
5 risk5 risk
5 risk
 
3 story mapping
3 story mapping3 story mapping
3 story mapping
 
2 bmg
2 bmg2 bmg
2 bmg
 
Lego симуляция © Alex Krivitsky
Lego симуляция © Alex KrivitskyLego симуляция © Alex Krivitsky
Lego симуляция © Alex Krivitsky
 
4 woz
4 woz4 woz
4 woz
 
Simple steps to makes great products
Simple steps to makes great productsSimple steps to makes great products
Simple steps to makes great products
 
Vietnam
VietnamVietnam
Vietnam
 
Story mapping
Story mapping Story mapping
Story mapping
 
Vision Crafting
Vision Crafting Vision Crafting
Vision Crafting
 
Lean startup
Lean startupLean startup
Lean startup
 
Customer Development
Customer Development Customer Development
Customer Development
 
Scrum в Заказной разработке
Scrum в Заказной разработкеScrum в Заказной разработке
Scrum в Заказной разработке
 
Innovation games for Agileee
Innovation games for AgileeeInnovation games for Agileee
Innovation games for Agileee
 
Who is Scrum Master Today?
Who is Scrum Master Today?Who is Scrum Master Today?
Who is Scrum Master Today?
 
Распределенный SCRUM - to be or not to be collocated collocated
Распределенный SCRUM - to be or not to be collocated collocatedРаспределенный SCRUM - to be or not to be collocated collocated
Распределенный SCRUM - to be or not to be collocated collocated
 
Командный старт
Командный стартКомандный старт
Командный старт
 
Rugby, Scrum и командная работа
Rugby, Scrum и командная работаRugby, Scrum и командная работа
Rugby, Scrum и командная работа
 

«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-командах»

  • 1. « Шустрый » дизайн Как делить неделимое Андрей Шапиро проектировщик интерфейса, руководитель проектов
  • 2.
  • 3.
  • 4. UX «на пальцах». Можно ли его проектировать? Первый опыт общения с приложением не передал пользователю ничего о его действительных назначении и  способах взаимодействия. Любой на планете Земля встретив сейчас объект, напоминающий по   форме масляную лампу, попробует потереть его, усвоив идиому из сказки. дизайн -> усвоение, опыт -> дизайн
  • 5.
  • 6. 10 лет пирогу Гарретта Компоновка Элементы интерфейса Навигация Структура стоимость изменений Jesse James Garrett’s Elements of User Experience http://www.jjg.net/elements/ Информационный дизайн Проектирование взаимодействия Информацион. архитектура UX через призму разработки
  • 7.
  • 8.
  • 9.
  • 10.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21. Как организуют процесс UX + Agile в  Autodesk
  • 22.
  • 23.
  • 24.
  • 26.
  • 27.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35. Доска задач по результатам UX- тестирования
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43. Спасибо за внимание! Андрей Шапиро проектировщик интерфейса, руководитель проектов Спасибо за внимание! @ xraizor andrew @ ashapiro.ru x-raizor.livejournal.com
  • 44.
  • 45.
  • 46.

Editor's Notes

  1. Ключ к решению лежит в балансировании между   несколькими подходами
  2. Как и «управление временем» выражение «проектирование опыта взаимодействия» переворачивает всё с ног на голову и стоит понимать, что имеется здесь в виду.
  3. Где здесь User Stories? Почему сбор данных предусмотрен только в основании пирамиды? Почему так ватерфольно?
  4. Самый простой пример такого вырождения. Структура предполагала участие не более двух пользователей в диалоге, а понадобилось сделать чат с несколькими. Или представим, что заказчики Почтовой программы захотели делать видеозвонки адресатам.
  5. Сюда иллюстрацию и
  6. Проектировщик взаимодействия натренирован рассматривать опыт цельно. Разбиение на части не поддерживающие workflow, по началу трудно, но даётся со временем.
  7. Образные примеры
  8. Итерируйте бумажные прототипы. Разработка прототипа в компьютерной системе всегда дороже, это уже разработка, а не можелирование, и не нужна на этапе моделирования
  9. Что делать если ядро не успели создать на нулевой итерации