[UXOX] 가독성을 높이기 위한 텍스트 정렬 방법

모멘티 UXOX입니다.

오늘은 가독성을 높이기 위한 텍스트 정렬방법에 대해 알아볼시간인데요!

보통 사용자는 F패턴으로 콘텐츠를 읽습니다. 중앙정렬로 읽을 경우 사용자는
평소 읽기 습관과 다르게 느껴 가독성이 떨어집니다.
간단한 예시와 설명을 해드리겠습니다.

F패턴이란?
콘텐츠를 읽기에 가장 보편적인 스캐닝 패턴입니다.
F패턴은 빠르게 읽는데 장점이 있으며 사용하면 몇초만에 눈이 놀라운 속도로 웹사이트를 확인할 수 있습니다.
이 패턴은 200명의 사용자가 수천개의 웹사이트를 볼때 유저가 사이트를 스캔하는 동작을 추적하였고,
그 결과 사이트를 스캔하는 형태가 알파벳F자와 비슷합니다.

가독성을 높이기 위한 텍스트 정렬의 간단한 예시

Do

사용자는 F패턴으로 콘텐츠를 확인합니다.
왼쪽 정렬은 모든 문장의 첫번째 글자가 동일한 기준 선에 배치되어
새로운 행을 찾는 것이 쉬워지며 자연스럽게 읽힙니다.

Dont't

중앙 정렬은 각 행의 첫번째 글자가 들쑥날쑥해 시선의 흐름이 자연스럽지 않고
확인하기에 적합하지는 않아 왼쪽 정렬을 권장합니다.
특히 이동중일 경우 사용자는 읽기를 포기할 수도 있습니다.

공식적이거나 전문적인 문서에서는 중앙정렬보다 왼쪽정렬을 사용하는 것이 좋습니다.
정보의 명확한 전달과 효율적인 읽기 경험을 제공하기 위해서는 F패턴의 왼쪽정렬을
사용하시는 것을 권장드립니다.

다음 시간에는 더욱 더 알찬 UXOX시간으로 돌아오겠습니다.
긴 글 읽어주셔서 감사합니다. 여러분들께 유익한 글이 되었으면 좋겠습니다.

*UXOX는 더 나은 사용자 경험을 연구하기 위하여, 모멘티에서 발행하는 UX 시리즈 입니다.