홈페이지를 만들고 나서 이런 말을 들어본 적 있으신가요. "글이 많아서 뭔 말인지 모르겠어요." 열심히 쓴 소개 문구, 공들인 서비스 설명인데 사용자들은 그냥 스크롤을 내립니다. 이건 콘텐츠의 문제가 아닙니다. 사용자가 화면을 읽는 방식을 몰랐기 때문입니다.

1. 사람은 웹에서 '읽는' 게 아니라 '스캔'한다

1997년 닐슨 노먼 그룹의 연구에서 충격적인 결과가 나왔습니다. 사람들은 웹페이지 텍스트의 약 20~28%만 읽는다는 것입니다. 그 이후 수십 년이 지났지만 지금도 크게 다르지 않습니다. 오히려 스마트폰이 생기고 나서 더 빨리 스캔하게 됐습니다.

사람들이 화면에서 눈을 움직이는 패턴은 대부분 F자 혹은 Z자 모양입니다. 처음 두 줄 정도를 좌→우로 읽고, 그다음은 왼쪽 세로로 훑다가 중간쯤에 한 번 더 가로로 읽습니다. 즉, 오른쪽 하단에 중요한 내용을 두면 아무도 보지 않습니다.

이걸 알고 나면 텍스트를 배치하는 방식이 달라집니다. 페이지에서 가장 중요한 메시지는 반드시 첫 줄, 왼쪽, 또는 굵은 글씨로 배치해야 합니다. 아무리 좋은 내용이어도 오른쪽 구석에 묻혀 있으면 읽히지 않습니다.

2. 스캔을 돕는 UI 텍스트 3가지 원칙

사용자가 스캔하는 방식에 맞게 텍스트를 설계하는 데는 세 가지 원칙이 있습니다.

첫째, 제목이 내용을 요약해야 합니다. "서비스 소개"라는 h2 제목은 아무 정보도 주지 않습니다. "런칭 2주 만에 전환율 3배를 만든 디자인 접근법"처럼 제목만 읽어도 내용을 알 수 있어야 스캔하는 사용자가 멈춥니다. 제목은 내용의 '간판'이 아니라 내용의 '요약'이어야 합니다.

둘째, 첫 문장에 핵심을 담아야 합니다. 기자들이 사용하는 역피라미드 구조를 UI 텍스트에도 적용하세요. 결론 → 근거 → 부연 순서로 씁니다. "저희 서비스는 다양한 기능을 제공합니다. 특히 A, B, C 기능이 있습니다."가 아니라 "A, B, C로 업무 시간을 절반으로 줄입니다."처럼 첫 문장에 가치를 먼저 넣어야 합니다.

셋째, 덩어리를 나눠야 합니다 (청킹). 5줄짜리 단락 하나보다 2줄짜리 단락 셋이 훨씬 읽기 쉽습니다. 인간의 단기 기억은 한 번에 처리할 수 있는 정보량이 제한되어 있기 때문입니다. 긴 설명은 소제목이나 줄바꿈으로 끊어주는 것만으로도 체감 가독성이 크게 올라갑니다.

3. 버튼과 링크 텍스트 — 가장 많이 틀리는 부분

"클릭하세요", "자세히 보기", "여기를 누르세요" — 이런 버튼 문구는 사용자에게 아무것도 알려주지 않습니다. 스크린 리더를 쓰는 사용자에게는 더 치명적입니다. 버튼 텍스트는 그 버튼만 떼어놓고 읽었을 때도 의미가 통해야 합니다.

나쁜 예는 자세히 보기입니다. 좋은 예는 포트폴리오 사례 확인하기입니다. 나쁜 예는 제출이고, 좋은 예는 무료 상담 신청하기입니다.

버튼은 사용자의 다음 행동을 안내하는 이정표입니다. 어디로 가는지 명확하게 쓰면 클릭률이 달라집니다. 단순히 행동을 지시하는 동사가 아니라, 사용자가 얻게 되는 결과를 담아야 합니다.

4. 에러 메시지도 UX다

"오류가 발생했습니다. 다시 시도해주세요." 이 문장이 나왔을 때 사용자는 무엇을 해야 할지 모릅니다. 에러 메시지는 세 가지를 담아야 합니다. 무슨 문제인지, 왜 생겼는지, 어떻게 해결하는지입니다.

"이메일 형식이 올바르지 않습니다. @ 기호가 포함된 이메일 주소를 입력해주세요."처럼 구체적인 안내가 있어야 사용자가 막힌 곳에서 이탈하지 않고 계속 진행할 수 있습니다. 에러 메시지를 잘 쓰는 것만으로도 사용자가 느끼는 신뢰감이 달라집니다.

마치며: 텍스트가 곧 UI다

디자이너들이 종종 텍스트를 '나중에 채울 내용'으로 취급하는 경우가 있습니다. 하지만 사용자가 버튼을 누를지 말지, 폼을 채울지 말지, 서비스를 이해했는지 여부는 모두 텍스트가 결정합니다.

레이아웃과 색상을 다듬는 만큼, 화면 안의 단어 하나하나도 설계의 대상으로 바라봐야 합니다. 사용자는 읽지 않습니다. 그래서 더 잘 써야 합니다.