創新總是稀缺，互相借鑑卻屢見不鮮。身為設計師，我們常透過研究優秀案例來套用成熟設計模式，這不僅符合規範，也能讓介面更易用。但過度依賴慣用套路，會讓我們陷入「大廠設計總是對的」迷思，忘記以質疑態度審視設計決策。以下剖析 5 種被嚴重濫用的 UI 模式，並給出正確使用姿勢。

一、「深藏不露」的導航——漢堡選單的誤區

△ YouTube 選單設計演進 —— Luke Wroblewski

問題不在漢堡圖示本身，而在於將導航隱藏在圖示之下。這對設計師省事：無須擔心螢幕空間，直接將所有選單項塞入可捲動浮層。但實證研究顯示，可視化選單能顯著提升使用者參與度、滿意度與商業指標。這也是主流 App 紛紛從漢堡選單轉向底部可見導航的原因。

結論： 選單項目繁多複雜時，隱藏並非良策。資訊重組與優先級排序才是正道。

二、「遍地開花」的圖示——以圖代字的陷阱

Instagram 的紙飛機圖示：你能聯想到「發送訊息」嗎？

Google 翻譯的圖示：初次使用者能猜出功能嗎？

假設使用者熟知抽象圖示，或願意花時間探索學習，是常見設計錯誤。甚至連彈出式標籤也無法根本解決問題——使用者不該被迫學習不通用的操作。

△ Bloom.fm 神祕的選單列

△ Swarm App 的圖示指示

但並非完全不能用圖示。搜尋、播放、郵件、設定等已形成大眾共識的圖示可廣泛使用（即便如此，心形圖示的具體行為仍可能讓使用者猶豫）。

△ 廣為人知、可廣泛使用的圖示

複雜功能應始終搭配文字標籤。圖示仍具價值：提升選單可發現性、提供合適觸控區域、增加應用個性。

△ 某圖片編輯工具的選單：圖示 + 文字

結論： 基礎功能可用圖示，複雜功能需配文字（堅持用圖示請先做可用性測試）。

三、基於手勢的選單——隱藏操作的代價

△ Clear 應用的手勢操作

手勢同樣屬於「隱藏操作」，需要使用者記憶。如同漢堡選單：藏起來的選項，使用的人會變少。且手勢缺乏標準化定義，同樣操作在不同 App 含義截然不同（如郵件右滑：Apple Mail 標記已讀，Mailbox 存檔；搖一搖：iOS 復原，Google Maps 回饋）。

Apple Mail：右滑「標記為已讀」

Mailbox：右滑「存檔」

結論： 手勢需花費使用者認知成本。除非手勢是應用核心理念（如 Tinder 的右滑），否則勿作為唯一觸達路徑。

四、一打開 App 就是引導頁——打斷使用者的禮貌

△ Dcovery 應用的傳統引導頁

許多使用者直接跳過引導，即使看了也很快忘記。介面如笑話，若需解釋才好笑，那就失敗了。更好的方式：

• 情境化引導（Slack）： 第一畫面透過互動建立情境，聚焦利益點而非功能介紹。
• 分步驟互動引導： Duolingo 讓使用者直接做測驗題（未登入狀態），實作是最好的學習。
• 手勢預演： Mailbox 在正式使用前引導使用者嘗試所有手勢操作。

△ Slack 的情境化介紹頁

△ Duolingo 互動式引導

△ Mailbox 手勢預演引導

結論： 設計半透明遮罩引導前，先思考使用者首次使用會遇到什麼場景。通常總有更好的方式歡迎使用者。

五、創意十足卻毫無用處的空白頁

△ Google Photos 空白狀態頁：看似精美實則問題重重

空白頁常被忽視，實則關鍵。Google Photos 空白頁問題：搜尋鈕無意義、主視覺圖示不可點擊、提示文字「去頂部找 + 號」卻不直接提供按鈕、未說明「集錦」是什麼、使用者能做什麼。

優秀空白頁應遵循「少即是多」：清晰說明狀態、提供單一明確行動召喚、視覺不喧賓奪主。

△ Lootsy 空白頁設計：清晰引導使用者行動

結論： 空白頁（類似 Web 404 頁）不僅是視覺與品牌展現，更是可用性體現。請認真設計。

質疑一切，自主設計

設計元件與最佳案例是好夥伴，但每個應用與使用者群體不同。別人的解決方案不一定適合你。設計沒有均碼內衣。請獨立思考、自主研究、估算測試驗證——若你的設計可行性更高，別怕打破規範。