agile+ux
DESCRIPTION
Профессиональные команды разработчиков все чаще и чаще практикуют Agile. И для многих уже стало привычной нормой — поставлять заказчику продукт (ценности) итеративно. Это действительно сокращает риски и издержки на разработку, а так же позволяет сконцентрироваться на самых важных фичах продукта, оставив все маловажные „хотелки“ и „свистелки“ — на последнюю очередь. Однако для многих разработчиков интерфейсов, UX-дизайнеров такой подход кажется непривычным. Они предпочитают продумывать концепции проекта целиком, включая различные детали интефейсов и взаимодействия пользователя с системой. Это больше похоже на классический водопад. Более того, от уровня „концепции“ до „визуального дизайна“ зачастую требуется квантовый скачёк, когда дизайнер интерфейсов, сосредоточившись и в одиночку определят самостоятельно внешний вид продукта. Это порождает массу проблем, характерных для „водопадной“ разработки, например: часть отрисованных интерфейсов могут быть нереализуемы на практике. Это приводит к конфликту команды разработчиков и UX-специалистов; часть интерфейсов может быть недостаточно детализирована, что приведет либо к срыву сроков итерации (из-за необходимости экстренно разрабатывать недостающих интерфейс), либо к некачественным деталям в интерфейсах („программистский“ дизайн); преждевременная концентрация на пикселях и шрифтах (вкусовщина), вместо проработки бизнес-требований и юзабилити-концепций проекта. В предлагаемом докладе будут разобран практический кейс создания интерфейса web-приложения, работа над которым шла на основе идей передовых зарубежных специалистов в области разработкTRANSCRIPT
Специализируемся на приложениях для соцсетейAgile с 2003
ВладимирЗавертайлов
@sibirix
Основная проблемаНа примере разработки красной машины
Основная проблема
Проект, глазами Product Owner-а
Основная проблема
Пришла аналитика:
Няшно, секси,ми-ми-ми
Product Owner + Аналитик:
Проект, глазами дизайнера
Няшно, секси,ми-ми-ми
Основная проблема Проект, глазамиразработчика
Основная проблема Проект, глазамипотребителя
Как вы думаетечто думают дизайнерыпро весь этот Agile?
Постоянные изменения?
Не слышал!
Agile + UX
Как совместить
— целостность интерфейса;
— итеративную разработку;
— валидацию интерфейсов рынком?
Пульс проекта
Стратегия
Фичи
Структура
Компоновка
Раскраска
Реализация
время
воплощенность
инициация
Пульс проекта
Фичи
Структура
Компоновка
Раскраска
Реализация
время
воплощенность
инициация
Здравствуйте, хотел бы узнать можете ли Вы создать приложение для вк с помощью которого можнобыло бы зарабатывать деньги, тематика не важна.И если не трудно назовите приблизительную цену.
Стратегия
Пульс проекта
Стратегия
Фичи
Структура
Компоновка
Раскраска
Реализация
время
воплощенность
инициация
Пусть ваш ДИЗАЙНЕР
ПОДУМАЕТ...
Пульс проекта
Стратегия
Фичи
Структура
Компоновка
Раскраска
Реализация
время
воплощенность
инициация
Поиграйте со шрифтами...
Пульс проекта
Стратегия
Фичи
Структура
Компоновка
Раскраска
Реализация
время
воплощенность
инициация
Пульс проекта
Стратегия
Фичи
Структура
Компоновка
Раскраска
Реализация
время
воплощенность
инициация
Пульс проекта
Стратегия
Фичи
Структура
Компоновка
Раскраска
Реализация
время
воплощенность
итеррация 0инициация
Пульс проекта
Стратегия
Фичи
Структура
Компоновка
Раскраска
Реализация
время
воплощенность
итеррация 0инициация
Пульс проекта
Стратегия
Фичи
Структура
Компоновка
Раскраска
Реализация
время
воплощенность
итеррация 0
Пульс проекта
Стратегия
Фичи
Структура
Компоновка
Раскраска
Реализация
время
воплощенность
итеррация 0
Пульс проекта
Стратегия
Фичи
Структура
Компоновка
Раскраска
Реализация
время
воплощенность
итеррация 0
Пульс проекта
Стратегия
Фичи
Структура
Компоновка
Раскраска
Реализация
время
воплощенность
итеррация 0
Важно, чтобы на проекте наступило СЧАСТЬЕ!
Стратегия
Фичи
Структура
Компоновка
Раскраска
Реализация
время
воплощенность
итеррация 0
А потом начинается РАЗРАБОТКА...
Стратегия
Фичи
Структура
Компоновка
Раскраска
Реализация
время
воплощенность
итеррация 0 итеррация 1
Пульс проекта
Стратегия
Фичи
Структура
Компоновка
Раскраска
Реализация
время
воплощенность
итеррация 1итеррация 0
Пульс проекта
Стратегия
Фичи
Структура
Компоновка
Раскраска
Реализация
время
воплощенность
итеррация 1
Пульс проекта
Стратегия
Фичи
Структура
Компоновка
Раскраска
Реализация
время
воплощенность
???
итеррация 1
итеррация 1
Пульс проекта
Стратегия
Фичи
Структура
Компоновка
Раскраска
Реализация
время
воплощенность
итеррация 2
КомпоновкаКомпоновка
— проверка— обратная связь— анализ
Где-то тут и начинается Agile
И проблемы...
N-1
Параллельные потоки
Стратегия
Интерфейс
Реализация
время
воплощенность
N N+1 N+2
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
Выводы
— Основная концепция дизайна согласуется на 0-й итеррации
— Разработка дизайна и программирование в параллельных потоках
— Планирование идет на 2 итеррации вперед
Как вы думаетекакие прототипы лучше?
— бумажные— wireframe— axure
Быстрые бумажные прототипы
Axure для демонстрации взаимодействияпользователя и системы
Axure vs Бумага
Дешевле и быстрееДля внешнего клиента
Отрисовка концепции
— Проверять концепции дизайна как можно раньше
— Бумажные прототипы дешевле для внутренних демонстраций
— Для внешних демостраций идеальны кликабельные прототипы
Выводы
А как вы ведете backlog?
Backlog + UX
— Вести два потока
— Мониторить степень реализованности
UX-backlog
— User Story для дизайнеров — «крупнее» чем для разработчиков
— Отслеживаем прогресс и удолетворенность
Корневая проблема:разный взгляд к компановке проекта
Разработку и дизайн ведем в 2 потока
Хитрый backlogс обратной связью
Бумажные прототипы быстрее и дешевле
UX+
Agile