
在 UX 的設計討論中,我們常常會遇到一個經典的靈魂考驗:到底要用切換分頁(Toggle)還是全部攤開(No-toggle)?
最近我們團隊為了「回覆功能(Reply)」與「延伸請求(Extend)」這兩個操作,展開了一場尊嚴與智慧的拉鋸戰。
原本的設計是分成兩個分頁切換,但經過一番激烈的腦力激盪後,我們決定給 Toggle 一張好人卡,全面改成 No-toggle 的直接攤開設計。結果,代誌不是憨人想得那麼簡單,我們很快就被現實給打臉了。
為什麼有些地方適合全部攤開
當初我們會決定把功能全部攤開,是因為回覆功能是每一次都要用的核心主角,而延伸請求是極少使用的附屬配角。
我們以為把兩者同時顯示在畫面上,可以減少使用者的點擊次數,達到直覺的效果。
理想很豐滿,現實很骨感:同時顯示的災難
當我們把回覆框和延伸請求同時大剌剌地擺在畫面上時,原本預期的貼心設計,卻變成了使用者的認知混亂。
這兩個功能本質上其實是互斥操作。當使用者同時看到這兩個輸入區塊,大腦就會開始打結,誤以為這兩個動作是可以同時進行的,或者搞不清楚自己現在到底是在回覆,還是在發出延伸請求。
這種畫蛇添足的設計,不但沒有降低負擔,反而讓畫面變得複雜,讓使用者產生了我是誰、我在哪、我要填哪裡的哲學思考。
世紀大和解:還原回覆與展延切換按鈕
經過一場深刻的反省,我們決定痛改前非,正式宣布:還原回覆與展延切換按鈕!
我們發現,互斥操作就應該保持獨立顯示。不要為了自以為是的體貼,就把所有東西都塞進同一個畫面裡。
不過,這次重回 Toggle 的懷抱,我們要做得更精緻,而不是單純退回原點:
- 讓主要操作隨時待命:確保最核心的回覆功能在視覺上依然是第一優先。
- 清晰的模式切換:透過更明確的切換按鈕設計,讓使用者一秒看懂現在點下去會發生什麼事。
- 維持界面的乾淨俐落:把不常使用的延伸請求好好的收納起來,只有在使用者明確需要的時候才召喚它出來。
最終結論
經過這次的瘋狂甩尾調整,我們再次驗證了一個道理:世界上沒有絕對完美的 UX 設計,只有最適合當下情境的選擇。
當兩個操作具有互斥性質時,勇敢地使用切換按鈕吧!把互斥的操作獨立開來,這種不讓使用者誤會、乾淨俐落的設計,才是真正能讓使用者用得順心、給出五星好評的體貼設計。
