brunch

You can make anything
by writing

C.S.Lewis

by UX 컨설턴트 전민수 Jul 02. 2024

숫자 정보 가독성 향상

UX 디자인 가이드라인 배우기 #17

여러분께 말씀드릴 주제는 사용자 경험 개선을 위한 숫자 정보 가독성 향상의 중요성입니다.


우리는 일상 속에서 수많은 숫자 정보에 둘러싸여 있습니다. 이러한 숫자 정보는 제품의 가격, 재고량, 사용자 통계 등 다양한 형태로 우리에게 전달됩니다. 그런데 이러한 숫자 정보가 효과적으로 전달되지 않는다면, 사용자는 혼란을 겪게 되고 결국 전체적인 사용자 경험이 저하될 수밖에 없습니다.


그렇다면 어떻게 하면 숫자 정보의 가독성과 이해도를 높일 수 있을까요? 바로 천 단위 콤마 표시가 그 핵심 해결책이 될 수 있습니다.


천 단위 콤마 표시는 단순히 숫자에 콤마를 찍는 것 이상의 의미를 지닙니다. 이를 통해 사용자는 숫자의 크기와 자릿수를 한눈에 파악할 수 있게 됩니다. 예를 들어, "1000000"이라는 숫자보다는 "1,000,000"이라는 표현이 훨씬 직관적으로 이해할 수 있습니다. 이는 사용자의 숫자 인지 능력을 크게 향상시킬 수 있습니다.


뿐만 아니라, 천 단위 콤마 표시는 숫자 입력 오류를 방지하는 데에도 큰 도움이 됩니다. 사용자가 숫자를 입력할 때 콤마의 유무에 따라 그 값이 크게 달라질 수 있습니다. 따라서 콤마가 자동으로 표시되면 사용자는 자신이 입력한 숫자가 의도한 값인지 쉽게 확인할 수 있습니다.


그리고 천 단위 콤마 표시는 숫자 정보의 가시성을 높여 사용자의 이해도를 크게 향상시킵니다. 특히 가격, 수량, 크기 등의 중요한 숫자 정보의 경우 콤마 표시를 통해 사용자가 해당 정보를 보다 명확하게 인지할 수 있습니다.


더 나아가, 천 단위 콤마 표시는 숫자 정보의 일관성을 유지하여 사용자의 혼란을 방지합니다. 웹사이트나 모바일 앱 전반에 걸쳐 숫자 표현 방식이 통일되면 사용자는 숫자 정보를 보다 쉽게 이해하고 비교할 수 있습니다.


마지막으로, 천 단위 콤마 표시는 사용자의 접근성을 높입니다. 시각 장애나 인지 능력 저하 등의 이유로 숫자 정보 인식에 어려움을 겪는 사용자들에게 콤마 표시는 큰 도움이 될 수 있습니다.


이처럼 천 단위 콤마 표시는 사용자 경험 개선의 핵심 요소로서, 숫자 정보의 가독성과 이해도를 향상시키는 데 매우 중요한 역할을 합니다. 


실제로 아래 A Case에서 볼 수 있듯이, 이러한 기능을 통해 사용자는 숫자 정보를 보다 쉽고 빠르게 인지할 수 있게 됩니다.


A Case


반면, 아래 B Case에서 볼 수 있듯이, 천 단위 콤마 표시가 누락되면 사용자의 숫자 정보 이해도가 크게 저하됩니다. 이는 사용자 경험 개선을 위한 필수적인 요소가 간과된 것이라고 할 수 있습니다.



B Case



따라서 웹사이트나 모바일 앱 등의 사용자 인터페이스 설계 시, 숫자 정보의 가독성과 접근성을 높이기 위해 천 단위 콤마 표시 기능을 반드시 고려해야 합니다. 이를 통해 사용자가 숫자 정보를 보다 정확하고 효과적으로 인지할 수 있도록 지원함으로써, 전반적인 사용자 경험을 향상시킬 수 있습니다.


감사합니다.


위 강연은 인프런 [VOD 강좌] (PM/PO/UI/UX/리서치) 중 일부 내용입니다.




[인프런 VOD 강좌] (PM/PO/UI/UX/리서치) 수강생 모집 중  

(인프런에서 총 20개 VOD UX 강좌를 오픈했습니다)

(PM/PO/UI/UX/리서치/UX 방법론&프로세스 프레임웍)

https://www.inflearn.com/users/196290


[실시간 Live 강좌] (PM/PO/UI/UX/리서치) 수강생 모집 중

(이비피알유엑스 라이브클래스에서 매월 최소 1개에서 최대 4개 강좌 (온라인) 줌 Live 강좌 진행) (PM/PO/UI/UX/리서치/UX 방법론&프로세스 프레임웍)

https://ebprux.liveklass.com/


전민수 UX 컨설턴트 소개
(UX 실무 경력: 27년차 UX 전문가: LG전자, 서울시청 등 약 300회 이상 UX 컨설팅 수행)
(UX 강사 경력: 23년차: 삼성, SK, KT 등 약 1,000회 이상 UX 강의 진행)

https://brunch.co.kr/@ebprux/1332











매거진의 이전글 메뉴 색상은 배경색과 대비되어야 합니다
작품 선택
키워드 선택 0 / 3 0
댓글여부
afliean
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari