重點整理
- 網站深色模式切換按鈕可簡化為兩態，減少顧客選擇疲勞。
- 極簡設計可隱藏按鈕，直接讓網頁預設跟隨使用者的作業系統設定。
- 保留三態選項能確保狀態透明，讓顧客明確掌握介面的控制權。
- 建議將模式切換設定移至獨立面板，避免干擾顧客瀏覽網站的主要目的。
很多企業在設計網站時，會加入「深色模式」（Dark mode，一種將網頁背景變暗以減少螢幕刺眼感的設計）的切換按鈕。但這個按鈕該提供幾個選項？是「淺色、深色、跟隨系統」三個，還是精簡到兩個甚至隱藏？這不僅是工程師的技術討論，更攸關顧客瀏覽網站時的直覺體驗與專業觀感。
為什麼大家開始討論「切換按鈕」的選項數量？
目前許多網站在導覽列上，會提供三個選項讓顧客切換網頁配色：淺色、深色、以及跟隨系統。但知名 UI/UX 專家 Lea Verou 提出了一個引發業界熱議的觀點：其實兩個狀態就夠了，甚至不需要顯示按鈕。這引發了關於「極簡介面」與「使用者控制權」之間的深度討論，而這些討論結果，直接影響我們該如何規劃網站的視覺呈現。
簡化介面的好處：減少顧客的選擇疲勞
Lea Verou 認為，如果顧客沒有特別偏好，預設跟隨手機或電腦的系統設定就好。切換按鈕只需要提供「覆蓋」系統設定的功能。更極簡的做法是，如果系統預設是淺色，就只顯示「切換深色」按鈕讓使用者覆蓋，反之亦然。
這樣做的好處是，切換主題通常不是顧客來網站的主要目的，他們可能是要買東西、看文章或填寫表單。選項越少，越能減少「認知失調」（大腦處理過多複雜資訊時產生的疲憊感），讓介面更乾淨。甚至，最好的方案是「完全不顯示切換按鈕」，直接讓系統預設值自己運作，把寶貴的版面留給更重要的商業資訊。
保留三個選項的理由：把控制權明確交給顧客
不過，業界也有不同的聲音。有些設計師認為，隱藏「跟隨系統」選項會讓顧客失去控制感，覺得設計邏輯太過隱藏。
我們可以想像一個情境：如果顧客的電腦是深色模式，網站預設也是深色。當顧客想「明天早上恢復自動跟隨系統」時，如果按鈕只顯示「切換淺色」，顧客就找不到「恢復跟隨系統」的選項了。因此，保留三個選項的支持者認為，好的使用者體驗（UX，User Experience，指使用者與產品互動時的整體感受）應該保持透明。讓顧客清楚知道目前的狀態與點擊後會發生的事，明確的控制權與透明度，往往比追求極簡設計更重要。
崴米的建議
- 評估是否真的需要切換按鈕：如果您的網站內容以文字或圖片為主，且沒有長時間閱讀的需求，可以直接跟隨系統設定，不額外設置切換按鈕，保持介面清爽，讓顧客專注於核心內容。
- 考慮按鈕的放置位置：如果決定提供多種模式切換，建議將選項放在獨立的「網站設定」或「會員中心」面板中，避免放在首頁導覽列干擾顧客瀏覽商品或閱讀文章的主要目的。
- 確保狀態明確易懂：若選擇精簡按鈕，請確保點擊後的視覺回饋足夠清晰；若保留三個選項，請確保按鈕設計不會佔用過多手機版螢幕空間，維持整體排版美觀與操作直覺性。
