AlexSvirido Mar 16 2020 at 13:43

Тёмная сторона дизайн-системы и что с ней делать

6 min

10K

Альфа-Банк corporate blogWeb design*Interfaces*Usability*Design

+24

Comments 19

zahmTOD Mar 16 2020 at 15:44

Начинаешь чувствовать себя старым, когда видишь, как очередное поколение опять борется с известными проблемами :) Но загвоздка в том, что люди, которые решали похожие проблемы, не писали об этом статьи на «Медиуме», его тогда не было.
«Дизайн-системы» существуют в печатном деле, у издательств, уже почти сто лет как. Brand guidelines — та же система, с такими же проблемами и решениями. Молчу про индустриальный дизайн, там без этого никуда.
Короче — учите историю, и опыт прошлых поколений, и тогда качество вашего очередного «велосипеда» будет значительно выше.

K0styan Mar 16 2020 at 17:51

Видел я как-то попытку применить классические Brand guidelines параллельно тремя командами (2 сайта и приложение). Формально — всё соблюдено, у всех. Вывесил рядом 3 скриншота — легко можно принять за продукты трёх разных компаний.

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

zahmTOD Mar 17 2020 at 00:16

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

Дизайн-системы, это просто еще одна грань того-же самого — организации работы. И это не революция, и уж тем более не эволюция организационной работы. Просто инструменты у работников другие.
Представьте издательство, выпускающее журнал в 30 странах мира раз в месяц. И каждый выпуск в дизайн журнала вносятся изменения. Т.е. изменения вносятся постоянно, а не раз в месяц. У вас есть десятки языков, локальных особенностей, и даже форматы могут быть разные в каждой стране. При этом журнал должен быть узнаваем везде, быть «одинаковым».
И вот организация этих процессов, а именно изменения в дизайне в главном офисе, информирование остальных офисов, их контроль и есть та формула, в которую надо поставить сегодняшние переменные.

классические Brand guidelines

Если есть классические, значит бывают какие-то другие? Это какие? :)

K0styan Mar 18 2020 at 12:39

Не-а. Есть качественная разница. Можно наверстать журнал под десяток форматов, с шагом сантиметр — и да, понадобятся определённые процессы. Для каждого формата что-то адаптируется автоматом, что-то потребует ручной коррекции. Но это всё заканчивается с подписанием в печать, и после того, как журнал выйдет из печатной машины, вёрстка уже не изменится. Одиннадцатый формат не появится.

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

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

zahmTOD Mar 18 2020 at 23:46

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