우버 아이콘 시스템은 왜 다시 설계됐나
1. 개편의 출발점은 아이콘 스타일의 한계였습니다
- Uber Base 디자인 시스템은 글로벌 제품에서 명확성, 접근성, 일관성을 회복하기 위해 아이콘 라이브러리를 다시 설계했습니다.
- 기존 3px 윤곽선 아이콘은 작은 크기와 복잡한 의미를 다룰 때 시각적으로 무겁고 정밀도가 떨어졌습니다.
- 이후 단일 채움 아이콘 스타일을 도입했지만, 우버의 검정색 브랜드 환경에서는 선택 상태를 회색과 검정만으로 충분히 구분하기 어려웠습니다.
- 접근성 문제가 생기고 제품별 아이콘 스타일이 갈라지면서, 공통 디자인 언어를 다시 정비할 필요가 커졌습니다.
2. 새 아이콘 언어는 Uber Move와 함께 읽히도록 설계됐습니다
- 새 아이콘 시스템은 브랜드 서체와 제품 UI가 하나의 시각 언어처럼 작동하도록 조형 규칙을 다시 맞췄습니다.
- 2px 획 굵기, 사각형 획 끝, 넉넉한 내부 여백, 부드러운 모서리를 적용했습니다.
- 선명하지만 과하게 무겁지 않은 형태로 다양한 크기와 제품 맥락에서 안정적으로 보이도록 정리했습니다.
- 아이콘을 장식 요소가 아니라 사용자의 다음 행동을 안내하는 제품 언어로 다뤘습니다.
3. 1,500개 아이콘을 다시 그리는 일은 운영 시스템의 문제였습니다
- 우버 팀은 4개월 미만의 기간 동안 약 1,500개의 아이콘을 재디자인했습니다.
- 중요한 것은 제작량만이 아니라 디자인과 코드가 같은 버전으로 업데이트되는 파이프라인이었습니다.
- 라이브러리, 문서, 배포 도구가 함께 정비되어야 대규모 아이콘 시스템이 실제 제품 안에서 유지될 수 있습니다.
- 디자인 시스템 진화는 화면을 바꾸는 일이면서 동시에 팀의 업데이트 방식을 바꾸는 일입니다.
4. 디자인 시스템을 진화시킬 때 봐야 할 네 가지 신호
- 시스템을 바꿔야 할 시점은 취향보다 사용성과 운영 신호로 판단해야 합니다.
- 확장성: 라이브러리가 커져도 가독성과 유연성이 유지되는가
- 명확성: 아이콘이 사용자의 다음 행동을 충분히 분명하게 안내하는가
- 접근성: 상태 구분과 의미 전달이 다양한 사용자에게 안정적으로 작동하는가
- 데이터 기반: 추측이 아니라 실제 제품 맥락과 테스트를 통해 판단하는가
