SlideShare ist ein Scribd-Unternehmen logo
1 von 47
Downloaden Sie, um offline zu lesen
Agile+UX
Владимир
                @sibirix
  Завертайлов



Специализируемся на приложениях для соцсетей
                Agile с 2003
Основная проблема
На примере разработки красной машины
Основная проблема

Проект, глазами Product Owner-а
Основная проблема

Пришла Owner + Аналитик:
Product аналитика:




Няшно, секси,
ми-ми-ми
Проект, глазами
дизайнера

Няшно, секси,
ми-ми-ми
Основная проблема   Проект, глазами
                    разработчика
Основная проблема   Проект, глазами
                    потребителя
Как вы думаете
что думают дизайнеры
про весь этот Agile?
Постоянные изменения?




                        Не слышал!
Agile + UX
Как совместить
— целостность интерфейса;
— итеративную разработку;
— валидацию интерфейсов рынком?
Пульс проекта
                воплощенность


Реализация

Раскраска

Компоновка

Структура

Фичи

Стратегия
                                инициация   время
Пульс проекта
                воплощенность


Реализация

Раскраска         Здравствуйте, хотел бы
                  узнать можете ли Вы создать
Компоновка        приложение для вк с
                  помощью которого можно
Структура         было бы зарабатывать
                  деньги, тематика не важна.
Фичи              И если не трудно назовите
                  приблизительную цену.
Стратегия
                                инициация   время
Пульс проекта
                воплощенность


Реализация

Раскраска

Компоновка
                                       Пусть ваш
Структура                             ДИЗАЙНЕР
                                      ПОДУМАЕТ...
Фичи

Стратегия
                                инициация           время
Пульс проекта
                воплощенность


Реализация

Раскраска

Компоновка                        Поиграйте со
                                  шрифтами...
Структура

Фичи

Стратегия
                                инициация        время
Пульс проекта
                воплощенность


Реализация

Раскраска

Компоновка

Структура

Фичи

Стратегия
                                инициация   время
Пульс проекта
                воплощенность


Реализация

Раскраска

Компоновка

Структура

Фичи

Стратегия
                                инициация   время
Пульс проекта
                воплощенность


Реализация

Раскраска

Компоновка

Структура

Фичи

Стратегия
                инициация       итеррация 0   время
Пульс проекта
                воплощенность


Реализация

Раскраска

Компоновка

Структура

Фичи

Стратегия
                инициация       итеррация 0   время
Пульс проекта
                воплощенность


Реализация

Раскраска

Компоновка

Структура

Фичи

Стратегия
                                итеррация 0   время
Пульс проекта
                воплощенность


Реализация

Раскраска

Компоновка

Структура

Фичи

Стратегия
                                итеррация 0   время
Пульс проекта
                воплощенность


Реализация

Раскраска

Компоновка

Структура

Фичи

Стратегия
                                итеррация 0   время
Пульс проекта
                воплощенность


Реализация

Раскраска

Компоновка

Структура

Фичи

Стратегия
                                итеррация 0   время
Важно, чтобы на проекте наступило СЧАСТЬЕ!
             воплощенность


Реализация

Раскраска

Компоновка

Структура

Фичи

Стратегия
                             итеррация 0   время
А потом начинается РАЗРАБОТКА...
              воплощенность


Реализация

Раскраска

Компоновка

Структура

Фичи

Стратегия
                          итеррация 0   итеррация 1
                                                время
Пульс проекта
                воплощенность


Реализация

Раскраска

Компоновка

Структура

Фичи

Стратегия
                итеррация 0     итеррация 1   время
Пульс проекта
                воплощенность


Реализация

Раскраска

Компоновка

Структура

Фичи

Стратегия
                                итеррация 1   время
Пульс проекта
                воплощенность


Реализация

Раскраска

Компоновка

Структура
                                   ???
Фичи

Стратегия
                                итеррация 1   время
Пульс проекта
                воплощенность


Реализация

Раскраска

Компоновка

Структура
                — проверка
Фичи
                — обратная связь
Стратегия       — анализ
                         итеррация 1   итеррация 2   время
Где-то тут
и начинается Agile
И проблемы...
Параллельные потоки
             воплощенность


Реализация


Интерфейс


Стратегия




             N-1             N   N+1   N+2
                                        время
Параллельные потоки
             воплощенность


Реализация                   Делает N


Интерфейс


Стратегия




             N-1                N       N+1   N+2
                                               время
