하위 메뉴

하위 메뉴는 전체 메뉴에서 메뉴 항목의 하위 집합으로 표시되는 관련 메뉴 항목 그룹입니다. 항목을 하위 메뉴에 포함시키면 사용자는 자주 사용하는 항목 또는 중요한 항목을 전체 메뉴에서 보다 쉽게 찾을 수 있습니다. 하위 메뉴에는 일반적으로 다음 유형의 작업이 포함됩니다.

  • 다양한 방법으로 항목 보내기(예: 이메일 메시지, MMS 메시지 또는 오디오 엽서로 사진 보내기)
  • 다양한 방법으로 항목 정렬, 검색, 찾기 및 필터링(예: 발신자 또는 제목으로 메시지 필터링)
  • 보기 변경(예: 캘린더에서 일별, 주별 또는 일정 보기)

사용자 목표

탐색 키를 사용하는 동작

터치 스크린을 사용하는 동작

실제 키보드를 사용하는 동작

메뉴 항목이 전체 메뉴에서 강조 표시될 때 하위 메뉴 표시

  • 트랙패드를 클릭합니다.
  • 트랙패드에서 손가락을 오른쪽으로 움직입니다.
  • 메뉴 키를 누릅니다.

메뉴 항목을 누릅니다.

Enter 키를 누릅니다.

하위 메뉴에서 메뉴 항목 선택

  • 트랙패드를 클릭합니다.
  • 메뉴 키를 누릅니다.

메뉴 항목을 누릅니다.

Enter 키를 누릅니다.

하위 메뉴 닫기

  • 트랙패드에서 손가락을 왼쪽으로 움직입니다.
  • Esc 키를 누릅니다.

하위 메뉴 바깥쪽을 누릅니다.

하위 메뉴 및 전체 메뉴 닫기

Esc 키를 두 번 누릅니다.

전체 메뉴 및 하위 메뉴 바깥쪽을 두 번 누릅니다.

슬라이더를 열거나 닫습니다.

하위 메뉴 항목이 전체 메뉴에서 항목으로 선택 가능하면 화살표가 표시됩니다.

그림 1. 화살표가 있는 전체 메뉴 항목
이 화면에는 항목에 그와 연결된 하위 메뉴가 있음을 나타내는 스크롤 화살표가 있는 전체 메뉴 항목의 예가 표시됩니다.
그림 2. 전체 메뉴 및 하위 메뉴
이 화면에는 전체 메뉴 항목 및 그와 연결된 하위 메뉴의 예가 표시됩니다.

모범 사례: 하위 메뉴 구현

  • 하위 메뉴를 사용하여 전체 메뉴의 메뉴 항목 수를 줄입니다. 예를 들어, 사용자가 전체 메뉴 항목을 모두 보기 위해 스크롤해야 하는 경우, 하위 메뉴의 일부 메뉴 항목을 그룹화합니다.
  • 관련 항목을 하위 메뉴에 그룹화합니다. 예를 들어, "정렬 기준"이 전체 메뉴에 나타나면 "날짜", "이름" 및 "제목"을 하위 메뉴에 그룹화합니다.
  • 고급 기능은 하위 메뉴에 그룹화합니다. 예를 들어, "추가 옵션"을 전체 메뉴에 사용하고 옵션은 하위 메뉴에 그룹화합니다.
  • 하나 또는 두 개의 메뉴 항목에 대해 하위 메뉴를 사용하지 않도록 합니다.
  • 하위 메뉴가 6개 이상의 항목을 포함하는 경우 하위 메뉴에서 항목을 두 섹션으로 그룹화하는 것이 좋습니다. 자주 사용하는 메뉴 항목을 하위 메뉴의 맨 위에 배치하고 구분선을 넣은 다음 나머지 항목을 사전순으로 정렬합니다.
  • 메뉴 항목에서 사용자가 항목을 클릭하는 것 이상의 작업이 필요한 경우(예: 날짜 지정) 대화상자를 엽니다.
  • 자주 사용하는 메뉴 항목 또는 중요한 메뉴 항목을 하위 메뉴에 포함하지 않도록 합니다.
  • 하위 메뉴에 하위 메뉴를 구현하지 않도록 합니다.

레이블 지침

  • 전체 메뉴에서는 작업을 명확히 정의하는 간결하고 설명이 포함된 레이블을 사용합니다. 전체 메뉴의 항목 의미를 파악하기 위해 사용자는 하위 메뉴를 열 필요가 없어야 합니다.
  • 전체 메뉴에서는 레이블에 동사를 사용합니다. 의미가 명확할 경우에만 명사를 사용합니다. 예를 들어, "이메일 계정"이 전체 메뉴에 나타나면 각 이메일 계정을 하위 메뉴에 그룹화합니다.
  • 동사가 하위 메뉴에 반복되지 않도록 합니다. 예를 들어, 전체 메뉴에는 "보기 기준"을, 하위 메뉴에는 "날짜순 보기" 및 "이름별 보기"를 사용하지 않도록 합니다.
  • 레이블에 첫 문자 대문자화를 사용합니다. 하위 메뉴에서는 전치사인 경우에도 첫 글자를 대문자화합니다. 예를 들어, "as Email" 대신 "Send" > "As Email"을 사용합니다. (영문 기준)
  • 메뉴 항목의 위치에서 "더 보기"가 의미하는 바가 명확히 드러나지 않는 경우에는 전체 메뉴에서 "더 보기"란 용어는 사용하지 않도록 합니다. 예를 들어, "받은 편지함", "보낸 편지함" 및 "더 보기"가 전체 메뉴에서 구분선 사이에 나타나는 경우 사서함과 관련된 추가 옵션을 하위 메뉴에 그룹화합니다.
다음 주제: 팝업 메뉴

이 정보가 도움이 되었습니까? 의견을 보내 주십시오.