애드온HOSPITAL MARKETING
메뉴
하위 메뉴 동작

하위 메뉴를 펼치는 동작과 페이지로 이동하는 동작을 나누세요

상위 항목의 역할을 먼저 정하고 마우스·터치·키보드에서 같은 하위 경로에 도달하는지 확인합니다.

애드온 편집팀

상위 메뉴를 한 번 누르면 하위 목록이 나오고 다시 누르면 페이지가 열리는 구성은 이용자가 동작을 예상하기 어려울 수 있습니다. 먼저 상위 이름이 자체 페이지를 가리키는지, 하위 항목을 묶는 표제인지 정하세요. 페이지 이동도 필요하다면 펼침 버튼을 따로 두어 두 동작을 구별하는 방법을 검토할 수 있습니다.

W3C의 펼침 메뉴 안내도 상위 항목이 페이지 이동을 맡는 경우 별도의 열기 버튼을 두는 방식을 설명합니다. 열린 상태를 시각적으로 보여 주고 보조기술에도 전달해야 합니다. 눈에 보이는 화살표만 바뀌고 실제 열린 상태 정보는 남아 있지 않은지 개발 담당자와 대조하세요. W3C 펼침 메뉴 안내

마우스로 하위 항목을 향해 움직일 때 좁은 틈을 지나며 목록이 바로 사라지는지도 확인합니다. 터치 환경에서는 마우스를 올려 두는 방식에 의존할 수 없으므로 누를 때의 동작을 시험해야 합니다. 키보드로 상위 항목에 도달하고 펼친 목록에서 목적지를 선택하는 과정도 함께 봅니다. 한 입력 방식의 성공만으로 모든 이용 경로가 된다고 판단하지 않습니다.

하위 목록을 쓰기 어려운 경우에도 상위 안내 페이지에서 같은 정보를 찾을 수 있는지 살펴보세요. 펼침과 닫힘을 반복할 때 다른 메뉴가 의도치 않게 열리거나 본문이 가려지는지도 확인합니다. 운영 기준에는 무엇을 누르면 어떤 동작이 일어나는지 남깁니다. 기기마다 모양이 달라도 페이지를 고르는 방법의 의미가 일관돼야 메뉴를 다시 배울 부담이 줄어듭니다.

참고 자료

전체 글 보기

CONSULTATION

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

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

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