Параллельные потоки
             воплощенность


Реализация                     Делает N

                             Проверяет N-1
Интерфейс
                              Делает N+1

Стратегия




             N-1                  N          N+1   N+2
                                                    время
Параллельные потоки
             воплощенность


Реализация                     Делает N

                             Проверяет N-1
Интерфейс
                              Делает N+1

Стратегия                     Проверяет
                              N-1, N, N+1

                              Планирует
                                 N+2
             N-1                  N          N+1   N+2
                                                    время
Agile+UX
Выводы

— Основная концепция дизайна согласуется на 0-й итеррации

— Разработка дизайна и программирование в параллельных потоках

— Планирование идет на 2 итеррации вперед
Как вы думаете
какие прототипы лучше?

— бумажные
— wireframe
— axure
Быстрые бумажные прототипы
Axure для демонстрации взаимодействия
пользователя и системы
Axure vs Бумага




Для внешнего клиента Дешевле и быстрее
Отрисовка концепции
Выводы
— Проверять концепции дизайна как можно раньше

— Бумажные прототипы дешевле для внутренних демонстраций

— Для внешних демостраций идеальны кликабельные прототипы
А как вы ведете backlog?
Backlog + UX
         — Вести два потока
— Мониторить степень реализованности
UX-backlog




  — User Story для дизайнеров — «крупнее»
    чем для разработчиков
  — Отслеживаем прогресс и удолетворенность
Корневая проблема:
                             Разработку и дизайн
        разный взгляд к
 UX                          ведем в 2 потока
        компановке проекта
  +
Agile




        Бумажные прототипы   Хитрый backlog
        быстрее и дешевле    с обратной связью
Владимир
Завертайлов                       @sibirix
vladimir.zavertaylov@sibirix.ru




                              Полезная аналитика:
                             http://blog.sibirix.ru

Weitere ähnliche Inhalte

Ähnlich wie Agile+UX

2014.12.07 09 Елена Гальцина — Прототипирование интерфейсов мобильных приложений
2014.12.07 09 Елена Гальцина — Прототипирование интерфейсов мобильных приложений2014.12.07 09 Елена Гальцина — Прототипирование интерфейсов мобильных приложений
2014.12.07 09 Елена Гальцина — Прототипирование интерфейсов мобильных приложенийHappyDev
 
Rocket Jump: Осада: 4 месяца от концепта до первого места в вконтакте
 Rocket Jump: Осада: 4 месяца от концепта до первого места в вконтакте Rocket Jump: Осада: 4 месяца от концепта до первого места в вконтакте
Rocket Jump: Осада: 4 месяца от концепта до первого места в вконтактеDevGAMM Conference
 
Эффективная работа распределенной команды
Эффективная работа распределенной командыЭффективная работа распределенной команды
Эффективная работа распределенной командыSvetlana Fedyanina
 
CodeFest 2011. Федянина С. — Эффективная работа распределенной команды в Soft...
CodeFest 2011. Федянина С. — Эффективная работа распределенной команды в Soft...CodeFest 2011. Федянина С. — Эффективная работа распределенной команды в Soft...
CodeFest 2011. Федянина С. — Эффективная работа распределенной команды в Soft...CodeFest
 
Geek week 2015. Создание полезных приложений в оговоренный срок.
Geek week 2015. Создание полезных приложений в оговоренный срок.Geek week 2015. Создание полезных приложений в оговоренный срок.
Geek week 2015. Создание полезных приложений в оговоренный срок.Anna Tarasenko
 
Системный анализ в процессе разработки ПО
Системный анализ в процессе разработки ПОСистемный анализ в процессе разработки ПО
Системный анализ в процессе разработки ПОMaxim Galimov
 
Cемь смертных грехов в управлении проектами
Cемь смертных грехов в управлении проектамиCемь смертных грехов в управлении проектами
Cемь смертных грехов в управлении проектамиBoris Volfson
 
Управление проектами
Управление проектами Управление проектами
Управление проектами Nimax
 
«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...
«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...
«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...Nikita Filippov
 
5 правил успешной разработки приложений для бренда
5 правил успешной разработки приложений для бренда 5 правил успешной разработки приложений для бренда
5 правил успешной разработки приложений для бренда Heads&Hands
 
Константин Горский "Как успеть?"
Константин Горский "Как успеть?"Константин Горский "Как успеть?"
Константин Горский "Как успеть?"Yandex
 
