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

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

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

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

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

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

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

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

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

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

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

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

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

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

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