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

Визуализация подхода
Задача
Задачей проекта является исследование существующих дизайн-систем и принципов их организации, анализ особенностей пользовательских интерфейсов специализированного программного обеспечения и определение требований к проектируемой системе. На основе полученных данных необходимо разработать дизайн-систему с учётом специфики выбраннойобласти применения и продемонстрировать её использование на примере интерфейса приложения или набора пользовательских сценариев
Актуальность
Разработка специализированного программного обеспечения связана с необходимостью отображения больших объёмов информации, поддержки множества состояний и обеспечения сложных сценариев взаимодействия. При отсутствии системного подхода к проектированию интерфейсов отдельные элементы и решения могут терять согласованность, что усложняет восприятие информации, использование продукта и его
дальнейшее развитие. Несмотря на существование готовых дизайн-систем, их применение не всегда соответствует специфике конкретного программного продукта, а создание собственной системы требует дополнительных временных и ресурсных затрат.
В связи с этим разработка дизайн-системы, ориентированной на определённую область специализированного ПО, может стать одним из способов систематизации интерфейсных решений, упрощения процесса проектирования и обеспечения
согласованности интерфейсов в процессе развития продукта.
Целевая аудитория
Основной целевой аудиторией проекта являются специалисты и стартапы, которым необходимо создавать и развивать сложные пользовательские интерфейсы, поддерживать их согласованность
и повторно использовать типовые решения.
В зависимости от выбранной области применения косвенной целевой аудиторией могут выступать конечные пользователи профессионального ПО, взаимодействующие с большим количеством данных
и элементов управления.
Проблематика
Сложность инженерного программного обеспечения и большое количество функциональных элементов создают необходимость в системном подходе к проектированию интерфейсов. Несогласованность визуальных и функциональных решений может затруднять восприятие информации и повышать риск пользовательских ошибок, что обусловливает актуальность разработки единой дизайн-системы.
Конкуренты
Carbon Design System — это система проектирования продуктов и цифровых сервисов IBM с открытым исходным кодом. Она основана на IBM Design Language и включает в себя рабочий код, инструменты и ресурсы для проектирования, рекомендации по пользовательскому интерфейсу и активное сообщество участников. Carbon — это цифровое воплощение бренда IBM, основа, на которой строятся все продукты и цифровые сервисы. Она лежит в основе каждого цифрового взаимодействия пользователей с IBM.
Grafana Labs запустила @grafana/ui, чтобы максимально упростить участие в разработке Grafana для графанистов и представителей других сообществ. Библиотека компонентов, которая позволит: понять,
как работает каждый компонент и как его можно использовать для создания удобного пользовательского интерфейса, сократить время
разработки иобеспечить стабильное качество кода, создать красивый и визуально целостный интерфейс Grafana, обеспечить прозрачность в отношении того, как мы работаем и что делаем.


