애드온HOSPITAL MARKETING
메뉴
내부 링크

모바일에서는 링크 카드가 쌓이는 순서까지 읽어 보세요

좁은 랜딩페이지에서 후속 링크의 표시 순서와 설명 길이를 점검하는 방법입니다.

애드온 편집팀

모바일 랜딩페이지의 링크 순서는 편집 화면에서 정한 번호만으로 확인하기 어렵습니다. PC에서 가로로 놓인 카드가 휴대전화에서는 세로로 쌓이고 긴 설명은 여러 줄로 늘어납니다. 독자가 첫 화면에서 보는 버튼과 실제로 먼저 읽어야 할 안내가 달라질 수 있습니다. 좁은 화면에서 위에서 아래로 읽으며 어떤 판단을 차례로 요구하는지 확인해야 합니다.

우선 작은 화면의 미리보기에서 링크 이름과 설명이 함께 보이는지 살핍니다. 예를 들어 가상의 페이지에 이용 조건, 비용 구성, 신청 버튼이 있다면 조건을 읽기 전에 신청만 크게 보이는지 확인합니다. 화면 폭을 삼백육십 픽셀로 두는 점검은 하나의 출발점이 될 수 있지만 실제 사용 화면의 크기가 모두 같다고 가정하지는 않습니다. 다른 폭에서도 줄바꿈에 따라 뜻이 바뀌는 부분을 확인합니다.

공간이 부족할 때 링크명을 모두 ‘확인하기’로 줄이면 목적지의 차이가 사라집니다. 핵심 대상을 앞에 두고 세부 설명을 다음 줄에 배치하는 식으로 정보를 줄일 수 있습니다. 조건 문구와 버튼이 너무 멀리 떨어져 스크롤해야 관계를 알 수 있다면 두 요소의 배치를 함께 조정합니다. 한 버튼을 강조할 때는 강조가 읽기 순서를 바꾸는지까지 살펴야 합니다.

마지막에는 링크를 누른 뒤 돌아와 다음 안내를 찾는 과정을 직접 따라갑니다. 되돌아왔을 때 현재 위치를 잃거나 같은 버튼만 반복해서 보인다면 탐색이 끊길 수 있습니다. 수정 전후 화면을 비교하면서 링크의 수보다 설명, 버튼, 도착 문서의 관계가 명확해졌는지 확인합니다. 모바일의 순서는 주소 목록의 순서이면서 동시에 화면에서 시선을 옮기는 순서입니다.

가로 카드의 시각적인 배치와 문서 안의 실제 읽기 순서가 다를 수도 있습니다. 화면을 넓혔다 좁히는 동안 항목이 중복되거나 빠지지 않는지 보고, 번호가 있다면 번호 순서와 설명 순서를 대조합니다. 숨겨진 카드가 선택될 수 있는 상태로 남아 있지 않은지도 확인합니다.

전체 글 보기

CONSULTATION

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

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

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