Перейти к содержанию
Разработка ПО

Дизайн по методологии Agile

Совместное создание дизайна и рекомендации по процессу

Просмотр тем
Scrum
Kanban
Управление проектами по гибкой методологии Agile
Управление продуктами
Agile-подход при любом масштабе
Разработка программного обеспечения
Дизайн
Agile-маркетинг
Преимущество Agile
Agile-команды
Руководства по Agile
Беседы о методологии Agile
О тренере по agile

Дизайн — это важный компонент любого проекта по разработке ПО. Однако зачастую agile-команды не могут определиться с дизайном по следующим четырем причинам:

  • Многие команды на этапе планирования фокусируются на высокоточном дизайне, из-за чего в процессе реализации возникают отсылки к традициям каскадного метода.

  • Часто дизайнеры работают с несколькими командами и имеют ограниченное время на отдельно взятую команду.

  • Дизайнерам не всегда доступен удобный способ обмена обратной связью с командой разработчиков.

  • Уровни логики и визуального представления не всегда четко разделены в базе кода, из-за чего изменение стиля становится сложной задачей.

Дизайн: рекомендуемый контент

[Продолжение]

Гибкость одинаково важна в разработке и при создании дизайна

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

design-video-thumbnail

Как можно заметить, владелец продукта и дизайнер начинают проводить мозговые штурмы и работать с планом по продукту на раннем этапе. Они стремятся подтвердить бизнес-сценарий и убедиться в том, что время команды разработчиков будет потрачено на решение реальных проблем, с которыми сталкиваются реальные клиенты.

status-exclaim
Подсказка

Данный этап не является «нулевым спринтом». Важно правильно выполнить фундаментальные задачи, а не просто заполнить ими заданный временной промежуток. Успешный старт программы будет давать результаты на протяжении всего проекта. Поэтому потратьте столько времени, сколько потребуется.

После начального планирования и формирования идеи менеджер по продукту и дизайнер начинают взаимодействовать с командой разработчиков. На протяжении всей программы разработка визуального и интерактивного дизайна ведется итерациями (как и при работе с архитектурой ПО): определяется самая важная проблема и создается дизайн (и код) в объеме, необходимом для получения отзывов о решении.

Подключите дизайнеров к командной работе при планировании спринтов и ведении бэклога. Их участие в принятии решений о направлении развития продукта упростит достижение цели.

Проявите гибкость при создании дизайна с помощью бесплатных шаблонов Jira

С помощью бесплатных настраиваемых шаблонов дизайна легко синхронизировать работу всех участников.

Разработчики и владельцы продукта тоже могут участвовать в создании дизайна!

Во многих организациях дизайнеры работают с нескольким командами (или даже с несколькими продуктами). Так происходит и в Atlassian, и мы стремимся рационально использовать драгоценное время дизайнеров.

Рекомендации по дизайну Atlassian — это набор принципов, рекомендаций и ресурсов для дизайна и разработки превосходных интерфейсов. Наши рекомендации касаются не только визуальных элементов, но и отражают наши ценности в отношении дизайна пользовательского интерфейса. Благодаря этому разные agile-команды могут сохранять единообразие при разработке интерфейсов для разных семейств продуктов. Как уже упоминалось, мы включаем разработчиков и владельцев продукта в процесс дизайна. Когда вся команда работает сообща, используя рекомендации по дизайну Atlassian, разработчики и владельцы продукта накапливают знания и навыки в области дизайна. Затем, в соответствии с базовыми принципами agile-разработки, они делятся полученными навыками со всей командой.

Помимо формирования общего видения, мы расширили свой подход к дизайну по методике Agile с помощью дополнительных инструментов. Рекомендации по дизайну Atlassian распространяются по следующим трем основным каналам.

  • Веб-сайт с рекомендациями по дизайну Atlassian, на котором перечислены основные принципы и методология, используемые нами при принятии решений по дизайну.

  • Пакет для сборки пользовательского интерфейса Atlassian (AUI) — набор шаблонов HTML, JavaScript и CSS, реализующий все наши элементы дизайна в виде кода.

  • Шаблоны Keynote и PowerPoint с визуальным представлением всех наших компонентов.

Разработчики могут загрузить пакет AUI и создавать на его основе макеты. Владельцы продуктов могут подготавливать реалистичные презентации интерфейса продуктов, не написав при этом ни строчки кода. Это эффективный способ получения предметных и практически применимых отзывов о дизайне. Кроме того, эти ресурсы позволяют всем участникам agile-команды вносить вклад в работу над дизайном. Один из дизайнеров руководит процессом планирования, в то время как остальная часть команды опосредованно участвует в принятии решений, выполняя итерации. Благодаря этому дизайн больше не является узким местом, и работа всей команды еще лучше соответствует принципам Agile.

Дизайн отличного пользовательского интерфейса

Разработка любой функции включает два направления: дизайн пользовательского интерфейса и визуальный дизайн. В дизайне пользовательского интерфейса специалисты фокусируются на архитектуре данных и рабочих процессах новой функции. Визуальный дизайн, в свою очередь, охватывает дизайн взаимодействия и оформление функции. Иногда команды уделяют чрезмерное внимание визуальному дизайну, поскольку это наиболее волнующий и увлекательный компонент разработки продукта. Однако при всей своей важности визуальный дизайн — не единственный компонент дизайна. Иначе говоря, без качественного пользовательского интерфейса даже самый великолепный визуальный дизайн не заставит пользователей полюбить продукт.

Дизайнеры с их повышенной чувствительностью к удобству использования и интуитивной способностью к обнаружению ошибок верстки и формата представляют собой ценный источник обратной связи. Дайте им возможность с легкостью создавать снимки экрана, делать на них пометки, сообщать об ошибках и рекомендовать улучшения.

Гибкий дизайн всегда будет актуален

Как и парадигмы разработки, принципы дизайна со временем изменяются. Такие современные технологии, как CSS, позволяют с легкостью разделить внешний вид и логику приложения. Обязательно структурируйте автоматические тесты, чтобы они сохраняли стабильность по мере развития визуального дизайна. Дизайн будет меняться, и важно быть уверенным, что база кода будет соответствовать новым условиям.

Sven Peters
Sven Peters

Свен Питерс, консультант по разработке в Atlassian, уже 15 лет изучает тенденции создания ПО, выявляя культурные и технические особенности, помогающие командам разработчиков добиваться значимых результатов и внедрять инновации. За его плечами 20 лет программирования, управления командами и обмена опытом с тысячами разработчиков на бессчетном количестве конференций более чем в 25 странах.

Дизайн: рекомендуемый контент