화면이 바뀌면 같은 이미지도 달리 보입니다
데스크톱 모니터에서 선명하게 보이던 홍보 이미지가 휴대전화에서는 글자가 배경에 묻혀 보이는 일이 흔합니다. 화면 밝기, 야외의 반사광, 화면 크기, 보는 사람의 시력에 따라 같은 이미지도 다르게 읽히기 때문입니다. 따라서 이미지를 고를 때는 전체 분위기보다 꼭 전달해야 하는 정보가 실제로 읽히는지를 먼저 확인해야 합니다.
날짜, 장소, 신청 버튼처럼 행동에 직접 필요한 문구가 읽히지 않으면 이미지가 예뻐도 목적을 이루지 못합니다. 점검의 기준은 아름다움이 아니라 정보 전달입니다.
작게 줄여서 멀리서 보기
가장 간단한 방법은 이미지를 작은 크기로 줄여 휴대전화에서 보는 것입니다. 팔을 뻗어 화면을 멀리 두고 보거나 화면 밝기를 낮춰 보면 대비가 약한 부분이 더 빨리 드러납니다. 밝은 사진 위에 흰 글자를 올렸을 때 일부 글자가 사라지는지, 그라데이션이 중간 영역에서만 효과가 있는지도 이때 확인됩니다.
사진 배경은 화면 비율에 따라 잘리는 위치가 달라집니다. 한쪽 화면에서는 어두운 영역에 놓였던 문구가 다른 화면에서는 밝은 물체 위로 옮겨 갈 수 있으므로 여러 자르기 비율로 확인합니다.
읽기 어려울 때 고치는 방법
핵심 문구가 잘 보이지 않을 때 그림자만 짙게 넣으면 글자가 번져 보여 오히려 읽기 어려워질 수 있습니다. 글자가 놓이는 자리에 단색 배경 영역을 마련하거나 사진과 글자의 배치를 바꾸는 편이 안정적입니다. 글자 크기를 키우고 굵기를 조정하는 것도 방법입니다.
버튼은 배경과 구분되어야 하고, 누를 수 있는 영역이 어디인지 분명해야 합니다. 가능과 불가 같은 상태를 색상만으로 구분하지 말고 글자나 기호를 함께 사용해야 색을 구별하기 어려운 사람도 이해할 수 있습니다.
눈으로 본 결과를 도구와 사람으로 보완하기
눈으로 하는 점검은 출발점입니다. 중요한 글자와 배경의 대비는 대비 측정 도구로도 확인할 수 있고, 화면을 확대한 상태와 다른 기기에서 표본으로 다시 봅니다. 한 사람의 눈에 읽힌다고 모든 사람에게 읽히는 것은 아니므로, 다른 사람에게 잠시 보여 주고 날짜와 해야 할 행동을 말해 보라고 하는 방법도 유용합니다.
답하지 못한다면 글자가 보이는지만이 아니라 정보의 순서와 크기 위계도 함께 고쳐야 합니다. 같은 이미지를 몇 초만 보여 주는 이 단순한 시험이 실제 이용 상황과 가장 가까운 확인입니다.
이미지 안에만 정보를 두지 않기
이미지 안에만 날짜나 조건이 있으면 화면 읽기 도구를 쓰는 사람이나 이미지가 불러와지지 않은 환경에서는 내용을 놓칩니다. 핵심 정보는 본문 글에도 텍스트로 적고, 대체 텍스트에는 이미지를 꾸미는 표현보다 전달하려는 내용을 적습니다.
날짜가 있는 이미지는 디자인 수정과 사실 변경을 함께 관리해야 합니다. 일정이 바뀌어 본문은 고쳤는데 이미지에 이전 날짜가 남아 있으면 대비가 아무리 좋아도 잘못된 안내가 됩니다. 이미지 파일의 버전과 쓰인 페이지를 목록으로 기록하고, 작은 미리보기와 상세 화면 모두에서 현재 정보인지 확인합니다.
정리
가독성 검수는 미적 평가가 아니라 이용자가 중요한 정보를 놓치지 않는지 살피는 일입니다. 작게 보고, 밝기를 바꿔 보고, 다른 사람에게 읽혀 보고, 본문으로 보완하는 네 단계를 정해 두면 담당자가 바뀌어도 같은 기준으로 점검할 수 있습니다. 눈이 쉽게 피로한 환경이나 개인의 시력 차이도 있으므로, 화면 사용 중 불편이 계속되면 안과 진료에서 확인하시기 바랍니다.
점검 결과는 담당자가 바뀌어도 쓸 수 있도록 짧은 표로 남깁니다. 어떤 기기와 밝기에서 확인했는지, 읽히지 않은 문구가 무엇이었는지, 어떻게 고쳤는지를 한 줄씩 적어 두면 다음 이미지를 만들 때 같은 실수를 반복하지 않습니다. 계절이나 행사에 맞춰 이미지를 자주 바꾸는 곳일수록 이런 기록이 시간을 아껴 줍니다. 또한 디자인을 맡긴 사람과 게시를 맡은 사람이 다를 때는 최종 확인 기준을 미리 공유해 두어야 합니다. 완성된 파일만 전달받으면 작은 화면에서의 문제를 뒤늦게 발견하기 쉽기 때문입니다.
마지막으로 이미지를 올리기 직전에 한 번 더, 작은 미리보기 크기에서 제목 한 줄이 읽히는지 확인합니다. 목록 화면에서 보이는 작은 크기가 방문자가 가장 먼저 만나는 모습인 경우가 많기 때문입니다.