Применение элементов BIM в холдинге СКМ Групп. Николай Гонтаренко Директор де...
Применение элементов BIM в холдинге СКМ Групп. Николай Гонтаренко Директор де...Применение элементов BIM в холдинге СКМ Групп. Николай Гонтаренко Директор де...
Применение элементов BIM в холдинге СКМ Групп. Николай Гонтаренко Директор де...Alexey Zotov
 
Инженерный дизайн: как делать умные и красивые продукты
Инженерный дизайн: как делать умные и красивые продуктыИнженерный дизайн: как делать умные и красивые продукты
Инженерный дизайн: как делать умные и красивые продуктыAlexey Borodkin
 
григорьев андрей, юмисофт, основные ошибки ведения It проектов - от документа...
григорьев андрей, юмисофт, основные ошибки ведения It проектов - от документа...григорьев андрей, юмисофт, основные ошибки ведения It проектов - от документа...
григорьев андрей, юмисофт, основные ошибки ведения It проектов - от документа...New Business Idea
 
Интерактивные прототипы в живом коде
Интерактивные прототипы в живом кодеИнтерактивные прототипы в живом коде
Интерактивные прототипы в живом кодеBeaversBrothers
 
Тяжело в учении - легко в бою
Тяжело в учении - легко в боюТяжело в учении - легко в бою
Тяжело в учении - легко в боюDmitry Zimin
 
«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...
«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...
«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...Andrew Shapiro
 
«Как бизнес застройщика влияет модель разработки», Святослав Бочкарёв для IBC...
«Как бизнес застройщика влияет модель разработки», Святослав Бочкарёв для IBC...«Как бизнес застройщика влияет модель разработки», Святослав Бочкарёв для IBC...
«Как бизнес застройщика влияет модель разработки», Святослав Бочкарёв для IBC...Интерактивное агентство «Кельник»
 
Организация производственного процесса в Digital агентстве, Рвачев, Айлав
Организация производственного процесса в Digital агентстве, Рвачев, АйлавОрганизация производственного процесса в Digital агентстве, Рвачев, Айлав
Организация производственного процесса в Digital агентстве, Рвачев, Айлавweb2win
 
How to organize the production process in the digital agency by Nikita Rvache...
How to organize the production process in the digital agency by Nikita Rvache...How to organize the production process in the digital agency by Nikita Rvache...
How to organize the production process in the digital agency by Nikita Rvache...Ailove
 

Ähnlich wie Agile+UX (20)

2014.12.07 09 Елена Гальцина — Прототипирование интерфейсов мобильных приложений
2014.12.07 09 Елена Гальцина — Прототипирование интерфейсов мобильных приложений2014.12.07 09 Елена Гальцина — Прототипирование интерфейсов мобильных приложений
2014.12.07 09 Елена Гальцина — Прототипирование интерфейсов мобильных приложений
 
Rocket Jump: Осада: 4 месяца от концепта до первого места в вконтакте
 Rocket Jump: Осада: 4 месяца от концепта до первого места в вконтакте Rocket Jump: Осада: 4 месяца от концепта до первого места в вконтакте
Rocket Jump: Осада: 4 месяца от концепта до первого места в вконтакте
 
Эффективная работа распределенной команды
Эффективная работа распределенной командыЭффективная работа распределенной команды
Эффективная работа распределенной команды
 
CodeFest 2011. Федянина С. — Эффективная работа распределенной команды в Soft...
CodeFest 2011. Федянина С. — Эффективная работа распределенной команды в Soft...CodeFest 2011. Федянина С. — Эффективная работа распределенной команды в Soft...
CodeFest 2011. Федянина С. — Эффективная работа распределенной команды в Soft...
 
Geek week 2015. Создание полезных приложений в оговоренный срок.
Geek week 2015. Создание полезных приложений в оговоренный срок.Geek week 2015. Создание полезных приложений в оговоренный срок.
Geek week 2015. Создание полезных приложений в оговоренный срок.
 
Системный анализ в процессе разработки ПО
Системный анализ в процессе разработки ПОСистемный анализ в процессе разработки ПО
Системный анализ в процессе разработки ПО
 
Cемь смертных грехов в управлении проектами
Cемь смертных грехов в управлении проектамиCемь смертных грехов в управлении проектами
Cемь смертных грехов в управлении проектами
 
Управление проектами
Управление проектами Управление проектами
Управление проектами
 
«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...
«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...
«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...
 
5 правил успешной разработки приложений для бренда
5 правил успешной разработки приложений для бренда 5 правил успешной разработки приложений для бренда
5 правил успешной разработки приложений для бренда
 
