사용자 모르게 리멤버 UI icon 개선하기

간단 소개

리멤버 UI 아이콘을 사용자 인지 없이 개선하여 VOC 감소 및 제작 리소스 절감 효과를 얻고, 브랜드 가치를 UI에 자연스럽게 녹여냄.

AI Summary

리멤버 UI 아이콘 개선 배경
- 2022년 리브랜딩 이후 적용된 UI 아이콘에 대한 사용자 VOC 증가 (기울임, 모서리 깎임 등으로 인한 오류 인지, Filled/Outline 타입 불균형).
- 복잡한 아이콘 제작 과정으로 인해 리소스 소모가 큼.
개선 방향 및 과정
- UI 아이콘이 폰트와 함께 사용되는 점을 고려, 리멤버 지정 서체인 Pretendard 폰트 기반으로 아이콘 디자인.
- 32px X 32px 그리드, 4px 패딩, 각진 형태, Title2 두께의 Stroke, 45°/15° 각도 활용 등 구체적인 가이드라인 제시.
- Figma 내에서 아이콘을 빠르게 제작할 수 있도록 가이드 문서와 템플릿 제공.
개선 효과 및 결론
- UI 아이콘 관련 VOC 0건, 아이콘 제작 작업량 3배 이상 감소.
- 사용자 경험을 해치는 요소는 제거하고, 브랜드 가치를 제품에 담아내는 방향으로 개선.
- UI 변화는 불편할 때 체감된다는 점을 확인, 자연스러운 UI의 중요성 강조.