본문으로 이동
문제의 근원을 해결 하기 위한 다양한 시도
문서

문제의 근원을 해결 하기 위한 다양한 시도

정세희 토스 · 토스 기술 블로그

원문 보기

AI 핵심 요약

토스 디자인 시스템의 초기 테이블은 셀 컴포넌트 중심이라, 셀을 쌓아 표를 만들고 이후 수정하는 과정이 번거로웠습니다. 팀은 설문과 심층 인터뷰, UT를 통해 제로 베이스 제작과 표 구성, 잦은 데이터 수정이 핵심 문제임을 확인하고, 기존 디자인 툴의 한계를 넘어서는 테이블 2.0을 구상했습니다. 개발 리소스가 제한된 상황에서 AG Grid의 무료 기능을 뼈대로 활용하고, 운영 업무를 위임해 작업 환경을 확보했으며, 주 단위 스프린트와 메이커 UT를 병행해 기능을 다듬었습니다. 그 결과 표 제작과 값 수정 경험을 개선했고, 근본적인 가정을 다시 살피며 사용자 피드백과 집중할 리소스를 확보하는 일이 시스템 개선에 중요하다는 교훈을 얻었습니다.

  • 셀 단위의 기능을 보완하는 것만으로 표 제작 경험까지 해결되지는 않는지 살펴보세요.
  • 설문과 사용성 테스트로 실제 작업 흐름을 파악하고, 해결할 문제의 방향을 구체화하세요.
  • 시간과 인력이 부족할 때는 AG Grid 같은 기존 제품의 무료 기능을 기반으로 삼고 필요한 부분을 직접 구현할 수 있습니다.
  • 주 단위 스프린트에서 기능 개발과 메이커 UT를 병행하면 피드백을 빠르게 제품에 반영할 수 있습니다.
  • 큰 과제에 집중하려면 운영 업무를 위임하거나 줄여 몰입할 리소스를 확보해야 합니다.

소개

토스 디자인 시스템에서 가장 많이 사용하는 컴포넌트인 테이블 컴포넌트. 문제의 근원을 해결하기 위해 시도했던 다양한 시도와 러닝을 소개합니다.

비슷한 학습 자료

문서 김민수

"어떻게 하면 더 많은 팀이 우리 시스템을 잘 사용하게 할 수 있을까?" TDS가 이 질문에 답하기 위해 고민했던 과정을 공유합니다.

UI/UX

문서 고정현

데이터의 의미를 구조화하고 연결하는 설계 여정을 걸어온, 토스의 1호 Data Architect 고정현님의 커리어 이야기를 들려드려요.

문서 박건영

왜 토스증권 PC의 그리드 레이아웃을 왜 직접 구현하게 되었는지, 그리고 어떻게 만들어져 있는지를 이제부터 소개해 드릴게요.

프론트엔드 알고리즘 · 자료구조

문서 한주연

토스의 테크니컬 라이터가 하는 일에 이어, 개발자 경험 전반으로 역할을 확장해 온 이야기를 공유해요.

개발 · 프로그래밍 기타

문서 한주연

토스 커뮤니티의 테크니컬 라이터들은 개발자를 위한 문서를 쓰는 것뿐만 아니라, 멋진 개발자 경험을 제공하기 위해 다양한 일을 하고 있답니다.

개발 · 프로그래밍 기타

문서 박수현

디자인 시스템은 제품의 어느 단계까지 기여할 수 있을까요? 더 이상 다른 것에는 신경쓰지 않아도 되는 Menu 컴포넌트를 만들었던 3가지 방법을 소개할게요.

UI/UX