Константин Горский "Как успеть?"
Константин Горский "Как успеть?"Константин Горский "Как успеть?"
Константин Горский "Как успеть?"
 
Применение элементов BIM в холдинге СКМ Групп. Николай Гонтаренко Директор де...
Применение элементов BIM в холдинге СКМ Групп. Николай Гонтаренко Директор де...Применение элементов BIM в холдинге СКМ Групп. Николай Гонтаренко Директор де...
Применение элементов BIM в холдинге СКМ Групп. Николай Гонтаренко Директор де...
 
Инженерный дизайн: как делать умные и красивые продукты
Инженерный дизайн: как делать умные и красивые продуктыИнженерный дизайн: как делать умные и красивые продукты
Инженерный дизайн: как делать умные и красивые продукты
 
григорьев андрей, юмисофт, основные ошибки ведения It проектов - от документа...
григорьев андрей, юмисофт, основные ошибки ведения It проектов - от документа...григорьев андрей, юмисофт, основные ошибки ведения It проектов - от документа...
григорьев андрей, юмисофт, основные ошибки ведения It проектов - от документа...
 
Интерактивные прототипы в живом коде
Интерактивные прототипы в живом кодеИнтерактивные прототипы в живом коде
Интерактивные прототипы в живом коде
 
Тяжело в учении - легко в бою
Тяжело в учении - легко в боюТяжело в учении - легко в бою
Тяжело в учении - легко в бою
 
«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...
«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...
«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...
 
«Как бизнес застройщика влияет модель разработки», Святослав Бочкарёв для IBC...
«Как бизнес застройщика влияет модель разработки», Святослав Бочкарёв для IBC...«Как бизнес застройщика влияет модель разработки», Святослав Бочкарёв для IBC...
«Как бизнес застройщика влияет модель разработки», Святослав Бочкарёв для IBC...
 
Организация производственного процесса в Digital агентстве, Рвачев, Айлав
Организация производственного процесса в Digital агентстве, Рвачев, АйлавОрганизация производственного процесса в Digital агентстве, Рвачев, Айлав
Организация производственного процесса в Digital агентстве, Рвачев, Айлав
 
How to organize the production process in the digital agency by Nikita Rvache...
How to organize the production process in the digital agency by Nikita Rvache...How to organize the production process in the digital agency by Nikita Rvache...
How to organize the production process in the digital agency by Nikita Rvache...
 

Agile+UX

  • 2. Владимир @sibirix Завертайлов Специализируемся на приложениях для соцсетей Agile с 2003
  • 3. Основная проблема На примере разработки красной машины
  • 5. Основная проблема Пришла Owner + Аналитик: Product аналитика: Няшно, секси, ми-ми-ми
  • 7. Основная проблема Проект, глазами разработчика
  • 8. Основная проблема Проект, глазами потребителя
  • 9. Как вы думаете что думают дизайнеры про весь этот Agile?
  • 11. Agile + UX Как совместить — целостность интерфейса; — итеративную разработку; — валидацию интерфейсов рынком?
  • 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 время
  • 30. Где-то тут и начинается Agile И проблемы...
  • 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 время
  • 36. Выводы — Основная концепция дизайна согласуется на 0-й итеррации — Разработка дизайна и программирование в параллельных потоках — Планирование идет на 2 итеррации вперед
  • 37. Как вы думаете какие прототипы лучше? — бумажные — wireframe — axure
  • 39. Axure для демонстрации взаимодействия пользователя и системы
  • 40. Axure vs Бумага Для внешнего клиента Дешевле и быстрее
  • 42. Выводы — Проверять концепции дизайна как можно раньше — Бумажные прототипы дешевле для внутренних демонстраций — Для внешних демостраций идеальны кликабельные прототипы
  • 43. А как вы ведете backlog?
  • 44. Backlog + UX — Вести два потока — Мониторить степень реализованности
  • 45. UX-backlog — User Story для дизайнеров — «крупнее» чем для разработчиков — Отслеживаем прогресс и удолетворенность
  • 46. Корневая проблема: Разработку и дизайн разный взгляд к UX ведем в 2 потока компановке проекта + Agile Бумажные прототипы Хитрый backlog быстрее и дешевле с обратной связью
  • 47. Владимир Завертайлов @sibirix vladimir.zavertaylov@sibirix.ru Полезная аналитика: http://blog.sibirix.ru