譯文 | 復(fù)選框 VS 開關(guān)

本期翻譯的文章來自 Saadia Minhas,她總結(jié)了在的選擇表單組件時(shí)夫偶,復(fù)選框和開關(guān)的不同用法界睁。

用戶界面設(shè)計(jì)中的開關(guān)和復(fù)選框??

表單提供了多種控件來方便用戶填寫,在設(shè)計(jì)表單的時(shí)候兵拢,在合適的地方使用正確的控件對設(shè)計(jì)師來說是一個挑戰(zhàn)翻斟。

復(fù)選框有三種狀態(tài):未選中,選中和不確定狀態(tài)说铃。最后一種狀態(tài)通常出現(xiàn)在一個父級選項(xiàng)底下有一組子選項(xiàng)访惜,這些子選項(xiàng)選中或者未選中都有的情況。

開關(guān)控件模擬了一個實(shí)物的開關(guān)腻扇,允許用戶打開或者關(guān)閉债热,就像燈的開關(guān)一樣。

按下開關(guān)控件其實(shí)是一個分為兩步的操作:選擇和執(zhí)行幼苛。而復(fù)選框僅僅只有一個選擇的操作窒篱,它的執(zhí)行需要另外的控件來輔助。

當(dāng)要決定到底使用開關(guān)還是復(fù)選框控件舶沿,最好是結(jié)合他們的使用情景墙杯,而不是僅僅看功能。

以下是一些在設(shè)計(jì)表單體驗(yàn)時(shí)如何選擇這兩個控件的案例和指導(dǎo)原則括荡。

案例1:即時(shí)響應(yīng)

在以下情況使用開關(guān)控件:

無需明確操作即可立即響應(yīng)應(yīng)用的設(shè)置

需要開/關(guān)或者顯示/隱藏功能區(qū)顯示結(jié)果的設(shè)置

用戶需要執(zhí)行而不需要審核或確認(rèn)的即時(shí)操作

需要即時(shí)響應(yīng)的操作最好選擇開關(guān)控件??

案例2:確認(rèn)設(shè)置

在以下情況使用復(fù)選框:

應(yīng)用設(shè)置需要在提交之前由用戶確認(rèn)和審核

定義的設(shè)置需要在顯示結(jié)果之前執(zhí)行提交高镐,確定,下一步等操作

用戶必須執(zhí)行其他步驟才能使更改生效

當(dāng)需要一個明確的操作設(shè)置時(shí)一汽,最好使用復(fù)選框??

案例3:多選

在以下情況使用復(fù)選框:

有多個選項(xiàng)可供選擇避消,用戶必須從中選擇一個或多個選項(xiàng)

單擊多個切換按鈕逐個切換低滩,每次單擊后查看結(jié)果都需要額外的時(shí)間

在列表中選擇多個選項(xiàng)可使用復(fù)選框提供更好的體驗(yàn)

案例4:不確定的狀態(tài)

以下情況使用復(fù)選框:

當(dāng)一個父選項(xiàng)底下有多個子選項(xiàng)時(shí),會出現(xiàn)不確定的選擇狀態(tài)岩喷,這種狀態(tài)下恕沫,子選項(xiàng)只有個別被選中,并不是全選中

不確定的選擇狀態(tài)最好用復(fù)選框

案例5:清晰的視覺狀態(tài)

以下情況選擇復(fù)選框:

在使用開關(guān)控件時(shí)會出現(xiàn)這樣一個令人疑惑的情況纱意,有時(shí)它很難讓人分清楚開關(guān)是在表示目前的狀態(tài)還是動作

需要提供明確的選定或未選擇狀態(tài)時(shí)

有時(shí)候開關(guān)并不能清楚的表示到底是狀態(tài)還是動作

案例6:相關(guān)的條目

以下情況使用復(fù)選框:

用戶必須從相關(guān)的列表中選擇時(shí)

在列表中選擇相關(guān)的條目時(shí)婶溯,使用復(fù)選框

以下情況使用開關(guān)控件:

用戶在切換獨(dú)立的功能和行為時(shí)

獨(dú)立的條目使用開關(guān)控件來選擇

案例7:獨(dú)立的選項(xiàng)

以下情況使用復(fù)選框:

提供一個單獨(dú)的是/否選擇時(shí)

只有一個行為可以選擇或者取消,并且含義明確

一個單獨(dú)的是/否選項(xiàng)使用復(fù)選框比較好

以下情況使用開關(guān)控件:

需要進(jìn)行單一選擇偷霉,并且你希望為開/關(guān)類型提供兩個選項(xiàng)

使用開關(guān)控件可以最好地理解單個開/關(guān)決定

