보는 환경이 바뀌면 같은 이미지도 달라집니다
디자인을 마친 이미지를 책상 위 큰 모니터로 볼 때와 지하철에서 휴대전화로 볼 때는 인상이 크게 다릅니다. 화면이 작아지면 글자도 작아지고, 햇빛이 강한 곳이나 밝기를 낮춘 화면에서는 배경과 글자의 차이가 줄어듭니다. 그래서 이미지를 확정하기 전에는 얼마나 멋있는지보다 꼭 전달해야 할 정보가 읽히는지를 먼저 점검해야 합니다. 날짜, 장소, 눌러야 하는 버튼 문구가 흐려지면 이미지는 본래 역할을 하지 못합니다.
작게 줄여 보는 것이 가장 빠른 점검입니다
이미지를 실제 사용 크기에 가깝게 줄여서 휴대전화로 열어 봅니다. 밝은 사진 위에 흰 글씨를 얹은 경우 글자의 일부가 사라지는 곳이 없는지 봅니다. 글자 뒤에 어두운 막을 깐 디자인도 막이 닿지 않는 가장자리에서는 효과가 약해질 수 있습니다.
사용하는 화면마다 사진이 잘리는 방식이 다르다는 점도 놓치기 쉽습니다. 어떤 화면에서는 가로로 길게, 어떤 화면에서는 정사각형이나 세로로 표시되기 때문에 글자가 의도하지 않은 밝은 물체 위로 옮겨 갈 수 있습니다. 가능한 모든 비율로 잘라 확인하는 과정이 필요합니다.
문제가 보이면 배치를 먼저 바꿉니다
글자가 읽기 어려울 때 그림자 효과를 계속 더하면 오히려 지저분해지기 쉽습니다. 단색으로 된 띠를 글자 뒤에 두거나, 사진에서 복잡하지 않은 영역으로 글자를 옮기는 방법이 대체로 깔끔합니다. 버튼은 배경과 분명히 구별되어야 하고, 어디를 눌러야 하는지 모양으로도 알 수 있어야 합니다.
신청 가능과 마감처럼 상태를 알려야 할 때 색깔만으로 구분하지 않는 것도 중요합니다. 색을 구별하기 어려운 사람이나 흑백에 가까운 화면에서는 차이가 보이지 않으므로 글자와 기호를 함께 사용합니다.
사람의 눈은 출발점이고 도구는 보완입니다
눈으로 보는 확인에는 한계가 있습니다. 보는 사람의 시력과 피로도, 화면 상태에 따라 판단이 달라지기 때문입니다. 글자와 배경의 색 차이를 수치로 알려 주는 도구를 함께 쓰고, 화면을 확대한 상태나 다른 기기에서도 몇 개 표본을 골라 다시 살펴보면 더 안정적입니다.
이미지 안에만 중요한 조건을 넣어 두면 화면 읽기 프로그램을 쓰는 사람은 그 내용을 알 수 없습니다. 날짜와 조건은 본문 글에도 적고, 대체 텍스트에는 이미지를 꾸미는 말보다 전해야 할 정보를 담습니다.
점검은 이미지를 만든 사람과 다른 사람이 하면 더 효과적입니다. 만든 사람은 어디에 무슨 글자가 있는지 이미 알고 있어서 흐릿한 부분도 무심코 읽어 버리기 쉽기 때문입니다. 가능하면 서로 다른 연령대와 화면 환경을 가진 두세 사람이 같은 이미지를 보고 읽히지 않는 부분을 표시하도록 하면 놓친 곳을 찾기 쉽습니다.
날짜가 있는 이미지는 수정 기록을 남깁니다
일정이 바뀌어 본문은 고쳤는데 이미지에는 이전 날짜가 남아 있는 일은 생각보다 자주 일어납니다. 이럴 때는 대비가 아무리 좋아도 틀린 정보를 선명하게 보여 주는 셈입니다. 이미지마다 어느 페이지에 쓰였는지와 마지막으로 고친 시점을 기록해 두고, 목록에 보이는 작은 이미지와 상세 화면의 이미지가 모두 현재 정보인지 확인합니다.
이미지에 넣는 문구의 양도 가독성에 영향을 줍니다. 한 장에 정보를 많이 넣을수록 글자가 작아지므로, 꼭 필요한 날짜와 행동 한 가지만 이미지에 두고 나머지 설명은 본문으로 옮기면 읽기 쉬워집니다.
글자 크기는 휴대전화에서 팔을 편하게 뻗은 거리로 볼 때 무리 없이 읽히는지를 기준으로 삼아 보세요. 확대해야만 읽히는 글자는 핵심 정보로 쓰기에 적절하지 않습니다.
처음 보는 사람에게 몇 초만 보여 주기
마지막으로 해 볼 만한 확인은 이미지를 처음 보는 사람에게 몇 초만 보여 주고 날짜와 해야 할 일을 말해 달라고 하는 것입니다. 대답이 어렵다면 글자 크기뿐 아니라 정보의 순서와 대비를 다시 손봐야 합니다. 이 점검은 취향을 따지는 일이 아니라 이용자가 중요한 정보를 놓치지 않게 하는 일입니다. 화면을 오래 들여다보면 눈이 피로해질 수 있으니 밝은 곳에서 짧게 나누어 점검하고, 글자가 번져 보이거나 불편이 계속되면 안과 진료에서 확인해 보시기 바랍니다.