[ 인지 / UX ] 한 줄에 몇 자가 가독성을 높이는 데 좋을까?

UX에 대해 이야기하다보면 가독성에 대해서 이야기 하곤 한다. 그리고 더불어 아이트레킹도 이야기를 하는데...
그렇다면 아이트레킹 기준으로 얼마만큼의 글이 가독성을 높일 수 있을까?

다시 말해, 사람의 생물학적 기준으로 한 줄당 몇개의 글자 수(not 논리적)가 아이트레킹으로 읽기 편한가?

 

결론: 한국어의 경우, 40~60자 이하(한 줄당)

 

원글

Readability: The Optimal Line Length – Baymard Institute

 

 

40자의 예시

 

// 40자 예시 글

40자를 확인해 보기 위해서 직접 글을 써보기로 했다. 과연 어느정도가!
40자를 확인해 보기 위해서 직접 글을 써보기로 했다. 과연 어느정도가!
40자를 확인해 보기 위해서 직접 글을 써보기로 했다. 과연 어느정도가!

 

줄이 너무 길면 or 너무 좁으면

분명히 오차 범위는 있을 것이다. 다시 말해, 40자 에서 +-10 정도의 오차가 존재 할 수 있다.
여기서는 10자 이상 or 10 이하.

30 =< 적정 글자 수 >= 50

 

30 미만 일 경우

텍스트 줄이 너무 길면 독자의 눈이 텍스트에 초점을 맞추기 어려울 것.
이는 줄 길이가 줄의 시작과 끝을 가늠하기 어렵게 만들기 때문.
게다가 큰 텍스트 블록에서 올바른 줄로 계속 이어가기 어려울 수 있음을 시사.

50 초과 일 경우

줄이 너무 짧으면 눈이 너무 자주 뒤로 이동해야 하므로 독자의 리듬이 깨짐.
줄이 너무 짧으면 독자에게 스트레스를 주어 현재 줄을 마치기 전에 다음 줄을 시작하게 됨.
하여 잠재적으로 중요한 단어를 건너뛸 수 있음.

단, 영어권 글자의 경우 80자 이하

 

 

그런데! 한글은 압축적 글이고 영어는 한글에 비해 펼쳐진 글자 않는가?

기사 내용과 별개로 개인적인 생각은 한글과 영어는 밀도(?) 측면에 다르기 때문에
40자는 보수적이라고 생각한다.

예시)
한글 : 학교(2글자)
영어 : school(6글자)

따라서, 지극히 개인적으로는 적정 글자는 40~60자 사이가 올바르지 않을까? 한다.

AI 활용해 테스트 해보기

근거론,

샘플:
- 총 100,000개의 문장 쌍 분석(영어 vs 한국어)
- 7가지 기본 문장 패턴 사용
- 각 품사별(동사, 명사, 형용사 등) 5-8개의 단어 세트 활용

분석 결과:
평균 글자 수 (공백 제외)
- 영어: 약 19.3 글자 (±3.2 표준편차)
- 한글: 약 13.8 글자 (±2.7 표준편차)
- 비율: 한글이 영어의 약 0.72배

평균 단어 수 :
- 영어: 약 5.8 단어
- 한글: 약 4.2 단어
- 비율: 한글이 영어의 약 0.72배

종합:

• WCAG 지침은 한중일 언어에 대해 40자 이하를 권장
• 분석 결과 한글은 영어 대비 약 0.72배의 글자 수로 동일한 정보를 전달
• 영어 기준인 80자를 기준으로 환산하면: 80 × 0.72 ≈ 58자

 

 

따라서, 적정 글자 : 40 ~ 60자로 보면 좋을듯 하다.

 

40자와 60자 길이 비교하기

40자를 확인해 보기 위해서 직접 글을 써보기로 했다. 과연 어느정도가!
40자를 확인해 보기 위해서 직접 글을 써보기로 했다. 과연 어느정도가 에서 60자까지 써보려고 하고 있다!

 

한계 :  claude가 뒤에서 실험한 결과이기 때문에 어떤 (비교)방식으로 비교를 했는진 알 수 없음.

 

 

글이 길어지면

기사에서는 사용자가 긴 글 페이지에 도착했을 때, 사용자는 글을 읽을 의욕이 사라져
바로 이전 페이지로 돌아가는 현상을 관찰하였다는 내용.

더불어, 의도적, 의식적으로 글을 읽으려고 할 때, 중요한 내용을 제대로 읽지 못하거나
글을 전체 이해하지 못하는 현상이 발생하는 것으로 파악.

따라서, 긴 글을 제품이나 서비스의 추가 정보를 수집하는 데 방해 요소로 작용.

 

 

사용 예시

apple

// apple : 대략 70자 내외

첫문자 비교
iMac에는 본체 컬러에 맞춘 키보드와 마우스, 트랙패드가 함께합니다. 그리고 이제 USB‑C    >>   (52자 by Korean)
iMac features a color-matched keyboard and mouse or trackpad — now with       >>   (71자 by English)


// 40자와 60자 길이 비교하기
40자를 확인해 보기 위해서 직접 글을 써보기로 했다. 과연 어느정도가!    >>  (40자 by Korean)
40자를 확인해 보기 위해서 직접 글을 써보기로 했다. 과연 어느정도가 에서 60자까지 써보려고 하고 있다!   >> (60자 by Korean)

 

 

요약

왠만하면 Apple UI 따라하면 거의 다 맞음.
UI width : 450px ~ 800px.

 

원글

https://baymard.com/blog/line-length-readability