Fluent Design System
85%
사용 채택률
175
NST 스코어
2
Hackaton 대회 우승
Impact
Problem
Fluent 디자인 시스템에서 내부 애플리케이션용 컴포넌트와 가이드라인이 충분하지 않아, 경험의 불일치가 발생했고 이는 사용자 불만과 인지 부하 증가로 이어졌습니다.
Key contributions
1.다양한 환경에서 안정적으로 동작하는 최적화된 반응형·접근성 컴포넌트 및 template 를 설계
2.사용자 리서치를 바탕으로 한 설계·가이드 문서 작성
3.컴포넌트 마이그레이션 및 원활한 전환을 위한 디프리케이션 전략을 포함한 v8 업그레이드 온보딩 문서 리드
4.디자인 시스템의 일관성 유지를 지원하는 AI coherence 체커를 주도적으로 설계 | 해커톤 최고상 수상
5.Fluent 디자인 시스템을 적용한 MyHub 앱의 UX 설계에 기여하여, 일관된 사용자 경험을 구현하고 사용자 평점 4.6/5를 달성
Fluent 디자인 시스템을 적용한 MyHub 데스크탑 버전
Design process
1.Discover
디스커버리 과정에서는 사용자 리서처와 긴밀히 협업하여 주요 사용자 문제와 선호 패턴을 정의합니다.
2.Design
사용자들이 겪고 있던 주요 페인포인트 중 하나는 필수 항목과 선택 항목의 표시 방식이 일관되지 않다는 점이었습니다. 사용자 리서처와 함께 A/B 테스트를 진행한 결과, 필수 항목은 기존 방식대로 유지하고 선택 항목만 명확히 표시하는 방식이 인지 부하를 줄여 더 나은 성과를 보인다는 것을 확인했습니다.
3.Deliver
Deliver 단계에서는 Accessibility 팀과 개발자들과 협업하여, 가이드라인을 포함한 컴포넌트를 최종적으로 배포합니다.
사용자 피드백을 수집하기 위해 NSAT 설문을 실시하며, 결과를 바탕으로 디자인 프로세스를 다시 시작해 사용자 경험을 개선합니다.
4.Reiterate
