Agile+UX

1,059 views

Published on

Профессиональные команды разработчиков все чаще и чаще практикуют Agile. И для многих уже стало привычной нормой — поставлять заказчику продукт (ценности) итеративно. Это действительно сокращает риски и издержки на разработку, а так же позволяет сконцентрироваться на самых важных фичах продукта, оставив все маловажные „хотелки“ и „свистелки“ — на последнюю очередь.

Однако для многих разработчиков интерфейсов, UX-дизайнеров такой подход кажется непривычным. Они предпочитают продумывать концепции проекта целиком, включая различные детали интефейсов и взаимодействия пользователя с системой. Это больше похоже на классический водопад. Более того, от уровня „концепции“ до „визуального дизайна“ зачастую требуется квантовый скачёк, когда дизайнер интерфейсов, сосредоточившись и в одиночку определят самостоятельно внешний вид продукта.

Это порождает массу проблем, характерных для „водопадной“ разработки, например:

часть отрисованных интерфейсов могут быть нереализуемы на практике. Это приводит к конфликту команды разработчиков и UX-специалистов;
часть интерфейсов может быть недостаточно детализирована, что приведет либо к срыву сроков итерации (из-за необходимости экстренно разрабатывать недостающих интерфейс), либо к некачественным деталям в интерфейсах („программистский“ дизайн);
преждевременная концентрация на пикселях и шрифтах (вкусовщина), вместо проработки бизнес-требований и юзабилити-концепций проекта.
В предлагаемом докладе будут разобран практический кейс создания интерфейса web-приложения, работа над которым шла на основе идей передовых зарубежных специалистов в области разработк