結(jié)論

在表單中合適的地方提供適當(dāng)?shù)慕M件對于友好的用戶體驗(yàn)來說非常重要迄委。因?yàn)楸韱慰赡芊浅iL而且有大量的選項(xiàng),所以對于用戶來說讓他做一些額外的操作來填寫表單是很乏味的类少。本文提供的案例和指南將幫助你叙身,在向表單添加控件時(shí)決定該選擇復(fù)選框還是開關(guān)控件。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末硫狞,一起剝皮案震驚了整個濱河市信轿,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌残吩,老刑警劉巖财忽,帶你破解...
    沈念sama閱讀 216,544評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異泣侮,居然都是意外死亡即彪,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,430評論 3 392
  • 文/潘曉璐 我一進(jìn)店門活尊,熙熙樓的掌柜王于貴愁眉苦臉地迎上來隶校,“玉大人,你說我怎么就攤上這事蛹锰』菘觯” “怎么了?”我有些...
    開封第一講書人閱讀 162,764評論 0 353
  • 文/不壞的土叔 我叫張陵宁仔,是天一觀的道長。 經(jīng)常有香客問我峦睡,道長翎苫,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,193評論 1 292
  • 正文 為了忘掉前任榨了,我火速辦了婚禮煎谍,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘龙屉。我一直安慰自己呐粘,他們只是感情好满俗,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,216評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著作岖,像睡著了一般唆垃。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上痘儡,一...
    開封第一講書人閱讀 51,182評論 1 299
  • 那天辕万,我揣著相機(jī)與錄音,去河邊找鬼沉删。 笑死渐尿,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的矾瑰。 我是一名探鬼主播砖茸,決...
    沈念sama閱讀 40,063評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼殴穴!你這毒婦竟也來了凉夯?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,917評論 0 274
  • 序言:老撾萬榮一對情侶失蹤推正,失蹤者是張志新(化名)和其女友劉穎恍涂,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體植榕,經(jīng)...
    沈念sama閱讀 45,329評論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡再沧,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,543評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了尊残。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片炒瘸。...
    茶點(diǎn)故事閱讀 39,722評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖寝衫,靈堂內(nèi)的尸體忽然破棺而出顷扩,到底是詐尸還是另有隱情,我是刑警寧澤慰毅,帶...
    沈念sama閱讀 35,425評論 5 343
  • 正文 年R本政府宣布隘截,位于F島的核電站,受9級特大地震影響汹胃,放射性物質(zhì)發(fā)生泄漏婶芭。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,019評論 3 326
  • 文/蒙蒙 一着饥、第九天 我趴在偏房一處隱蔽的房頂上張望犀农。 院中可真熱鬧,春花似錦宰掉、人聲如沸呵哨。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,671評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽孟害。三九已至拒炎,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間纹坐,已是汗流浹背枝冀。 一陣腳步聲響...
    開封第一講書人閱讀 32,825評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留耘子,地道東北人果漾。 一個月前我還...
    沈念sama閱讀 47,729評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像谷誓,于是被迫代替她去往敵國和親绒障。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,614評論 2 353

推薦閱讀更多精彩內(nèi)容

  • 1捍歪、通過CocoaPods安裝項(xiàng)目名稱項(xiàng)目信息 AFNetworking網(wǎng)絡(luò)請求組件 FMDB本地?cái)?shù)據(jù)庫組件 SD...
    陽明先生_X自主閱讀 15,979評論 3 119
  • 題記:靜品花開花落户辱, 獨(dú)品未去流年, 細(xì)對光陰說禪糙臼, 與心靈對語庐镐, 訴說一季一年一世的故事。 當(dāng) 時(shí)間停止在 留聲...
    bab87461adbd閱讀 591評論 4 7
  • 第一次推薦電影变逃,好激動必逆,今天早上特地看了一部新片基耶斯洛夫斯基的《兩生花》。 晚上好揽乱,今晚想給大家推薦的電影是《兩...
    飛砂走石閱讀 1,095評論 0 0
  • 開設(shè)體驗(yàn)班會凰棉,發(fā)揮學(xué)生主體地位 ——名班主任工作室論壇感想 今天有幸跟隨眾多經(jīng)驗(yàn)豐富的班主任老...
    青島一中呂卓雅閱讀 434評論 1 1
  • 早晨损拢,讀了群友莉莉老師的《作為女人,你必須精致撒犀,這是女人的尊嚴(yán)》一文福压,文中對白發(fā)冒頂?shù)幕炭郑瑧?yīng)對或舞,字里行間流露著一...
    快樂英子閱讀 403評論 7 4