메뉴를 연 상태 확인하기

휴대전화에서 메뉴가 화면을 덮으면 방문자는 본문으로 어떻게 돌아가는지부터 찾게 됩니다. 열기 버튼과 닫기 버튼의 위치를 살피고, 메뉴를 닫은 뒤 읽던 위치가 유지되는지 확인합니다. 항목이 많다면 운영 조직도보다 방문자가 찾는 일에 맞춰 묶습니다.
선택된 항목 표현하기
메뉴에서는 현재 보고 있는 페이지와 다른 페이지로 가는 링크를 구별할 수 있어야 합니다. 색만 바꾸는 표시가 충분한지는 실제 화면에서 읽어 봅니다. 하위 메뉴를 펼치는 동작과 페이지로 이동하는 동작이 같아 보이지 않게 이름과 버튼 역할을 점검합니다.
손가락 외의 조작 시험

키보드로 메뉴를 열고 이동하고 닫는 순서를 시험합니다. 화면을 확대했을 때 마지막 항목과 닫기 기능이 가려지는지도 확인합니다. 단순히 메뉴가 열렸다는 결과보다 다음 페이지에 도착하고 돌아올 수 있는지를 완료 기준으로 삼습니다.
실무 확인표
출처
더 살펴볼 곳
같은 운영 주체가 관리하는 사이트의 관련 글입니다. 병원 적용 사례는 일반 업종과 조건이 다를 수 있습니다.
- hospitalseo.kr
네이버에서 블로그가 강하고 홈페이지가 약하다는 말의 사실 여부
네이버에서 블로그가 강하고 홈페이지가 약하다는 말의 사실 여부에 관한 내용을 살펴봅니다.
- hospitalaisearch.kr
병원AI검색을 위한 홈페이지 통합 정보 설계
병원AI검색을 위한 홈페이지 통합 정보 설계에 관한 내용을 살펴봅니다.
- hospitalweb.kr
디자인·모바일·접근성
디자인에 관한 내용을 살펴봅니다.
- hospitalgeocheck.com
의료진·진료 정보
의료진에 관한 내용을 살펴봅니다.
같은 주제의 글
휴대전화에서 먼저 확인할 홈페이지 화면 속도
휴대전화에서 홈페이지가 느리면 주요 콘텐츠 표시, 조작 반응, 배치 흔들림부터 나눠야 합니다. 실제 사용자 자료와 시험 측정의 대상이 같은지 가린 뒤 제작 담당자에게 원인 점검을 요청합니다.
누구나 쓰기 쉬운 홈페이지를 위한 접근성 기본
홈페이지 접근성은 그림·영상의 대체 설명, 키보드 조작, 색 이외의 표시, 본문 제목 구조부터 챙깁니다. 운영자가 준비할 자료와 제작 담당자에게 요청할 수정 내용을 정리합니다.
홈페이지에서 서비스 이름이 제각각일 때 용어표 만드는 법
상담과 메뉴에서 같은 서비스를 다르게 부르는 문제를 찾아, 대표 명칭과 설명 문구를 정리합니다.