목록 카드는 작은 약속입니다
목록에서 항목 하나를 누르는 행동에는 기대가 담겨 있습니다. 카드에 적힌 제목과 짧은 설명을 보고 이 항목이 내 상황에 맞을 것이라고 판단했기 때문입니다. 그런데 열린 화면 첫머리에 소개 문구만 길게 이어지고 선택한 항목의 조건이 보이지 않으면, 방문자는 왜 이 페이지를 열었는지 다시 생각해야 합니다.
그래서 상세 화면을 기획할 때는 목록 카드와 상세 화면 첫 영역을 나란히 놓고 비교하는 작업이 도움이 됩니다. 카드가 약속한 내용이 상세 화면 위쪽에서 바로 이어지는지, 카드에서 암시한 대상이나 범위가 같은 말로 확인되는지 살펴보는 방식입니다. 표현이 달라 같은 대상으로 느껴지지 않는다면 둘 중 한쪽을 고쳐야 합니다.
첫 화면에서 대상과 제공 범위를 밝힙니다
상세 화면의 맨 위에는 누가 이용할 수 있고 무엇이 제공되는지를 먼저 적습니다. 운영 시간, 신청 방법, 장소처럼 결정을 내리는 데 필요한 값은 확인된 자료에서 가져옵니다. 담당자가 기억으로 옮겨 적은 값은 오래된 정보를 담고 있을 가능성이 높으므로 원본 자료와 대조하는 절차를 둡니다.
예외 조건은 본문 아래쪽에 숨기지 않고 관련된 답 바로 옆에 둡니다. 조건이 멀리 떨어져 있으면 방문자는 앞부분만 읽고 이용할 수 있다고 오해할 수 있습니다. 반대로 근거가 없는 성과 수치나 실제로 제공하지 않는 선택지를 덧붙여 페이지를 풍성하게 보이게 하는 방식은 피해야 합니다. 비어 있는 정보는 비어 있다고 밝히고 문의 경로를 안내하는 편이 낫습니다.
목록 카드가 여러 개의 유형을 한꺼번에 보여 준다면 유형별로 필요한 답이 다르다는 점도 고려해야 합니다. 같은 템플릿에 모든 항목을 끼워 넣으면 어떤 항목에서는 빈 칸이 생기고 어떤 항목에서는 필요한 칸이 없을 수 있습니다. 항목 유형마다 반드시 들어가야 할 정보를 먼저 정의하고, 해당하지 않는 칸은 화면에서 감추는 방식이 읽기에 편합니다.
모든 것을 담기보다 다음 길을 분명히 합니다
상세 화면의 목적은 모든 정보를 한꺼번에 담는 것이 아닙니다. 처음 보는 사람이 선택을 판단할 수 있는 최소한의 답을 주고, 더 깊은 설명이나 별도 절차로 이어지는 길을 분명히 하면 충분합니다. 신청이 필요하다면 신청 버튼의 이름이 실제로 열리는 화면을 정확히 설명하는지 확인합니다.
비교하려는 사람을 위한 경로도 필요합니다. 한 항목을 보고 나서 다른 항목과 견주고 싶어도 목록으로 돌아가는 길이 없으면 뒤로 가기에 의존해야 합니다. 상위 범주로 복귀하는 링크와 인접한 항목으로 이동하는 링크를 두면 여러 항목을 둘러보는 흐름이 끊기지 않습니다.
모바일과 확대 글자에서 직접 확인합니다
대부분의 방문자가 휴대전화로 열어 보므로 모바일 첫 화면을 직접 확인합니다. 제목이 잘리면서 의미가 달라지지 않는지, 이미지가 핵심 조건을 아래로 밀어내지 않는지, 버튼 이름이 다음 화면을 정확히 설명하는지 살펴봅니다. 분량이 긴 페이지라면 목차 링크가 해당 항목 위치로 정확히 이동하는지도 눌러 봅니다.
접근성도 함께 점검합니다. 글자 크기를 키운 환경에서 안내 문구가 서로 겹치거나 가려지면, 내용이 있어도 읽을 수 없는 화면이 됩니다. 색만으로 상태를 구분한 표시가 있다면 글자로도 구분되는지 확인합니다. 이런 점검은 소수의 이용자를 위한 일이 아니라 모든 방문자가 같은 정보를 얻게 하는 기본 작업입니다.
여러 곳에서 연결되는 페이지의 정보를 한곳에서 관리합니다
상세 화면은 목록뿐 아니라 검색 결과, 예전 공지, 외부 안내문에서도 연결됩니다. 오래된 공지를 통해 들어온 사람이 지금 기준과 다른 값을 보게 되지 않도록, 날짜가 바뀌는 정보에는 검토 책임자와 확인 시점을 기록해 둡니다. 같은 조건을 여러 상세 화면에 복사해 두면 수정할 때 하나를 놓치기 쉽습니다. 공통 조건은 관리하기 쉬운 기준 페이지에 모으고, 각 항목에는 그 항목만의 조건을 나눠 적는 구성이 유지 보수에 유리합니다.
발행한 뒤에는 상세 화면을 읽고도 같은 질문이 문의로 반복되는지 살펴봅니다. 조건이 빠졌는지, 위치가 숨겨졌는지, 표현이 낯설어 이해되지 않는지를 나눠서 고칩니다. 상세 페이지가 제 역할을 한다는 것은 글의 길이가 충분하다는 뜻이 아니라, 목록에서 선택한 사람이 답과 다음 단계를 곧바로 찾을 수 있다는 뜻입니다. 사이트마다 구조와 이용자가 다르므로 위 항목은 자신의 화면에 맞게 조정해 적용하면 됩니다.