목록 카드와 상세 페이지는 하나의 약속입니다
목록에서 항목 하나를 누르는 행동에는 기대가 담겨 있습니다. 카드에 적힌 제목과 짧은 설명을 보고 그 안에서 더 구체적인 조건과 다음 행동을 알 수 있으리라 생각하기 때문입니다. 그런데 상세 페이지를 열었더니 목록에서 본 홍보 문구가 더 크게 반복될 뿐이라면, 이용자는 왜 이 페이지를 열었는지 답을 얻지 못하고 이탈합니다.
기획할 때에는 목록 카드가 약속한 정보와 상세 페이지 첫 화면에서 보이는 정보를 나란히 놓고 비교해 보는 것이 좋습니다. 카드가 질문을 던졌다면 상세 페이지의 첫 화면이 그 질문에 먼저 답해야 합니다.
첫 화면에 반드시 있어야 하는 정보
서비스나 게시물의 상세 화면이라면 적용 대상과 제공 범위를 가장 먼저 밝힙니다. 운영 시간, 신청 방법, 장소처럼 이용자가 결정을 내리는 데 필요한 값은 확인된 자료에서 가져오고, 직접 확인하지 못한 값은 적지 않습니다. 근거가 아직 없는 성과 수치나 실제로 제공하지 않는 선택지를 덧붙여 페이지를 풍성하게 보이려는 시도는 신뢰를 해칩니다.
예외 조건도 중요합니다. 특정 대상은 제외되거나 일정 기간에만 가능하다면, 본문 맨 아래에 작은 글씨로 두지 말고 관련 답 바로 옆에 둡니다. 예외를 늦게 발견한 이용자는 페이지 전체를 의심하게 되기 때문입니다.
모든 정보를 담기보다 판단에 필요한 답부터
상세 페이지의 목적은 모든 내용을 한꺼번에 보여 주는 데 있지 않습니다. 처음 보는 사람이 선택을 판단할 수 있는 최소한의 답을 제공하고, 더 깊은 설명이나 별도 절차로 이어지는 길을 분명히 두면 충분합니다. 긴 설명이 필요한 내용은 소제목으로 나누어 필요한 사람만 펼쳐 볼 수 있게 합니다.
비교하는 사람을 위한 경로도 필요합니다. 목록으로 돌아가 다른 항목을 살펴보는 길이 막혀 있으면 이용자는 뒤로 가기 버튼에만 의존하게 됩니다. 상위 범주로 돌아가는 링크와 현재 위치를 알려 주는 표시를 함께 두는 것이 좋습니다.
버튼과 링크의 이름도 이 단계에서 정리합니다. 자세히 보기처럼 어디로 가는지 알 수 없는 이름보다 신청 방법 확인, 운영 시간 보기처럼 다음 화면의 내용을 설명하는 이름이 이용자의 망설임을 줄입니다. 같은 이름의 버튼이 서로 다른 곳으로 연결되지 않는지도 함께 확인해야 합니다.
모바일 화면에서 직접 확인하기
데스크톱에서 잘 보이던 구성이 모바일에서는 달라질 수 있어서 반드시 작은 화면으로 확인해야 합니다. 제목이 잘려 의미가 바뀌지 않는지, 큰 이미지가 핵심 조건을 화면 아래로 밀어내지 않는지, 버튼 이름이 실제로 이동하는 화면을 설명하는지를 살펴봅니다.
긴 페이지라면 목차 항목을 눌렀을 때 정확한 위치로 이동하는지도 시험합니다. 글자 크기를 키운 상태에서 안내가 서로 겹치거나 가려지면 내용이 있어도 읽을 수 없으므로, 확대한 화면에서도 한 번 점검하는 것이 좋습니다.
확인 과정에서는 실제 이용자의 시선과 가까운 사람에게 페이지를 보여 주는 방법이 유용합니다. 작성자는 이미 내용을 알고 있어서 빠진 설명을 알아채기 어렵지만, 처음 보는 사람은 십 초 안에 이 페이지가 자신에게 해당하는지 판단합니다. 그 시간 동안 무엇이 눈에 들어왔는지 물어보면 첫 화면 구성의 문제를 빠르게 찾을 수 있습니다.
여러 경로로 들어오는 방문자 고려하기
상세 페이지는 목록에서만 열리지 않습니다. 검색 결과나 오래된 공지, 외부 링크를 통해 곧바로 들어오는 사람도 있습니다. 이런 방문자는 앞뒤 맥락 없이 페이지를 보기 때문에, 페이지 안에서 이것이 무엇에 관한 안내인지 스스로 설명되어야 합니다.
날짜가 바뀌는 정보는 검토 담당자와 확인 시점을 기록해 두고, 연결된 화면의 값이 서로 일치하는지 정기적으로 봅니다. 같은 조건을 여러 상세 페이지에 복사해 두면 수정할 때 하나를 놓치기 쉬우므로, 공통 조건은 기준이 되는 한 곳에 두고 각 페이지에는 항목마다 다른 조건만 적는 방식이 관리하기 편합니다.
항목이 많은 사이트라면 모든 상세 페이지를 한꺼번에 고치기보다 문의가 많은 항목부터 우선순위를 정해 개선합니다. 한 페이지에서 효과를 본 구성을 기준 양식으로 삼으면 다른 항목에도 같은 틀을 적용하기 쉬워집니다.
발행 이후 점검하기
공개한 뒤에는 상세 페이지를 읽고도 같은 질문이 문의로 되돌아오는지 확인합니다. 되돌아온다면 조건이 빠졌는지, 위치가 눈에 띄지 않는지, 표현이 낯선지를 나누어 보고 한 가지씩 고칩니다.
상세 페이지가 제 역할을 한다는 것은 길이가 충분하다는 뜻이 아닙니다. 목록에서 선택한 사람이 답과 다음 단계를 곧바로 찾을 수 있다는 뜻입니다. 실무에서는 새 항목을 추가할 때마다 카드 문구와 상세 첫 화면을 함께 검토하는 절차를 두는 것을 권합니다.