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

목록에서 항목을 누른 이용자가 상세 페이지 첫 화면에서 확인하고 싶은 세 가지

목록 카드가 약속한 정보와 상세 페이지 첫 화면의 답을 맞춰 보고, 조건·다음 행동·복귀 경로를 점검하는 방법을 정리했습니다.

애드온 편집팀

긴 소개보다 선택한 항목의 조건이 먼저입니다

목록에서 한 항목을 누른 사람은 새로운 홍보 글을 읽으러 온 것이 아닙니다. 방금 본 카드에 적힌 내용이 사실인지, 자신에게 해당하는지, 다음에 무엇을 하면 되는지를 확인하러 온 것입니다. 상세 페이지의 첫 화면에 같은 홍보 문구가 크게 반복되면 이용자는 왜 이 화면을 열었는지 답을 얻지 못합니다.

기획할 때는 목록 카드가 약속한 정보와 상세 페이지 첫 화면에 보이는 답을 나란히 놓고 비교해 보면 좋습니다. 카드에는 있지만 상세 화면에서 찾을 수 없는 정보가 있다면 그 지점이 이탈이 생기기 쉬운 곳입니다.

첫 화면에서 확인해야 할 세 가지를 꼽자면 선택한 항목이 맞는지, 이용 조건이 무엇인지, 다음에 무엇을 누르면 되는지입니다. 이 세 가지가 스크롤 없이 보이면 이용자는 안심하고 아래 내용을 읽습니다.

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

서비스나 게시물의 상세 화면이라면 누구에게 해당하는지, 어디까지 제공하는지를 가장 먼저 적습니다. 운영시간, 신청 방법, 장소처럼 결정에 필요한 값은 확인된 자료에서 가져오고, 추측으로 채우지 않습니다.

예외 조건은 본문 아래쪽에 숨겨 두지 말고 관련된 답 옆에 둡니다. 조건을 늦게 알게 된 이용자는 앞서 읽은 내용 전체를 의심하게 됩니다. 근거가 아직 없는 성과 수치나 실제로 제공하지 않는 선택지를 넣어 페이지를 풍성해 보이게 하려는 시도도 피해야 합니다.

조건이 복잡한 항목이라면 적용되는 경우와 적용되지 않는 경우를 짧은 문장 두 개로 나누어 보여 주는 방법도 있습니다. 긴 문단보다 한눈에 구분되어 이용자가 자신에게 해당하는지 판단하기 쉽습니다.

모든 정보를 담지 않고 판단에 필요한 만큼만 둡니다

상세 페이지의 목적은 가능한 모든 정보를 한꺼번에 보여 주는 것이 아닙니다. 처음 보는 사람이 선택을 판단하는 데 필요한 최소한의 답을 주고, 더 깊은 설명이나 별도 절차로 이어지는 길을 분명히 하면 충분합니다.

여기에 더해 목록으로 돌아가 다른 항목을 비교할 수 있는 경로가 필요합니다. 페이지 안에서만 앞뒤로 움직일 수 있고 상위 범주로 복귀할 수 없다면, 여러 항목을 견주어 보려는 사람은 처음부터 다시 찾아야 합니다.

비교가 필요한 서비스라면 항목 사이를 오가는 이전·다음 이동이나 같은 분류의 다른 항목으로 가는 연결을 둘 수 있습니다. 다만 연결이 많아지면 오히려 선택을 방해하므로 이용자가 실제로 필요로 하는 것으로 한정합니다.

모바일 첫 화면에서 직접 확인합니다

작은 화면에서는 같은 구성이 전혀 다르게 보일 수 있습니다. 제목이 잘려 의미가 달라지지 않는지, 이미지가 핵심 조건을 아래로 밀어내지 않는지, 버튼 이름이 실제로 열릴 화면을 설명하는지 살펴봅니다.

긴 페이지라면 목차가 해당 항목으로 정확히 이동하는지도 시험합니다. 글자 크기를 키웠을 때 안내가 겹치거나 가려지면 내용이 있어도 읽을 수 없으므로, 접근성 설정을 바꾸어 한 번씩 열어 보는 점검이 도움이 됩니다.

같은 내용을 여러 곳에 복사하지 않습니다

한 페이지가 여러 경로에서 연결될 때는 오래된 공지나 검색 결과를 통해 들어온 경우도 생각해야 합니다. 날짜가 바뀌는 정보는 검토 책임자와 점검 시점을 기록하고, 연결된 화면의 값이 일치하는지 확인합니다.

같은 조건을 여러 상세 페이지에 복사해 두면 수정할 때 하나를 놓치기 쉽습니다. 공통 조건은 관리하기 쉬운 기준 페이지에 모으고, 각 항목에는 그 항목만의 고유 조건을 남기는 방식이 안정적입니다.

복사된 조건을 찾아내려면 핵심 문구를 사이트 안에서 검색해 보는 방법이 있습니다. 같은 문구가 여러 곳에서 나오면 기준 페이지로 모을 후보입니다.

발행 뒤에는 돌아오는 질문으로 점검합니다

페이지를 열고도 같은 질문이 문의로 되돌아온다면 원인을 나누어 봅니다. 조건이 빠졌는지, 위치가 가려졌는지, 표현이 낯선지에 따라 고치는 방법이 다릅니다. 방문 기록이 있는 경우에는 어느 부분에서 이용자가 멈추는지도 함께 참고할 수 있습니다.

상세 페이지가 제 역할을 한다는 것은 길이가 충분하다는 뜻이 아닙니다. 목록에서 선택한 사람이 답과 다음 단계를 찾을 수 있다는 뜻입니다. 사이트마다 이용자와 항목의 성격이 다르므로, 실제 사용 흐름에 맞춰 점검 항목을 가감해서 쓰시기 바랍니다.

점검 주기는 거창할 필요가 없습니다. 새 항목을 추가하거나 조건이 바뀔 때마다 목록 카드와 상세 첫 화면을 나란히 열어 보는 정도만 습관으로 만들어도 어긋남을 일찍 발견할 수 있습니다.

추가 정보

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

CONSULTATION

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

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

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