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

스크롤한 뒤에도 상단 메뉴가 도움이 되려면

긴 페이지에서 상단 메뉴를 고정하면 다른 곳으로 이동하기 쉬울 수 있습니다. 하지만 스크롤할 때마다 화면의 큰 부분을 차지하거나 본문 제목을 가리면 읽기를 방해합니다. 고정 여부와 높이는 화면을 꾸미는 취향보다 이용자가 어느 지점에서 다른 메뉴가 필요한지, 읽는 공간이 충분한지로 판단해야 합니다.

애드온 편집팀

긴 페이지에서 상단 메뉴를 고정하면 다른 곳으로 이동하기 쉬울 수 있습니다. 하지만 스크롤할 때마다 화면의 큰 부분을 차지하거나 본문 제목을 가리면 읽기를 방해합니다. 고정 여부와 높이는 화면을 꾸미는 취향보다 이용자가 어느 지점에서 다른 메뉴가 필요한지, 읽는 공간이 충분한지로 판단해야 합니다.

먼저 첫 화면에서 아래로 내려가며 상단 바가 언제 나타나고 사라지는지 확인합니다. 스크롤을 조금만 움직여도 메뉴가 계속 튀어나오면 내용에 집중하기 어렵습니다. 반대로 긴 글의 중간에서 다른 페이지로 가려면 맨 위까지 돌아가야 하는 경우도 있습니다. 현재 페이지의 목적과 관련 글 이동이 얼마나 필요한지 함께 살펴봅니다.

고정 메뉴가 제목이나 페이지 안 목차를 가리지 않는지 시험합니다. 목차 링크를 누른 뒤 해당 소제목이 메뉴 아래 숨으면 이동한 위치를 알기 어렵습니다. 화면을 확대했을 때 메뉴 높이가 커져 본문이 거의 보이지 않는 문제도 생길 수 있습니다. 모바일 가로 화면과 작은 기기에서 같은 동작인지 확인합니다.

메뉴가 축소되는 방식이라면 로고, 주요 메뉴, 검색이나 예약 버튼 중 어떤 요소가 남는지 정해야 합니다. 첫 화면에서 보인 기능이 스크롤 뒤 갑자기 다른 이름으로 바뀌면 이용자는 같은 행동인지 모를 수 있습니다. 중요 기능을 남긴다는 이유로 모든 버튼을 밀집시키면 터치 오류가 늘어납니다.

키보드로 페이지를 읽을 때 초점이 고정 메뉴와 본문 사이에서 어떻게 이동하는지도 봅니다. 화면 읽기 사용자가 같은 상단 메뉴를 매 구간 반복해서 듣게 만들지 않도록 구조를 확인합니다. 배너와 고정 메뉴가 겹치거나 알림이 떠 있을 때 닫기 버튼이 가려지지 않아야 합니다.

변경 뒤에는 긴 글을 처음부터 읽어보게 하고 다른 페이지를 찾을 때 어느 경로를 쓰는지 관찰합니다. 고정 메뉴를 사용한 사람이 많다는 수치만으로 편리함을 단정하지 않고 본문을 가린 사례도 기록합니다. 스크롤 뒤 상단 메뉴는 독자의 위치와 읽기 흐름을 해치지 않을 때 유용한 길잡이가 됩니다.

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

CONSULTATION

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

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

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