6 подписчиков
«Соберите нам дизайн-систему, покажите, как пользоваться, а дальше мы сами». Это достаточно типовой запрос к нам, и мы всецело его поддерживаем.
Биться в истерике «как же вы без дизайнера соберете себе целую страницу с тремя формами и таблицей» как-то непрофессионально, что ли. Знаем, что соберут, если в руках будут необходимые кирпичики. И не будет лишних.
Проблема универсальных дизайн-систем в том, что нужно обладать отдельной компетенцией, чтобы их использовать. И в дизайне, и в разработке. Если коротко, то готовое жмет по двум пунктам.
1. Слишком много лишнего, которое только запутывает дизайнера и вызывает неодолимое желание использовать всю палитру возможностей. То есть превращать интерфейс в винегрет.
2. Не хватает двух суперважных лично для нас элементов. Всего двух! Но важных.
Так что желание сделать маленькую, но свою дизайн-систему — понятно и часто более чем оправданно с точки зрения бизнеса.
Задача по созданию дизайн-системы всегда идет от частного к общему. Сначала надо сделать работающий интерфейс, а потом разобрать его на отдельные кирпичики. Можно срезать путь, сейчас покажем на примере.
1. В качестве вводных заказчик предоставил скриншоты существующей системы. Но не просто скриншоты, а компиляции интерфейса. Без контекста, без объяснений, как оно работает. Так, чтобы на нескольких картинках присутствовали все существующие в системе интерфейсные куски — от элементарных до крупноблочных. Все это наши дизайнеры внимательно изучили.
2. Мы перерисовали и расставили по сетке. Ценности в этой рутинной работе никакой нет (как бы нам ни хотелось верить в обратное). Особенно когда требования к визуалу не «покрасивше», а «попроще и поплотнее».
3. Самый важный этап — разобрать спроектированные макеты на составные части. Собрать ту самую маленькую, но дизайн-систему. Здесь есть нюансы, потому что почти наверняка захочется итеративно вернуться ко второму пункту. Нам хотелось, и мы возвращались.
Собственно, всё. Добавить нечего. Разве что респект опытному заказчику. Как ни странно, оперирование абстрактными интерфейсами требует отдельной квалификации. В более общем случае нам понадобилось бы отрисовывать реальные страницы и сценарии, что увеличило бы объем работы.
Короче: дизайн-системы — не для дизайнеров.
1 минута
27 июня 2023