拔動開關的使用指南
發布時間: 2023/8/7 15:38:53 | 212 次閱讀
拔動開關就像生活中控制燈泡的開關。它是一個按鈕,在兩個互斥的選項中總是有一個默認值,操作會立即生效。操作后需要是相反的選項,如開/關、是/否、同意/不同意等。
拔動開關的使用指南
拔動開關需要有清晰的表意,以便用戶在操作前就能知道操作后會發生什么。使用時,應遵循以下原則:
用于操作后立即生效的場景;和標簽按鈕是兩個獨立的視覺焦點。當用戶有可能產生混淆或標簽不夠清晰時,應添加助詞進行解釋。主要用于控制全局局勢,權重較高。對于單個任務流程的控制,請使用單個/多個檢查;這是默認的開/關狀態。如果有孩子,父母關閉并隱藏孩子(避免變灰);當操作有風險時,需要給出明確提示;避免大量使用。如果需要開啟/關閉的條件太多,建議使用check。
背景和文案
拔動開關的背景通常只有兩種狀態。拔動開關關閉時呈灰色(所有衣服都是普通的),打開時呈綠色。也有很多產品將其設置為品牌色,顏色風格可以統一。
輔助文案有兩種。一類是當前狀態反饋,比如獲取設備“消息推送已開啟/關閉”的通知權限。這種反饋可以在應用中靈活運用,特別是在關閉狀態下,可以起到指導作用。二種是標簽輔助提示,比如手術后的收益或者風險,告訴用戶會發生什么,讓用戶提前有一定的心理預期。
無線電控制的糾纏
(1)單選按鈕框與復選框
似乎更好是定義是使用單個框還是復選框。我們查閱了很多資料,得到的信息是“一個選項需要單選,多個選項需要多選”。答案出奇的一致。好像什么都說了(確實),什么都沒說(一個設計師什么都懂)。當我們仔細分析的時候,會發現不僅僅是這樣。
當PC端有兩個相反的選項(如是/否、同意/不同意、通過/失敗)時,除了兩個單項選項外,還可以使用復選框,特別是在權限控制中,需要勾選。另外,在移動終端注冊登錄過程中,用戶服務協議也是復選框(同意/不同意)較具代表性的用例。除了這些特殊的使用場景,其他大部分都是直接選擇。
(2)單選框與下拉列表
更少的選項可以用單選框(性別選擇)和按鈕(標簽)直接呈現在當前頁面上。當用戶需要從大量選項中選擇時,PC端可以使用下拉列表,移動端則使用操作欄的彈出窗口或者跳轉到新的頁面供用戶操作。這方面其實沒有明確的邊界,需要根據使用場景和選項的屬性,根據實際情況靈活變化。