애드온HOSPITAL MARKETING
메뉴
홈페이지·사용성

목록 카드를 누르고 들어온 상세 페이지 첫 화면에 무엇이 있어야 할까

목록에서 항목을 선택한 방문자가 상세 페이지 첫 화면에서 확인하려는 조건과 다음 행동을 점검하는 기준을 정리했습니다.

애드온 편집팀

카드가 약속한 내용과 상세 화면의 답이 만나야 합니다

목록에서 항목을 선택한 사람은 더 긴 소개보다 그 항목의 조건과 다음 행동을 기대합니다. 카드 제목이 이용 방법을 알려 주는 것처럼 보였는데 상세 페이지를 열자 같은 홍보 문구만 크게 반복된다면, 방문자는 왜 이 페이지를 열었는지 답을 얻지 못합니다. 그래서 기획 단계에서 목록 카드가 약속한 정보와 상세 페이지 첫 화면에 보이는 답을 나란히 놓고 비교해 보는 습관이 필요합니다.

여기서 말하는 비교는 거창한 시험이 아니어도 됩니다. 목록 화면과 상세 화면을 나란히 열어 놓고, 카드에 쓰인 단어가 상세 첫 화면에도 같은 의미로 나오는지만 확인해도 많은 어긋남이 드러납니다. 카드에서는 ‘이용 안내’라고 하고 상세에서는 ‘소개’라고 부르는 식의 용어 불일치도 방문자에게는 작은 혼란이 됩니다.

적용 대상과 제공 범위를 가장 먼저 밝힙니다

서비스나 게시물의 상세 화면이라면 누구에게 해당하는지, 어디까지 제공하는지를 앞쪽에서 알려야 합니다. 운영 시간, 신청 방법, 장소처럼 결정에 필요한 값은 확인된 자료에서 가져오고, 예외 조건은 본문 아래쪽에 숨기지 않고 관련된 답 바로 옆에 둡니다. 근거가 아직 없는 성과 수치를 넣거나 실제로 제공하지 않는 선택지를 덧붙여 페이지를 풍성하게 보이게 하는 방식은 신뢰를 오히려 떨어뜨립니다.

예를 들어 목록 카드에 ‘신청 방법’이라는 제목이 붙어 있었다면, 상세 페이지 첫 화면에서 신청 절차의 첫 단계가 보여야 합니다. 서비스 소개가 길게 이어진 뒤에야 신청 방법이 나온다면 카드의 약속과 페이지의 내용이 어긋난 것입니다. 카드 문구를 먼저 정하고 그 문구에 답하는 문장을 상세 페이지의 첫 문단에 쓰는 순서로 작업하면 이런 어긋남을 줄일 수 있습니다.

모든 정보를 담기보다 판단에 필요한 최소한을 줍니다

상세 페이지의 목적은 모든 정보를 한꺼번에 쏟아 내는 것이 아닙니다. 처음 보는 사람이 선택 여부를 판단할 최소한의 답을 먼저 주고, 자세한 설명이나 별도 절차로 이어지는 길을 분명히 보여 주면 충분합니다. 여기에 목록으로 돌아가 다른 항목을 비교할 수 있는 경로가 있어야 합니다. 페이지 안에서만 앞뒤로 움직일 수 있고 상위 범주로 돌아갈 수 없다면, 여러 항목을 견주어 보려는 사람은 처음 화면으로 되돌아가야 합니다.

모바일과 확대 화면에서 직접 열어 봅니다

모바일 첫 화면에서는 제목이 잘려 의미가 달라지지 않는지, 이미지가 핵심 조건을 아래로 밀어내지 않는지, 버튼 이름이 실제로 이어지는 화면을 설명하는지를 확인합니다. 긴 페이지라면 목차를 눌렀을 때 해당 항목으로 정확히 이동하는지도 시험합니다. 글자 크기를 키운 상태에서 안내 문구가 겹치거나 가려지면 내용이 있어도 읽을 수 없으므로, 접근성 관점의 확인도 함께 해 두는 것이 좋습니다.

또한 상세 페이지의 버튼 문구는 누른 뒤의 결과를 설명해야 합니다. ‘확인’이나 ‘다음’처럼 일반적인 단어만 쓰면 신청이 완료되는 것인지 단순히 다음 설명으로 넘어가는 것인지 알 수 없습니다. ‘신청서 작성하기’, ‘이용 안내 더 보기’처럼 행동과 대상을 함께 적으면 망설임이 줄어듭니다.

여러 경로로 들어오는 방문자를 고려합니다

상세 페이지는 목록뿐 아니라 오래된 공지, 검색 결과, 공유된 링크 등 다양한 곳에서 연결됩니다. 날짜가 바뀌는 정보는 검토 책임자와 확인 시점을 기록하고, 연결된 화면의 값이 서로 일치하는지 점검합니다. 같은 조건을 여러 상세 페이지에 복사해 두면 수정할 때 한 곳을 놓치기 쉽습니다. 공통 조건은 관리하기 쉬운 기준 페이지로 모으고, 각 항목에는 그 항목만의 조건만 남기는 방식이 안정적입니다.

공통 조건을 기준 페이지로 모을 때는 각 상세 페이지에서 그 기준 페이지로 이어지는 연결 문구도 구체적으로 적어야 합니다. ‘자세히 보기’처럼 모호한 표현보다 어떤 조건을 확인할 수 있는지를 밝힌 문구가 방문자의 판단을 돕습니다. 검토 책임자는 한 사람으로 정해 두고, 내용이 바뀐 날짜와 이유를 같은 위치에 적어 두면 이후의 점검이 수월해집니다.

발행 후에는 같은 질문이 다시 들어오는지 살핍니다

공개한 뒤에는 상세 페이지를 읽고도 같은 질문이 문의로 반복되는지 확인합니다. 반복되는 질문이 있다면 조건이 빠졌는지, 위치가 눈에 띄지 않는지, 표현이 낯선지를 나누어 하나씩 고칩니다. 상세 페이지가 제 역할을 한다는 것은 길이가 충분하다는 뜻이 아니라, 목록에서 선택한 사람이 답과 다음 단계를 한 화면 안에서 찾을 수 있다는 뜻입니다. 실무에서는 운영하는 서비스의 성격에 맞춰 위 기준의 순서를 조정해 적용하면 됩니다.

같은 카테고리 글 보기 · 전체 글 보기

CONSULTATION

어떤 정보를, 어디에 전할지
함께 정리해보세요.

병원의 현재 운영 채널과 필요한 작업을 알려주세요.
원고·이미지·홈페이지 중 필요한 업무 범위부터 확인합니다.

이메일로 문의하기 카카오 오픈채팅