가능한 최소 설계 시스템

UXPin 디자인 시스템 라이브러리에 저장된 UXPin 디자인 시스템의 성장

지난 몇 주 동안 여러 회의 및 웨비나에서 디자인 시스템을 구축하는 UXPin의 접근 방식에 대해 이야기하게되어 기뻤습니다 (여기에서 그 중 하나를 볼 수 있음). 대화 후 모든 멋진 대화를 통해 많은 경험을 나누면서 많은 즐거움을 나누었습니다.

UXPin 팀과 대화 할 때 여러 번 질문을 한 질문은 다음과 같습니다.

디자인 시스템을 구축하는 데 얼마나 걸립니까?

잘못된 질문은 없으며 매번 답변을 드리겠습니다. 그러나이 질문을들을 때마다 더 깊은 문제를 지적한다고 생각합니다. 디자인 시스템은 여전히 ​​오해되고 스타일 가이드를 작성하는 오래된 접근 방식과 혼동됩니다.

좀비 스타일 가이드 레거시

당시에는 디자인 팀이나 프런트 엔드 개발 팀의 불행한 팀원이 팀에서 승인 한 모든 규칙을 문서화하는 작업을 신뢰했습니다. 컬러 팔레트, 텍스트 스타일, 코드 표준, 때로는 UI 패턴까지.

디자인 시스템처럼 들리십니까? 네가 옳아. 디자인 시스템처럼 들리지만 그렇지 않습니다.

스타일 가이드를 작성하는이 오래된 접근 방식은 인공물 제작을 목표로했습니다. 문서 프로세스의 파생물이어야합니다. 그리고 매번…

스타일 가이드가 완료되기 전에 이미 좀비로 변했습니다.

왜? 변화가 지속적으로 발생하는 역동적 인 제품 개발 세계가 구축하는 데 몇 주가 걸리는 정적 자산에는 적합하지 않습니다. 디자인 / 개발 순교자가 모든 협약을 문서화하는 데 어려움을 겪고 있었지만 협약은 계속 바뀌 었습니다. 스타일 가이드를 만드는 것은 Sisyphean 작업이었습니다.

스타일 가이드를 작성하고 유지 관리 할 수 ​​없기 때문에 업계에서는 경험과 코드의 일관성을 유지하는 프로세스를 재고해야했습니다. 디자인 시스템을 입력하십시오.

디자인 시스템은 프로세스입니다

정적 스타일 가이드와 달리 디자인 시스템은 동적입니다. 무슨 뜻이에요? 스타일 가이드는 인공물이며, 디자인 시스템은 프로세스입니다.

아티팩트는 정적이고 프로세스는 동적입니다.

디자인 시스템의 세계에서 한 사람에게 문서를 작성하도록 위임하는 대신, 사용자 경험을 만들기 위해 모든 정보를 계속 추가하고 빼고 수정하는 새로운 워크 플로를 계획합니다.

설계 시스템 팀 (일반적으로 Design Operations 팀이라고 함)은 제공 날짜를 고려하는 대신 조직이 인터페이스의 내부 일관성을 점진적으로 개선하고 시장에 더 큰 프로젝트를 더 빨리 제공 할 수 있도록 계획합니다.

스타일 가이드 및 디자인 시스템으로 엔트로피 관리

엔트로피와의 연합

폐쇄 형 시스템과 마찬가지로 디지털 제품의 엔트로피는 의도적으로 관리되지 않는 한 계속 증가합니다. 모든 새로운 기능, 팀의 모든 새로운 구성원, 모든 새로운 관리 계층 또는 이해 관계자 / 고객 상호 작용은 경험의 엔트로피에 추가됩니다.

제품 경험은 점차 혼란에 빠지게됩니다.

엔트로피의 성장은 일정하며 일정한 행동을 통해서만 제어 할 수 있습니다. 그렇기 때문에 Design Operations 팀의 최종 게임은 정적 아티팩트가 아니며, 이는 디자이너, 개발자, PM 및 기타 팀 구성원으로 구성된 통합 조직이 사용자 경험을 제작하기위한 디자인 시스템을 구축하는 워크 플로입니다.

최소한의 실행 가능한 제품을 끝내지 마십시오

디자인 시스템의 납품 일에 대해 묻는 것은 디자인 시스템이 "완료"된 시점이 있다는 숨겨진 가정을 가지고있는 것 같습니다. 디자인 시스템의 프로세스 특성은이 가정을 취소합니다.

디자인 시스템은 프로세스이므로 항상 준비가 완료된 적이 없습니다.

디자인 시스템은 최소한의 실행 가능한 제품으로 일정하게 유지됩니다. 설계 시스템이 갑자기 가치를 얻는 시점은 존재하지 않습니다. 설계 시스템 프로세스가 확립되고 합의되면 최소값이 달성됩니다. 이후 릴리스마다 디자인 시스템은 더욱 강력 해지지 만 궁극적 인 가치를 달성하지는 못합니다. 엔트로피는 계속 커지고 인터페이스는 계속 바뀌며 디자인 시스템은 프로세스없이 끝없이 진화해야합니다.

작은 배를 자주 시작하십시오

조직이 새로운 워크 플로를 통해 UI 불일치 증가를 해결해야한다는 점을 인정하면 디자인 시스템이 탄생합니다.

엔트로피는 디자인 조직이 동의하고 구현 한 첫 번째 협약으로 확장을 중단합니다. 스타일 가이드와 달리 디자인 시스템의 가치를 즉시 경험할 수 있습니다. 첫 번째 컨벤션이 해당 명명 규칙에 따라 5 가지 기본 색상 세트 인 경우에도 디자인 시스템은 거의 즉시 가치를 추가하기 시작합니다. 사실 나는 이렇게 주장 할 것이다.

조직이 정의하고 적절하게 이름을 지정하고 구현하고 수용하는 한 가지 색상의 디자인 시스템은 완전한 정적 스타일 가이드보다 낫습니다.

왜? 항상 구식이며 구현되지 않은 정적 스타일 가이드와 달리이 색상은 엔트로피를 즉시 감소시키기 때문입니다.

설계 시스템의 납품 일에 대해 걱정하는 대신 프로세스 특성을 수용하고 소규모로 시작하여 자주 발송하십시오. 당신은 혼란과 모든 작은 전투 문제와 전쟁 중입니다.

행운을 빕니다.

디자인 시스템을 어떻게 구축하고 있는지 알고 싶습니까? 디자인 운영 스프린트를 따르십시오.

  • 디자인 시스템 스프린트 0 : 제품 개발의 은총 알.
  • 디자인 시스템 스프린트 1 : 인터페이스 인벤토리
  • 디자인 시스템 스프린트 2 : 모두를 지배하는 하나의 컬러 팔레트
  • 디자인 시스템 스프린트 3 : 기본 관리
  • 디자인 시스템 스프린트 4 : 디자인 원칙
  • 디자인 시스템 스프린트 5 : 타이포그래피 관리
  • 디자인 시스템 스프린트 6 : 지구상에서 가장 빠른 아이콘

다음은 디자인 시스템에 대한보다 광범위한 관점입니다.

디자인 시스템은 언어입니다. 그리고 이것은 소프트웨어 개발을 영원히 바꾸고 있습니다.

가입 : https://www.uxpin.com/design-systems-early-access