Дизайн-команда: два фундаментальных принципа

Хороший дизайнер в определённый момент подмечает существование или отсутствие свода неких правил, принципов работы в той компании (команде) где он трудится.

Эти принципы представляют собой системный подход, который в процессе любой работы, делает её лучше, освобождает от рутины и поиска пройденных решений. Одним словом — оптимизирует.

Пишет про свой опыт Андрей Сундиев (Mail.ru group)

Статья: habr.com/ru/company/mailru/blog/319884

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

1. Систематизация дизайна

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

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

(!) Особенно, если продукт обрастает новыми направлениями, интерфейсами, элементами. Или же компания производит несколько типовых дизайнов, но с разными стилями.

Дело переходит к сортировке всей системы, продукт продолжает разрабатываться и выпускаться. Увеличивается база знаний. Возникают новые вопросы: какое здесь расстояние, какой шрифт, что на счёт цвета, какие элементы? На которые, порою, бывает сложно ответить даже тем дизайнерам, кто это когда-то делал. Продуктов много, сортировки много, решений много, а действовать дальше нужно. И важно действовать продуктивно, без ущерба времени, качеству, нервам.

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

Польза дизайн-систем

А. Единство опыта, знаний и решений.

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

Б. Ускорение процесса и продуманные решения.

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

В. Универсальность, порядок и удобство.

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

Подход с дизайн-системами распространился стремительно по компаниями всего мира. И в России тоже.

Каталог отечественных дизайн-систем

Ссылка: designsystemsclub.ru

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

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

2. Визуальный контроль

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

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

И как итог — продукт в финале выглядит далёким от идеала, от слова совсем. Что подрывает качество и процесс разработки, обесценивая труд команды, специалистов, репутацию компании и, как правило, ухудшая сам продукт.

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

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

Польза визуального контроля

А. Выявление ошибок

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


Б. Контроль качества

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

В. Продуктивность

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

Почитать тут: vc.ru/design/70613-avtorskiy-nadzor

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

Заключение

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

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

Это приносит пользу и экологичную выгоду, работать становится круто и приятно. А результат превосходит все ожидания.