
아키텍처
문제의 근원을 해결 하기 위한 다양한 시도
두줄요약
토스 디자인 시스템 테이블의 사용성 문제를 근본 원인부터 다시 정의하고 개선한 과정을 소개했습니다. 실제 사용 조사, AG Grid 활용, 집중된 검증으로 테이블 2.0을 완성했습니다.
문제 상황
- 토스 디자인 시스템 테이블 컴포넌트의 셀 중심 구조로 인한 표 제작 사용성 저하
- 셀 단위 기능은 채워졌지만 표 단위 제작, 잦은 수정, 패널 설정, 레이아웃 변경이 여전히 불편한 상태
원인 분석
- 테이블을 위한 전용 에디터가 아닌 디자인 툴의 구조적 한계
- 셀과 표를 동시에 만족해야 하는 복잡한 요구와 다양한 사용 시나리오
- 툴 종속 솔루션으로는 제작 경험의 근본적 개선에 한계
해결 방법
- 디자이너 심층 인터뷰, 설문, UT, POC로 실제 사용 방식과 핵심 문제 재정의
- 제로베이스 제작 대신 AG Grid 무료 기능을 뼈대로 활용하고 필요한 기능을 추가 개발
- 크롬 플러그인 활용, 문의 대응 위임, 스프린트 기반 검증으로 리소스 집중
적용해볼 점
- 당연한 전제를 다시 묻고 근본 원인부터 재정의
- 사용자 피드백을 지속적으로 수집하며 시스템을 고도화
- 제한된 자원에서는 집중할 문제를 좁히고 빠르게 검증