Published in: Design
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,059
On SlideShare
0
From Embeds
0
Number of Embeds
14
Actions
Shares
0
Downloads
13
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Agile+UX

  1. 1. Владимир @sibirix ЗавертайловСпециализируемся на приложениях для соцсетей Agile с 2003
  2. 2. Основная проблемаНа примере разработки красной машины
  3. 3. Основная проблемаПроект, глазами Product Owner-а
  4. 4. Основная проблемаПришла Owner + Аналитик:Product аналитика:Няшно, секси,ми-ми-ми
  5. 5. Проект, глазамидизайнераНяшно, секси,ми-ми-ми
  6. 6. Основная проблема Проект, глазами разработчика
  7. 7. Основная проблема Проект, глазами потребителя
  8. 8. Как вы думаетечто думают дизайнерыпро весь этот Agile?
  9. 9. Постоянные изменения? Не слышал!
  10. 10. Agile + UXКак совместить— целостность интерфейса;— итеративную разработку;— валидацию интерфейсов рынком?
  11. 11. Пульс проекта воплощенностьРеализацияРаскраскаКомпоновкаСтруктураФичиСтратегия инициация время
  12. 12. Пульс проекта воплощенностьРеализацияРаскраска Здравствуйте, хотел бы узнать можете ли Вы создатьКомпоновка приложение для вк с помощью которого можноСтруктура было бы зарабатывать деньги, тематика не важна.Фичи И если не трудно назовите приблизительную цену.Стратегия инициация время
  13. 13. Пульс проекта воплощенностьРеализацияРаскраскаКомпоновка Пусть вашСтруктура ДИЗАЙНЕР ПОДУМАЕТ...ФичиСтратегия инициация время
  14. 14. Пульс проекта воплощенностьРеализацияРаскраскаКомпоновка Поиграйте со шрифтами...СтруктураФичиСтратегия инициация время
  15. 15. Пульс проекта воплощенностьРеализацияРаскраскаКомпоновкаСтруктураФичиСтратегия инициация время
  16. 16. Пульс проекта воплощенностьРеализацияРаскраскаКомпоновкаСтруктураФичиСтратегия инициация время
  17. 17. Пульс проекта воплощенностьРеализацияРаскраскаКомпоновкаСтруктураФичиСтратегия инициация итеррация 0 время
  18. 18. Пульс проекта воплощенностьРеализацияРаскраскаКомпоновкаСтруктураФичиСтратегия инициация итеррация 0 время
  19. 19. Пульс проекта воплощенностьРеализацияРаскраскаКомпоновкаСтруктураФичиСтратегия итеррация 0 время
  20. 20. Пульс проекта воплощенностьРеализацияРаскраскаКомпоновкаСтруктураФичиСтратегия итеррация 0 время
  21. 21. Пульс проекта воплощенностьРеализацияРаскраскаКомпоновкаСтруктураФичиСтратегия итеррация 0 время
  22. 22. Пульс проекта воплощенностьРеализацияРаскраскаКомпоновкаСтруктураФичиСтратегия итеррация 0 время
  23. 23. Важно, чтобы на проекте наступило СЧАСТЬЕ! воплощенностьРеализацияРаскраскаКомпоновкаСтруктураФичиСтратегия итеррация 0 время
  24. 24. А потом начинается РАЗРАБОТКА... воплощенностьРеализацияРаскраскаКомпоновкаСтруктураФичиСтратегия итеррация 0 итеррация 1 время
  25. 25. Пульс проекта воплощенностьРеализацияРаскраскаКомпоновкаСтруктураФичиСтратегия итеррация 0 итеррация 1 время
  26. 26. Пульс проекта воплощенностьРеализацияРаскраскаКомпоновкаСтруктураФичиСтратегия итеррация 1 время
  27. 27. Пульс проекта воплощенностьРеализацияРаскраскаКомпоновкаСтруктура ???ФичиСтратегия итеррация 1 время
  28. 28. Пульс проекта воплощенностьРеализацияРаскраскаКомпоновкаСтруктура — проверкаФичи — обратная связьСтратегия — анализ итеррация 1 итеррация 2 время
  29. 29. Где-то тути начинается AgileИ проблемы...
  30. 30. Параллельные потоки воплощенностьРеализацияИнтерфейсСтратегия N-1 N N+1 N+2 время
  31. 31. Параллельные потоки воплощенностьРеализация Делает NИнтерфейсСтратегия N-1 N N+1 N+2 время
  32. 32. Параллельные потоки воплощенностьРеализация Делает N Проверяет N-1Интерфейс Делает N+1Стратегия N-1 N N+1 N+2 время
  33. 33. Параллельные потоки воплощенностьРеализация Делает N Проверяет N-1Интерфейс Делает N+1Стратегия Проверяет N-1, N, N+1 Планирует N+2 N-1 N N+1 N+2 время
  34. 34. Выводы— Основная концепция дизайна согласуется на 0-й итеррации— Разработка дизайна и программирование в параллельных потоках— Планирование идет на 2 итеррации вперед
  35. 35. Как вы думаетекакие прототипы лучше?— бумажные— wireframe— axure
  36. 36. Быстрые бумажные прототипы
  37. 37. Axure для демонстрации взаимодействияпользователя и системы
  38. 38. Axure vs БумагаДля внешнего клиента Дешевле и быстрее
  39. 39. Отрисовка концепции
  40. 40. Выводы— Проверять концепции дизайна как можно раньше— Бумажные прототипы дешевле для внутренних демонстраций— Для внешних демостраций идеальны кликабельные прототипы
  41. 41. А как вы ведете backlog?
  42. 42. Backlog + UX — Вести два потока— Мониторить степень реализованности
  43. 43. UX-backlog — User Story для дизайнеров — «крупнее» чем для разработчиков — Отслеживаем прогресс и удолетворенность
  44. 44. Корневая проблема: Разработку и дизайн разный взгляд к UX ведем в 2 потока компановке проекта +Agile Бумажные прототипы Хитрый backlog быстрее и дешевле с обратной связью
  45. 45. ВладимирЗавертайлов @sibirixvladimir.zavertaylov@sibirix.ru Полезная аналитика: http://blog.sibirix.ru

×