English에서 번역 • 원문 보기 안녕하세요, 저는 브라이언이고 3개월 조금 넘게 전에 스코틀랜드에서 일본으로 이주해 Colorkrew 디자인 팀에 합류했습니다!
어렸을 때 저는 몇 시간이고 레고를 가지고 놀았습니다. 이 단순한 벽돌들은 미래의 디자이너에게 큰 기쁨을 주었습니다.
_
_
이 어지러운 더미는 상상력이 조금만 있으면 끝없는 잠재력을 지니고 있어.
그림 그리기 외에, 그것은 내가 상상할 수 있는 가장 보람 있는 취미였다; 서로 잘 상호작용하도록 설계된 단순한 조각들로부터 복잡한 구조물을 만들 수 있다는 것.
자연스럽게, 성인이 되어 UI와 웹 애플리케이션의 디자인 시스템을 사용하거나 구축할 때 약간의 향수를 느끼게 됩니다.
디지털 제품을 만드는 시스템
디자인 시스템은 디자인, 코드, 문서화가 결합된 것으로, 모듈화된 UI 패턴을 생성하여 여러 번 재사용할 수 있으면서도 한 곳에서 유지보수 및 개발을 진행합니다.
이런 방식이 디자이너의 자율성을 빼앗긴다고 느끼는 사람들도 있고, 저도 처음에는 조금 망설였어요. 하지만 경험을 쌓으면서, 레고처럼 잘 문서화된 시스템이 모두에게 같은 출발점을 제공하고, 그로 인해 설계 능력을 민주화한다는 것을 알게 되었습니다. 엔지니어와 프로젝트 매니저 모두 과정에 더 많이 참여할 수 있습니다.
설계 시스템은 노력과 반복을 크게 줄여줍니다. 이전에는 여러 곳에서 구성 요소를 생성하거나 업데이트하는 데 쓰였던 시간이 이제 전체 프로세스를 되돌아보고, 더 나은 UX를 통해 비즈니스 목표 달성과 같은 더 큰 문제를 해결하는 데 활용될 수 있습니다.
예를 들어, 간단한 버튼 디자인이 단순해 보일 수 있지만, 이 하나의 컴포넌트를 만드는 데는 정말 많은 요소가 필요합니다:
1. 제품 브랜드를 고려하는 것은 외관과 느낌에 영향을 미칠 수 있지만, 이는 시각적 접근성과 사용성과 균형을 맞춰야 합니다. 2. 이 구성 요소를 구축할 때 접근성, 검색 엔진 최적화, 기능성과 관련된 추가 고려사항이 있습니다. 3. 테스트는 다시 한 번 계획과 실행 사이에 추가 작업을 가져옵니다. 4. 의사결정, 구현 및 사용 시기 지침을 문서화하는 작업...
_
_
디자인 단계에서도 버튼은 복잡한 요소가 많습니다.
머지않아 이 '단순한' 구성 요소는 거대한 작업이 되었고, 분명히 특정 기능의 여러 구성 요소 중 하나에 불과합니다. 이 작업을 한 번 완료하고 그 결과를 재사용하는 것의 이점이 분명합니다.
설명서 잊지 마
또한 레고처럼 복잡한 것을 만들 때는 설명서가 중요합니다! 작은 조각들을 더 큰 그림의 일부로 이해하기 위해, 패턴에 익숙하지 않은 사람들에게는 '체크박스를 언제 사용할지, 언제 토글을 써야 할까요?' 같은 규칙에 익숙하지 않은 사람들에게도 문서화가 도움이 됩니다.
명확한 문서를 제공하고 쉽게 이용할 수 있게 하면 디자인 시스템 사용자가 패턴을 선택할 때 더 큰 신뢰를 얻을 수 있습니다. 이는 경험 많은 팀원에게 의존하는 병목 현상을 줄이고, 결과적으로 그들의 업무 부담도 줄어들 것입니다.
_
_
마을 전체를 짓는 것은 벽돌 하나로 시작된다.
소통은 중요하며, 문서화를 영구적인 자원으로 구축하면 온보딩 시 마찰을 크게 줄일 수 있고, 자신의 프로젝트가 일관성을 상기시키는 역할도 할 수 있습니다. 기존 설계 시스템을 사용하든 직접 만들든, 전략을 마음속에 두는 것이 좋습니다.
성인이 된 지금은 레고를 치워두었고(그 결과 많은 발 부상을 피했지만), UI 조립은 익숙한 과정이며 어린 시절 경험에서 유익하고 재미있고 흥미로운 것을 만들고자 하는 욕구를 충족시켜 줍니다.