創(chuàng)立表單時，交互規(guī)劃師總是會面對一個挑選，選用哪種UI元從來表明可選項的操作。當然，咱們每個人都有自個的規(guī)律。可是，在選用可選項控件時，依然要多加考慮。

可選項能夠用勾選框、開關、單選框和下拉菜單表明。挑選妥當?shù)脑挘魏我环N都十分超卓。本文中，創(chuàng)新互聯(lián)表示要重視勾選框和開關。

勾選框

勾選框用在一系列選項中，用戶能夠挑選恣意數(shù)量，包括0個、1個，或許許多個。換言之，每個勾選框在列表中都是彼此獨立的，勾上一個框并不會撤銷其他選項。

帶有標簽的勾選框

開關

開關組件是在仿照物理開關，讓用戶打開或封閉某個項目。

開關供給了兩種簡略直接的對立選項

開關組件一般用于體現(xiàn)一個動作(例如開始或停止某個操作)。它類似于電燈開關：

開關一般用在電燈開關上

勾選框和開關的最好實習

運用規(guī)范的視覺體現(xiàn)

勾選框應當是一個小方框，選中時有一個勾，或許一個叉。

選中和未選中的勾選框組件。

開關應當看起來有開和關的狀況

選中和未選中狀況的開關組件。

用戶在操作各種控件時，應當供給明晰的視覺反應。纖細的動畫能讓體會更細致——在移動運用中特別如此，

iOS7/8的開關按鈕。

縱向擺放列表

縱向展示列表，每行一個選項。這關于開關和勾選框都有用。假如一定要橫向擺放，一行有多個選項，就要調整好按鈕和標簽的間隔，哪個選項對應哪個標簽明晰明晰。下面的比如中，元素之間的間隔都太近了。

很難斷定選項4對應的到底是哪個選框

開關的當時狀況應該在控件外面

規(guī)劃開關時，你應該防止狀況和操作的歧義。咱們以iOS6的開關規(guī)劃為例，注意看寫著ON的藍色狀況按鈕。

并不能斷定標簽(比如中是“ON”)是指當時狀況，仍是按下的操作

你能判斷按鈕當時是開著的嗎，或許拖動滑塊、點擊、點按時會敞開?“ON”在這里是個狀況(名詞)仍是動作(動詞)?并不明白。

不應該讓用戶感到迷惑，差異出操作和狀況十分重要。實際上，高亮顯現(xiàn)當時狀況，能夠讓它更加友愛。

文字色彩表明晰如今的狀況(亮起的是ON)

勾選框運用必定的案牘

運用必定、有用的案牘作為勾選框的標簽，用戶就很明白假如勾上選框會發(fā)作什么。防止“不要給我發(fā)郵件”這么的否定案牘，這就意味著用戶要勾上選框來阻撓某些事發(fā)作。

勾選框永久都應該運用必定的指令，不能用否定案牘，例如“請勿……”

勾選框運用Label標簽，增大操作區(qū)域

一切的勾選框都有標簽，但并非都運用label標簽。勾選框本質上很小，可是依據(jù)費茨規(guī)律，它們就很難點擊或許點按。要增大操作區(qū)域，讓用戶在點擊或點按標簽與有關文字時就能選中選項，而不僅僅是那個小方框。

讓用戶通過點擊方框或它的標簽來選中選項

勾選框只用來改動設置，不能作為操作按鈕

作為一個二元挑選，勾選框和開關的首要差異，是勾選框是狀況，而開關是操作。假如一個操作適合用物理開關表明，那么開關也許即是最適合的控件。

下面的比如很明顯，在開關中，無線網(wǎng)絡是開著的。但在勾選框里，用戶還需要考慮無線網(wǎng)絡是不是敞開，是不是需要勾選這個框來敞開無線網(wǎng)絡。

用開關來敞開或封閉效勞或硬件構成，例如WIFI

勾選框和開關的提交操作

勾選框的操作能夠延后(例如作為表單的一部分)，但開關的操作應當當即觸發(fā)。

杰出的用戶體會，是當即改動開關對應的設置項，而不是點按了“保留”或回來上個界面以后才保留。咱們在現(xiàn)實生活中對開關的期望即是如此(例如咱們知道，按下開關燈馬上就亮了)。

iOS中的敞開WIFI

當用戶有必要履行額外過程才干讓改動收效時，運用勾選框。

當用戶有必要點擊“提交”或“下一步”按鈕，修正才干收效時，選用勾選框

定論

規(guī)劃界面設計時，交互元素的挑選要保持一致、可預期。遵循規(guī)劃規(guī)范，能讓用戶非常好猜測控件的功用、怎么操作。相反，違背規(guī)范會讓界面感覺很軟弱——好像會毫無征兆發(fā)作任何事情。

本文名稱：「用戶體驗設計」表單中的勾選框和開關
標題網(wǎng)址：http://m.newbst.com/news45/168395.html

網(wǎng)站建設、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡營銷seo公司；服務項目有用戶體驗等

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)