Mashup Builder > 小器具 > 標準小器具 > 功能表列小器具 (主題化) > 為功能表列小器具設計最佳作法
為功能表列小器具設計最佳作法
小器具放置與組態
將小器具放置在混搭版面配置左邊緣的容器中。功能表列僅支援 LTR (從左至右) 語言,且不會鏡像選單項目。避免將小器具放在右側,因為圖示總是放置在項目文字的左側。
避免使功能表列寬度太小。請確保選單標籤易於閱讀,且不會被截斷。使用 SubMenuMinWidthSubMenuMaxWidth 內容來控制子選單的大小。
根據建立功能表列版面配置主題中的步驟,配置新增至混搭的任何「功能表列」小器具。不同組態可能會影響功能表列的行為與可用性。
選單標題
每個選單項目都必須描述連結的頁面或其連結的項目。
使用準確反映連結目的地內容的明確名稱。避免在導覽項目上使用複雜的術語。
使用盡可能簡短且清晰的選單標題。移除不必要的字,以防止在功能表列上截斷文字與標籤。
在所有選單項目上使用一致的大小寫。
多個導覽層級
您可以使用子選單配置具有多個導覽層級的功能表列。每個子選單都會在相同層級上顯示多個嵌套項目。這可讓您以複雜的階層建立導覽項目。顯示子選單的每個項目都會顯示一個插入記號或加號,指示項目包含其他導覽層級。
使用類似的大寫與語法將相關項目分組在一起。
避免建立較深的導覽層級。放置在多個子選單下的選單項目需要更多時間來尋找。這可能會影響應用程式的可用性。
將最常用的導覽項目放在易於尋找與記憶的位置。
圖示
使用圖示可協助使用者瞭解選單項目。視覺輔助工具是傳達不同選單項目意義的有用方式。
將圖示統一新增至所有選單項目。避免將具有圖示與不含圖示的項目混到一起。遺失圖示會降低選單階層的清晰度。
啟用功能表列精簡檢視模式時,始終包括項目的圖示。
這是否有幫助?