애드온HOSPITAL MARKETING
메뉴
마케팅·협업 운영

하단 고정 메뉴의 높이가 본문을 가리지 않는지

휴대전화 화면 아래에 고정된 메뉴는 연락이나 예약으로 바로 가는 데 편리할 수 있습니다. 그러나 메뉴가 높아지면 본문 마지막 문장과 확인 버튼, 입력창이 가려질 수 있습니다. 발행 전에 고정 메뉴가 차지하는 면적과 실제 콘텐츠의 끝부분을 함께 확인해야 합니다.

애드온 편집팀

휴대전화 화면 아래에 고정된 메뉴는 연락이나 예약으로 바로 가는 데 편리할 수 있습니다. 그러나 메뉴가 높아지면 본문 마지막 문장과 확인 버튼, 입력창이 가려질 수 있습니다. 발행 전에 고정 메뉴가 차지하는 면적과 실제 콘텐츠의 끝부분을 함께 확인해야 합니다.

먼저 짧은 페이지와 긴 페이지, 신청 화면을 각각 열어 봅니다. 맨 아래까지 내려갔을 때 마지막 단락과 링크가 메뉴 위에 온전히 보이는지 확인합니다. 휴대전화의 자체 탐색 막대와 브라우저 도구 영역이 있는 경우에도 버튼이 겹치지 않아야 합니다. 화면을 가로로 돌리거나 글자 크기를 키웠을 때 메뉴가 두 줄로 늘어나는 상황도 살펴봅니다.

고정 메뉴 안에는 꼭 필요한 행동만 남기는 편이 좋습니다. 기능을 많이 넣으면 각 버튼의 글자가 짧아져 뜻이 모호해지고 터치 영역도 좁아집니다. ‘상담’과 ‘예약’이 실제로 다른 절차라면 구분하되 같은 화면으로 향하는 두 버튼이 각각 다른 약속을 하지 않는지 확인합니다. 운영하지 않는 채널로 연결된 버튼은 즉시 제거하거나 수정해야 합니다.

키보드를 연결해 초점 이동 순서를 확인하고 화면 읽기 사용자가 버튼 이름과 역할을 이해할 수 있는지도 살펴봅니다. 고정 메뉴가 팝업이나 화면 안내보다 위에 떠서 닫기 버튼을 막지 않아야 합니다. 입력창에 키보드가 올라왔을 때 메뉴가 내용을 더 가리는 경우에는 화면 동작을 별도로 검토합니다.

높이를 줄이는 방법이 항상 글자를 더 작게 만드는 것일 필요는 없습니다. 문구를 더 명확히 줄이고 꼭 필요한 버튼만 남기며 본문 하단의 여백을 충분히 두는 방법이 있습니다. 변경 뒤에는 여러 페이지의 마지막 버튼을 실제로 눌러 보고 목적지와 연결이 맞는지 확인합니다.

이용자가 본문을 읽다가 중요한 조건을 놓친 채 바로 행동하도록 유도하지 않도록 배치를 살핍니다. 하단 고정 메뉴의 높이는 단순한 픽셀 값이 아니라 읽을 공간과 다음 행동 사이의 균형을 결정합니다.

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

CONSULTATION

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

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

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