메뉴 모음 위젯 설계 모범 사례
위젯 배치 및 구성
• 위젯을 매쉬업 레이아웃의 왼쪽 가장자리에 있는 컨테이너에 배치합니다. 메뉴 모음은 LTR(왼쪽에서 오른쪽) 언어를 지원하며 메뉴 항목은 대칭 복사되지 않습니다. 아이콘은 항상 항목 텍스트의 왼쪽에 배치되므로 위젯을 오른쪽에 배치하지 않습니다.
• 메뉴 모음의 너비를 너무 작게 설정하지 않습니다. 메뉴 레이블은 읽기 쉬워야 하고 잘리지 않아야 합니다. SubMenuMinWidth 및 SubMenuMaxWidth 속성을 사용하여 하위 메뉴의 크기를 제어합니다.
• 메뉴 모음 레이아웃 만들기 항목의 단계에 따라 매쉬업에 추가하는 메뉴 모음 위젯을 구성합니다. 구성이 다양하면 메뉴 모음의 동작과 유용성에 영향을 줄 수 있습니다.
메뉴 제목
각 메뉴 항목에는 항목을 클릭했을 때 연결되는 페이지나 항목에 대한 설명이 있어야 합니다.
• 연결된 대상의 콘텐츠를 정확하게 반영하는 명확한 이름을 사용합니다. 탐색 항목에 복잡한 전문 용어를 사용하지 않습니다.
• 메뉴 제목은 가능한 한 짧고 간결하게 지정합니다. 메뉴 모음에서 텍스트 및 레이블이 잘리지 않도록 불필요한 단어를 제거합니다.
• 모든 메뉴 항목에 일관된 대/소문자 표기를 사용합니다.
여러 수준의 탐색
하위 메뉴를 사용하여 여러 수준의 탐색이 있는 메뉴 모음을 구성할 수 있습니다. 각 하위 메뉴에는 동일한 수준의 여러 중첩 항목이 표시됩니다. 이렇게 하면 복잡한 계층 구조가 있는 탐색 항목을 만들 수 있습니다. 하위 메뉴가 있는 각 항목에는 캐럿이나 더하기 기호가 표시되어 해당 항목에 다른 수준의 탐색이 포함되어 있음을 나타냅니다.
• 서로 관련이 있는 항목은 유사한 대/소문자와 문법을 사용하여 그룹화합니다.
• 깊은 수준의 탐색은 생성하지 않습니다. 여러 하위 메뉴 아래에 배치된 메뉴 항목은 찾는 데 더 많은 시간이 필요합니다. 이는 응용 프로그램의 유용성에 영향을 줄 수 있습니다.
• 가장 많이 사용하는 탐색 항목은 찾기 편하고 기억하기 쉬운 위치에 배치합니다.
아이콘
• 아이콘을 사용하면 사용자가 메뉴 항목을 쉽게 이해할 수 있습니다. 시각적 보조 기능은 다양한 메뉴 항목의 의미를 전달하는 데 유용한 방법입니다.
• 모든 메뉴 항목에 일관되게 아이콘을 추가합니다. 아이콘이 있는 항목과 없는 항목을 혼합하지 않습니다. 아이콘이 없으면 메뉴 계층 구조의 명확성이 떨어질 수 있습니다.
• 메뉴 모음 간단히 보기 모드가 활성화된 경우에는 항상 항목의 아이콘을 포함합니다.