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

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

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

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

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

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

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

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

Этот набор навыков затем распространяется на всю команду, что является фундаментальной ценностью культуры Agile.

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

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

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

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

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

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

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

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

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

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

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

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