목록 카드가 한 약속을 상세 화면이 이어받습니다
목록에서 항목 하나를 누르는 행동에는 기대가 담겨 있습니다. 카드에 적힌 제목과 짧은 설명을 보고 자신이 찾던 내용이라고 판단했기 때문에 한 단계 더 들어온 것입니다. 그런데 상세 화면을 열었더니 소개 문구만 길게 반복되거나 카드에 없던 광고성 문장이 앞서 나오면 방문자는 왜 이 화면을 열었는지 다시 생각해야 합니다.
점검의 출발점은 목록 카드와 상세 화면 첫 영역을 나란히 놓고 비교하는 일입니다. 카드가 말한 대상, 범위, 이름이 상세 화면 첫 영역에서도 같은 표현으로 확인되는지 봅니다. 카드에서는 신청 방법을 이야기하는데 상세 화면은 배경 설명으로 시작한다면 두 화면의 역할이 어긋난 것입니다. 이 어긋남은 이탈로 이어지기 쉬워서 디자인보다 먼저 정리해야 합니다.
첫 화면에 둘 최소한의 답
상세 화면 첫 영역에는 선택을 판단하는 데 필요한 최소한의 답을 둡니다. 누구를 위한 안내인지, 무엇을 제공하는지, 이용하려면 어떤 절차가 필요한지가 기본입니다. 운영 시간이나 장소처럼 값이 정해진 항목은 확인된 자료에서만 가져옵니다. 근거 없이 채운 숫자나 실제로 제공하지 않는 선택지를 넣어 화면을 풍성하게 보이게 하는 방식은 신뢰를 떨어뜨립니다.
예외 조건도 중요합니다. 특정 조건에서는 이용이 제한되는데 그 내용이 본문 맨 아래에 있다면 방문자는 끝까지 읽은 뒤에야 자신이 해당하지 않는다는 사실을 알게 됩니다. 예외는 관련된 답 바로 옆에 두고, 길어지면 짧은 요약과 자세히 보기로 나눕니다. 모든 정보를 한꺼번에 담으려는 욕심보다 판단에 필요한 순서를 지키는 편이 낫습니다.
비교하고 돌아갈 길을 열어 둡니다
목록에서 들어온 방문자는 대개 한 항목만 보고 결정하지 않습니다. 여러 항목을 번갈아 보며 조건을 견주기 때문에 상세 화면에서 목록으로 돌아가는 길이 분명해야 합니다. 브라우저의 뒤로 가기에만 의존하면 검색 결과나 공유 링크로 바로 들어온 사람은 상위 범주로 복귀할 방법이 없습니다. 상세 화면 안에 상위 목록으로 가는 링크와 현재 위치를 보여 주는 경로 표시를 두면 이런 막다른 길을 줄일 수 있습니다.
같은 이유로 이전 항목과 다음 항목으로 넘어가는 이동도 고려할 수 있습니다. 다만 이동 링크의 이름이 항목명이 아니라 이전, 다음 같은 단어뿐이라면 어디로 가는지 알 수 없으므로 가려는 화면의 이름을 함께 적어 주는 편이 좋습니다.
모바일 첫 화면에서 따로 확인할 점
상세 화면은 모바일에서 읽히는 경우가 많으므로 작은 화면에서 첫 영역이 어떻게 보이는지 직접 열어 확인합니다. 제목이 길어 중간에서 잘려 의미가 달라지지 않는지, 큰 이미지가 핵심 조건을 화면 아래로 밀어내지 않는지, 버튼 문구가 눌렀을 때 나타날 화면을 설명하는지 살핍니다. 버튼에 자세히 보기라고만 적혀 있으면 무엇을 자세히 보는지 알 수 없습니다.
긴 페이지에서는 목차나 앵커 링크가 해당 항목으로 정확히 이동하는지도 시험합니다. 이동은 되는데 고정 헤더에 제목이 가려진다면 읽기 시작점이 어긋납니다. 글자 크기를 키운 설정에서 안내 문구가 겹치거나 가려지지 않는지도 함께 확인하세요. 내용이 있어도 읽을 수 없는 화면은 없는 것과 마찬가지입니다.
여러 경로로 들어오는 화면의 일관성
한 상세 화면은 목록뿐 아니라 검색 결과, 지난 공지, 공유 링크 등 여러 곳에서 연결됩니다. 어떤 경로로 들어오든 같은 정보가 보여야 하므로 연결된 화면의 값이 서로 일치하는지 주기적으로 맞춰 봅니다. 날짜가 바뀌는 정보라면 확인한 시점과 확인한 담당자를 기록해 두어야 나중에 어느 쪽이 최신인지 가릴 수 있습니다.
같은 내용을 여러 상세 화면에 복사해 두면 수정할 때 하나를 놓치기 쉽습니다. 모든 항목에 공통으로 적용되는 조건은 기준이 되는 페이지 하나에 모아 관리하고, 각 상세 화면에는 그 항목만의 조건을 둡니다. 공통 조건이 필요한 곳에는 기준 페이지로 연결하면 수정할 곳이 하나로 줄어듭니다.
발행 뒤에는 문의 내용으로 되돌아봅니다
화면을 고친 뒤에는 같은 질문이 문의로 다시 들어오는지 살펴봅니다. 이미 적어 둔 정보를 묻는 문의가 반복된다면 조건이 빠졌는지, 위치가 눈에 띄지 않는지, 표현이 낯선지를 나누어 원인을 찾습니다. 원인에 따라 고치는 방식이 다르기 때문입니다. 빠진 정보는 추가하고, 위치 문제라면 순서를 바꾸고, 표현 문제라면 방문자가 쓰는 말로 바꿉니다.
상세 화면이 제 역할을 한다는 것은 분량이 충분하다는 뜻이 아닙니다. 목록에서 선택한 사람이 필요한 답과 다음 단계를 스스로 찾을 수 있다는 뜻입니다. 실제 운영에서는 화면 구성과 기록 방식이 조직마다 다르므로, 위 점검표를 그대로 적용하기보다 자신의 화면에서 어느 항목이 먼저 문제가 되는지 확인하며 순서를 정하는 것이 좋습니다.