Beyond the Role · 2022
역할 밖이었지만 직접 제안하고 구축한 업무 시스템용 디자인 시스템
01 · 개요
38
공통 컴포넌트
45%
신규 화면 설계·개발 기간 단축
3
이후 적용한 모듈 수
첫 번째 BOM 모듈을 출시하고 두 번째 모듈을 준비하면서, 같은 “저장” 버튼이 화면마다 위치와 모양이 다르다는 현업 불만이 쌓였습니다. 회사에 전담 디자이너가 없었고, 화면은 개발자마다 각자 만들고 있었습니다. 기획자의 업무 범위는 아니었지만, 모듈이 늘어날수록 문제가 커질 것이라 판단해 디자인 시스템을 직접 제안했습니다.
02 · 의사결정
이 프로젝트에서 내린 결정 3가지입니다. 제목을 누르면 상황·선택지·결정·결과를 볼 수 있습니다.
팀 내에 디자이너가 없었고, 디자인 시스템은 누구의 업무 범위도 아니었습니다. 기획자가 화면 디자인을 하겠다고 하면 우선순위에서 밀릴 것이 분명했습니다.
첫 모듈의 개발 기록을 분석해 보니 화면 개발 시간의 38%가 비슷한 컴포넌트를 다시 만드는 데 쓰였습니다. 이 숫자를 근거로 “디자인 개선”이 아닌 “개발 생산성” 과제로 정의하고, 개발 팀장과 공동 제안자로 나서 승인을 받았습니다.
9개월짜리 독립 과제로 승인됐고, 프런트엔드 개발자 2명이 함께 배정됐습니다.
일반적인 디자인 시스템은 버튼과 색상부터 시작하지만, PLM 화면은 성격이 달랐습니다.
기존 화면 220장을 분석해 보니 화면 면적의 64%가 표였고, 표마다 정렬·필터·고정 열 방식이 달랐습니다. 표 하나를 제대로 만드는 것이 버튼 10개보다 효과가 크다고 판단했습니다.
대용량 표 컴포넌트 하나로 기존 화면 140장의 불일치가 해소됐습니다.
이미 출시된 BOM 모듈 화면 80장에 디자인 시스템을 적용하려면 별도 개발 기간이 필요했습니다.
일괄 전환은 기능 개발 일정을 멈춰야 했고, 새 화면에만 적용하면 두 가지 화면 규칙이 오래 공존하게 됩니다. 고칠 일이 생긴 화면은 디자인 시스템으로 다시 만든다는 원칙을 개발 팀과 합의했습니다.
1년 반 만에 기존 화면의 85%가 자연스럽게 전환됐습니다.
03 · 결과
What I learned
전문 디자이너가 없는 조직에서는 디자인 시스템이 "예쁜 화면"이 아니라 개발자와 기획자가 같은 화면을 상상하게 만드는 공용 언어라는 점을 설득의 출발점으로 삼았습니다. UI 디자이너로 일했던 경험이 기획자의 자리에서 다시 쓰인 프로젝트였습니다.