Дизайн по методике agile

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

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

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

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

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

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

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

• Веб-сайт с рекомендациями по дизайну Atlassian, на котором перечислены основные принципы и методика, используемые нами в процессе принятия решений по дизайну.
• Пакет пользовательского интерфейса Atlassian (AUI). Здесь содержится набор шаблонов HTML, JavaScript и CSS, с помощью которых в коде реализуются все элементы нашего дизайна.
• Шаблоны Keynote и PowerPoint с визуальным представлением всех наших компонентов.

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

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

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

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