Community

✍ 기획자의 글쓰기 시리즈 [📝 가독성 - 최적의 길이] (👀 간단 요약) 📌 주요 내용 ✓ 본문 텍스트의 최적 행 길이는 50–75자 ✓ 더 짧거나 더 긴 행 길이는 가독성을 떨어뜨릴 수

✍ 기획자의 글쓰기 시리즈 [📝 가독성 - 최적의 길이] (👀 간단 요약) 📌 주요 내용 ✓ 본문 텍스트의 최적 행 길이는 50–75자 ✓ 더 짧거나 더 긴 행 길이는 가독성을 떨어뜨릴 수 있음 ✓ 각 행에 적절한 양의 문자를 사용하는 것은 텍스트 가독성의 핵심 ✓ 전자 상거래 UX 테스트에 따르면 긴 텍스트 줄은 일반적으로 사용자에게 위협적이고 압도적으로 인식 ✓ 지나치게 긴 텍스트 행에 직면한 사용자는 읽는 행위를 회피할 가능성을 높임 ✓ 제품이나 서비스의 이점을 완전히 이해하지 못하고 자신의 요구를 충족시키지 못할 것이라고 결정 📌 가독성에 관한 일반 원칙 ✓ 텍스트 너비를 결정하는 것은 디자인은 물론 사용자가 텍스트를 쉽게 읽을 수 있는 것이 중요한 요소여야 함 ✓ 행이 너무 길면 독자의 눈이 텍스트에 집중하는 데 어려움을 겪을 수 있음 ✓ 이는 선 길이가 선의 시작과 끝을 측정하기 어렵게 하기 때문 ✓ 행이 너무 짧으면 눈이 너무 자주 뒤로 이동해야 하므로 독자의 리듬이 깨짐 ✓ 너무 짧은 행은 독자에게 스트레스를 주는 경향이 있어 현재 행을 끝내기 전에 다음 행에서 시작하게 함 📌  지나치게 긴 텍스트 행이 전자상거래 사용자에게 미치는 부정적인 영향 ✓ 이미지 등도 중요하지만 많은 사용자에게 텍스트는 의사 결정 과정에서 중요한 요소 ✓ 특정 제품에서 텍스트가 중요하지 않더라도 사이트의 경우 전체 텍스트가 항상 중요한 역할 ✓ FAQ, 리뷰 또는 체크아웃 UX 탐색 등 ✓ 행의 길이로 인해 읽기 어려울 때 사용자는 텍스트에 읽으려는 의지가 낮아짐 ✓ 테스트 중 사용자가 긴 텍스트 행이 포함된 페이지에 다다르면 즉시 이전 페이지로 돌아가는 것을 확인 ✓ 긴 행의 텍스트는 사용자가 제품이나 서비스에 대한 더 많은 정보를 수집하는 데 방해 📌 전자 상거래 사이트 및 접근성 문제를 위한 최적의 텍스트 행 길이 ✓ WCAG 지침 1.4.8에 따르면 모든 사용자가 액세스 할 수 있으려면 텍스트 행은 80자 이하 여야 ✓ 텍스트가 중국어, 일본어 또는 한국어인 경우 40자 이하여야 ✓ 행 길이가 80자를 초과하지 않도록 하려면 글꼴 기준 길이를 max-width 사용하여 CSS 속성 설정 ✓ 접근성 표준을 준수하려면 텍스트 스타일을 다음과 같이 설정 가능 ✓ 줄 높이(즉, 텍스트 줄 사이의 간격): 1.5em(즉, 글꼴 크기의 1.5배) ✓ 단락 간격: 2em, 단어 간격: 0.16em, 문자 간격(즉, 추적): 0.12em 가독성을 높이기 위해 행 길이를 설정함으로써 사이트는 사용자 가 제품 및 서비스에 대해 더 많이 배우도록 권장합니다. 테스트에서 알 수 있듯이 일반적으로 사용자 관심이 증가하고 사용자가 제품 또는 서비스를 구매하기로 결정할 가능성이 높아집니다.

알림

알림이 없습니다