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