목록 카드와 첫 화면은 같은 약속을 해야 합니다
목록에서 항목을 선택한 사람은 더 긴 소개를 기대하기보다 자신이 고른 항목의 조건과 다음 행동을 알고 싶어 합니다. 상세 페이지의 첫 화면에 홍보 문구만 크게 놓이면 왜 이 페이지를 열었는지 답을 얻기 어렵습니다.
기획할 때 목록 카드에 적힌 제목과 요약, 그리고 상세 페이지 첫 화면에 보이는 답을 나란히 놓고 비교해 보세요. 카드가 던진 질문에 첫 화면이 바로 이어서 답하는지를 보면 됩니다.
비교 기준은 단순하게 시작해도 충분합니다. 카드 제목에서 약속한 단어가 첫 화면의 제목이나 첫 문장에 그대로 이어져 있는지만 확인해도 어긋난 페이지가 상당수 걸러집니다.
선택에 필요한 값은 확인된 자료에서 가져옵니다
서비스나 게시물의 상세 화면이라면 적용 대상과 제공 범위를 가장 먼저 밝힙니다. 운영 시간, 신청 방법, 장소처럼 결정을 내리는 데 필요한 값은 확인된 자료에서 옮겨 와야 합니다.
예외 조건은 본문 맨 아래에 숨기지 말고 관련된 답 옆에 둡니다. 근거가 없는 성과 수치나 실제로 제공하지 않는 선택지를 덧붙여 페이지를 풍성하게 보이게 하는 방식은 피합니다.
자료에서 옮긴 값에는 확인 날짜를 내부 기록으로 남겨 두면 좋습니다. 누가 언제 확인했는지 알 수 있어야 정보가 바뀌었을 때 어디까지 고쳐야 하는지 판단할 수 있습니다.
모든 정보를 담기보다 판단에 필요한 최소한을 줍니다
상세 페이지의 목적은 정보를 한꺼번에 쏟아 내는 것이 아닙니다. 처음 보는 사람이 선택을 판단할 수 있는 최소한의 답을 주고, 더 깊은 설명이나 별도 절차로 가는 길을 분명히 하면 됩니다.
다른 항목과 비교하려는 사람을 위해 목록으로 돌아가는 경로도 필요합니다. 페이지 안에서 앞뒤로만 움직일 수 있고 상위 범주로 복귀할 수 없다면 여러 항목을 견주어 보기 어렵습니다.
다음 행동을 알리는 버튼은 한 화면에 하나의 주된 행동만 강조합니다. 신청, 문의, 저장처럼 선택지가 비슷한 비중으로 놓이면 이용자는 무엇부터 해야 할지 망설이게 됩니다.
모바일 첫 화면을 직접 확인합니다
휴대전화에서 제목이 잘려 뜻이 달라지지 않는지, 큰 이미지가 핵심 조건을 아래로 밀어내지 않는지, 버튼 이름이 다음 화면을 정확히 설명하는지 살펴봅니다.
긴 페이지라면 목차를 눌렀을 때 해당 항목으로 정확히 이동하는지도 시험합니다. 글자를 크게 확대해 읽는 사람이 있을 때 안내가 겹치거나 가려지지 않는지도 확인하면 접근성 문제를 일찍 발견할 수 있습니다.
화면 구성이 달라지는 기기에서도 같은 순서로 읽히는지 점검합니다. 가로 화면이나 작은 휴대전화에서는 요소의 순서가 바뀌어 중요한 안내가 뒤로 밀리기도 합니다.
같은 내용을 여러 곳에 복사하지 않습니다
여러 상세 페이지에 같은 조건을 복사해 두면 나중에 수정할 때 하나를 놓치기 쉽습니다. 공통 조건은 관리하기 쉬운 기준 페이지로 모으고, 각 항목에는 고유한 조건만 남겨 두는 방식이 좋습니다.
날짜가 바뀌는 정보는 검토 책임자와 점검 시점을 기록하고, 연결된 화면의 값이 서로 일치하는지 확인합니다. 오래된 공지나 검색 결과를 통해 들어온 사람도 같은 정보를 보게 되기 때문입니다.
기준 페이지를 만들 때는 각 항목 화면에서 그 기준 페이지로 이동하는 길을 분명히 표시해야 합니다. 이동 경로가 없으면 이용자는 공통 조건이 어디에 있는지 알 수 없습니다.
발행 뒤 문의로 돌아오는 질문을 살핍니다
페이지를 읽고도 같은 질문이 문의로 들어온다면 조건이 빠졌는지, 위치가 눈에 띄지 않는지, 표현이 낯선지를 나누어 고칩니다. 원인에 따라 고치는 방법이 서로 다르기 때문입니다.
상세 페이지가 제 역할을 한다는 것은 분량이 충분하다는 뜻이 아닙니다. 목록에서 선택한 사람이 답과 다음 단계를 어렵지 않게 찾을 수 있다는 뜻이므로, 실무에서는 문의 내용을 정기적으로 확인해 보완하시기 바랍니다.
문의 기록을 유형별로 나누어 두면 어떤 상세 페이지를 먼저 손봐야 하는지 순서가 보입니다. 같은 항목에 질문이 몰린다면 그 페이지의 첫 화면부터 다시 읽어 보세요.
고친 뒤에는 일정 기간 같은 유형의 문의가 줄었는지 다시 비교하고, 변화가 없다면 다른 원인을 찾아 보는 순서로 이어가면 됩니다.