我們到底需要在超級選單中展示哪些內容？

並不是所有的網站都需要 Mega Menu，如果只是 3-5 個分類
其實未必需要用到超級選單

接著思考要展示哪些具體的內容
是主分類？子分類？熱門分類？促銷活動？

超級選單的層級是多少？

這直接決定了使用者找尋目標所需的步數
需要根據內容判斷是否需要「Nested 選單」

簡單理解就是一層套一層，點進三層才找到目標
是否必須？

是否在每個分類中加入「瀏覽全部」選項？

盡可能減少使用者做選擇需要的時間、精力
可以在每個分類只展示 8 個以內的選項，
然後用「瀏覽全部」選項引導至單獨頁面

這樣做的好處是避免太多資訊擠在選單中

提前規劃未來如何新增選單的項目

隨著網站內容的增加，超級選單內容也會隨之變化
我們應該提前規劃好架構，留出足夠的空間

不同裝置的互動方式（可及性）

網站利用滑鼠 Hover 和 Click，手機 / 平板電腦則只能使用手指

另外從可及性設計角度，是否滿足使用鍵盤進行互動
還有螢幕閱讀器能否識別選單內容

選單打開後，是否保持開啟？

這一點可以算是最讓人頭痛的細節！

不知道你是否遇過那種游標輕微移動，選單就收起的尷尬情景
真的會讓人發瘋

滑鼠 Hover 時避免閃爍以及關閉

使用者在選單中移動游標 hover 不同層級選項時
確保選單不會閃爍和關閉

這一點和前面類似

是否在視覺上區分當前選中的區塊？

使用者很容易在超級選單中迷失方向，所以明確的視覺回饋很重要
被選中的區塊應該明確標示，例如加粗、顏色變化、圖示等等

重要的選項是否被優先展示？

將高頻、重要的選項放在最容易被發現的地方
而不是塞進第二、三層級中

不然會直接導致轉化率暴跌喔

加入視覺分組的方式來區分區塊（圖示、縮圖）

用 icon 圖示來幫助使用者快速區分不同分類，是最常見的方法
人的大腦閱讀圖像要比文字更快

選擇器是單日、區間還是時間選擇？

不同的情景對應不同的類型
例如訂飯店一定是區間選擇器，如果只有單日就會出問題

是否提供了預設值？

提供一個預先設定好的日期，例如今天、明天
幫助使用者更快速的做決定

或者提前給出可預訂的時間範圍

是否將輸入欄位合併為單一欄位？

簡單理解就是將年、月、日合併為一個輸入欄位
避免使用者將月和日混淆

另外一個方法是提供預設格式 YYYY / MM / DD

是否允許使用者手動輸入日期？

例如日期是 2030 年 3 月，使用者會需要一直翻（最討厭）
但是如果是手動輸入就會更方便快速

是否提供前一天 / 今天 / 下一天的快捷按鈕？

和預設值類似，不過選擇的範圍變得更加靈活
目標都是為了提高效率

是否標示出價格或繁忙程度？

像是週末或者假期的價格是平日的 xx 倍
提前標示會更貼心

如何顯示不可選的日期？

這裡其實可以玩很多小巧思
例如用特殊圖示替代簡單的 X 或者灰色

是體現品牌個性的好時機

如何避免沒有結果的日期？

與其在使用者一番操作後發現「不可用」
倒不如系統先做判斷，避免顯示無效的日期

這樣在使用體驗上會加分很多

是否強調了已選擇的日期區間？

例如使用圖示、加粗、顏色來強調出日期範圍
更好的幫助使用者記憶

為了更好的可及性，避免只用顏色

月份、年份的切換是否方便？

使用可以快速跳轉月份、年份的方式
例如 dropdown，避免左右點擊箭頭的方式

週起始的方式是否符合使用者習慣？

簡單理解就是每週從週一開始，還是週日開始計算
不同國家地區的使用者習慣並不相同