디자인 시스템 소개

저는 10년 동안 디자인 분야에서 일했고 제 경험을 통해 좋은 디자인은 필요에서 나온다는 것을 배웠습니다. 꽤 오랫동안 나의 초점은 소프트웨어 디자인, 특히 디자인 시스템이었습니다. 내가 UX/UI 분야에서 일하기 시작했을 때 "디자인 시스템"이라는 용어는 널리 사용되지 않았지만 요즘에는 모든 대기업이 제품을 최적화하고 처리하며 고객에게 더 나은 솔루션을 제공하기 위해 자체 메커니즘을 연구하고 있습니다. 저는 이 주제에 대해 작업하는 동안 많은 것을 배웠고 이러한 대규모 프로젝트에 생명을 불어넣는 데 대한 개요와 몇 가지 중요한 측면, 그리고 모든 것을 신중하게 계획하는 것이 왜 그렇게 중요한지 공유하기로 결정했습니다.

처음부터 새로 만든 디자인 시스템은 응용 프로그램에서 배열할 수 있는 재사용 가능한 대화형 구성 요소 25~30개의 집합이 아닙니다. 그것은 단지 일을하지 않을 것입니다. 지속 가능하고 유용한 무언가를 만들거나 비즈니스 요구 사항을 해결하는 모든 단계에는 창의성, 탐색, 헌신, 검증, 적절한 구현 및 채택 프로세스가 필요합니다. 여기에 추가하자면 이러한 프로젝트에서 가장 중요한 부분은 사람, 즉 프로젝트에 참여하는 사람과 프로젝트를 사용할 사람입니다. 따라서 무엇보다도 우리는 이해하기 쉬운 프로세스와 영향을 받는 모든 당사자가 따를 수 있는 원활한 협업 모델을 보장해야 합니다.

우리가 목표로 하는 것은 무엇입니까?

디자인 시스템과 언어에 대해 작업할 때 우리의 목표는 회사에 중요한 문제를 해결하고 제품을 제공하는 것입니다. 이것은 확실히 쉬운 일이 아닙니다! 특히 회사가 광범위한 포트폴리오를 가지고 있는 경우. 오늘날 우리는 디자인 주도 기업이 업계 기업보다 거의 두 배 빠른 속도로 수익과 주주 수익을 증가시킨다는 사실을 알고 있습니다. 따라서 세심하게 만들어진 디자인 시스템은 성공적으로 실행될 경우 회사에 엄청난 중요성과 가치를 부여할 수 있습니다.

어떻게 해야 할까요?

올바른 프로세스와 관행을 수립하는 것부터 시작해야 합니다. 비즈니스 요구 사항을 이해함으로써 디자인에 대한 투자의 중요성을 깨닫습니다. 큰 기대에는 관련된 모든 사람에게 큰 책임이 따릅니다. 많은 요소를 고려해야 합니다. 기능적이고 사용 가능한 디자인 시스템은 멋진 테마, 일부 버튼 및 입력이 아니라 전체 제품 자체입니다. 프로세스에 대한 작업과 협업은 원활한 워크플로에 도움이 됩니다. 이는 디자이너, 접근성 전문가, 연구원 및 개발자 간의 지속적인 조정을 의미합니다. 요구 사항을 검토하고, 범위를 정의하고, 아이디어를 검증하고, 이 더 큰 전문가 집단에서 개발 세부 사항을 추가하는 것은 다소 부담스러울 수 있지만 최종 결과의 채택 수준에 중요할 수 있습니다. 결국 모든 사람에게 효과가 있어야 합니다.

시스템은 어떻습니까?

작업해야 하는 시스템의 콘텐츠에는 서체, 색상, 스타일, 구성 요소, 문서, 디자인 자산, 연구 라이브러리, 레이아웃 및 패턴, 즉시 사용할 수 있는 코드, 디자인 토큰, 물론 접근성 지침 및 윤리적 AI 관행이 포함될 수 있습니다. 시스템은 단순해야 하지만 유연해야 합니다. 좋아 보이고 빠르게 일하기 위해; 다양한 사용 사례를 다루고 일관성을 제공합니다. 동일한 품질을 제공하여 다양한 프레임워크로 작업합니다. 기초, 사용법, 테마, 패턴과 같은 규칙과 지침을 따르십시오. 마지막으로 적절하게 문서화하고 정기적으로 업데이트해야 합니다. 이 콘텐츠를 만들고 관리하려면 공통 도구 체인을 설정해야 합니다. 올바른 도구를 선택하면 더 나은 제품 일관성과 더 빠른 생산을 보장할 수 있으며 시간이 지남에 따라 더 쉽게 지원받을 수 있습니다.

더 투자하세요!

디자인 중심의 관행이 인간 중심 디자인이라고도 알려져 있다는 것을 알고 계실 것입니다. 이것이 우리가 제공하는 시스템과 언어를 사용하는 사람들에게 항상 초점을 맞춰야 하는 이유입니다. 프로세스를 최적화하고 올바른 관행을 확립함으로써 우리 제품이 올바른 목표를 달성하도록 보장하지만 내부적으로 이를 달성하려면 디자인 문화를 구축하고 강력한 사전 예방적 커뮤니티에서 정보를 공유해야 합니다. 사람을 배우고, 발전시키고, 훈련시키는 것을 멈추지 마십시오! 학습 자료, 세션, 온보딩을 만들어 팀의 미션에 대한 이해를 강화하세요. 향후 시스템을 지원하고 성장시키는 데 도움이 되도록 기여 및 피드백 프로세스를 쉽게 만드십시오.

내 마지막 생각

"디자인"이라는 단어는 너무 많은 의미를 내포하고 있어 명확한 정의를 내리기가 어렵습니다. 이 특별한 경우에 저는 대규모 기업 디자인에 대해 이야기하고 디자인을 회사 개발 계획과 동등한 위치에 놓을 것입니다. 그것은 큰 영향을 미치며 다양한 측면을 신중하게 고려해야 합니다. 우리는 "지금 여기"의 결과만을 위해 일하는 것이 아니라 회사와 고객의 더 나은 미래를 위해 일합니다.

— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —

학습 리소스:

디자인 시스템 핸드북

디자인 시스템 조사

맥킨지 보고서 2018

Storybook의 개발자를 위한 디자인 시스템

예:

Figma를 위한 디자인 시스템

동화책 백과사전