Ответ вслух Senior Дизайн-системы и компоненты обновлено

Запустить дизайн-систему с нуля

Вопрос

В компании пять продуктовых команд, у каждой свои кнопки и цвета. Вас наняли запустить дизайн-систему. Ваш план?

Попробуйте сами

Ответьте вслух за 2 минуты, как на собесе. Потом сверьтесь с тезисами: что прозвучало, а что нет.

Показать ответ и разбор

Коротко

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

Что должно прозвучать в ответе

  • Аудит интерфейсов: инвентаризация компонентов и расхождений

  • Поддержка руководства и разработки, общие цели и метрики

  • Токены и базовые компоненты, которые нужны всем, с кодом

  • Пилот на одной команде, затем расширение

  • Процесс вкладов и поддержки, документация

  • Метрики внедрения и обратная связь

Что могут спросить следом

  • Как убедить команды переходить?
  • Кто должен быть в команде дизайн-системы?
  • Что делать с легаси-экранами?

Разбор

Начну с аудита: соберу скриншоты всех кнопок, полей, цветов, посчитаю расхождения. Это и аргумент для руководства, и карта работ. Договорюсь с лидами разработки: система без кода быстро разойдётся с продуктом. Первым делом токены (цвет, типографика, отступы) и самые частые компоненты: кнопка, поле, чекбокс, модалка, уведомление, сразу с доступностью и в коде. Запускаю пилот в одной заинтересованной команде, собираю обратную связь, затем подключаю остальные. Параллельно описываю процесс: как предложить компонент, кто ревьюит, как выпускаются версии. Метрики: покрытие интерфейса компонентами, время на типовые экраны, число UI-багов.

Ответьте сами, а не прочитайте

В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.

Термины по теме