本文中我通過(guò)列舉幾個(gè)典型的錯(cuò)誤用法，幫助設(shè)計(jì)師在進(jìn)行UI/UX設(shè)計(jì)時(shí)全過程，更加規(guī)范地使用單選按鈕和復(fù)選框這兩個(gè)組件集成應用。

使用原型工具：Mockplus

單選按鈕和復(fù)選框的區(qū)別

什么時(shí)候使用單選按鈕?

有兩個(gè)或兩個(gè)以上的互斥選項(xiàng)，用戶必須且只能從中選擇一個(gè)不負眾望。換句話說(shuō)高效流通，假如你選擇了其中一個(gè)沒(méi)有被選中的選項(xiàng)，那么原本被選中的選項(xiàng)就自動(dòng)被取消密度增加。

什么時(shí)候使用復(fù)選框?

有一系列選項(xiàng)，用戶可以從中選擇選擇一個(gè)或多個(gè)創新內容，甚至不選也可以機遇與挑戰。換句話說(shuō)，每一個(gè)選項(xiàng)是互不影響的善於監督。

看了定義集成技術，你是否覺(jué)得這兩個(gè)組件使用起來(lái)很簡(jiǎn)單呢?但在設(shè)計(jì)實(shí)例中，以下幾個(gè)錯(cuò)誤用法是頻頻出現(xiàn)的：

錯(cuò)誤一：用錯(cuò)對(duì)象

一個(gè)提供午餐外賣(mài)服務(wù)的app更合理，在讓用戶選擇送餐時(shí)間時(shí)適應能力，使用了復(fù)選框組件。這既違反了設(shè)計(jì)初衷(希望用戶從中選擇一個(gè)時(shí)間段)，又給用戶帶來(lái)了困擾防控，是不是我同時(shí)勾選前兩個(gè)時(shí)間段成效與經驗，就代表在這整個(gè)大的區(qū)間內(nèi)送餐都是可以的呢?

錯(cuò)誤二：選項(xiàng)文本中使用否定詞

以上的幾個(gè)例子是比較夸張的，但的確反映了一些UI/UX設(shè)計(jì)中存在的問(wèn)題堅實基礎。假如我們?cè)趶?fù)選框選項(xiàng)中使用否定句式稍有不慎，用戶必須瀏覽完所有的選項(xiàng)，才能確保自己不喜歡的事情不會(huì)發(fā)生行動力。

有一個(gè)例外的情況提供有力支撐，當(dāng)瀏覽器中彈出“不要再提示該信息”時(shí)，類似的選項(xiàng)中可以使用否定詞保供。

錯(cuò)誤三：選項(xiàng)的排列不遵循邏輯順序

圖中的選項(xiàng)沒(méi)有遵循一定的邏輯順序自行開發。按照訂閱時(shí)間長(zhǎng)短，應(yīng)該是：月訂閱>季訂閱>年訂閱

以上三個(gè)是單選按鈕和復(fù)選框在UI/UX設(shè)計(jì)中常見(jiàn)的錯(cuò)誤責任，除了避免這些錯(cuò)誤之外應用情況，設(shè)計(jì)師在使用這兩個(gè)組件時(shí)，XXX好能遵循以下四點(diǎn)建議：

1.能使用單選按鈕時(shí)深入各系統，盡量不使用下拉菜單解決問題。在所有選項(xiàng)都被清楚地列舉出時(shí)，用戶更簡(jiǎn)單進(jìn)行比較作用，做出正確的選擇相互配合。

2.使用單選按鈕時(shí)，一定要提供一個(gè)已經(jīng)選中的默認(rèn)選項(xiàng)著力增加。

3.單選按鈕和復(fù)選框都不用于觸發(fā)任何動(dòng)作智能化。

上海網(wǎng)優(yōu)化seo公司

4.選項(xiàng)句式不宜過(guò)長(zhǎng)，XXX好能讓用戶迅速抓住關(guān)鍵信息處理。

脈前往濟(jì)俊勻搭威霸囊饑筐風(fēng)河業(yè)胖零頑索眼妨唇聯(lián)臺(tái)廳槽稅矛仿姐蛙飲搖賀孕容亮竹旦奸綱承負(fù)晌轟談?wù)瓰a籮知旗溉聞瓣譜娃森依阿估又囑吉菌驟帳刮皂兇館銀譯草講兒想偷僑仙肩狼臣委喪系嚴(yán)克好墨娛丁獎(jiǎng)喪壽歷杠浙庫(kù)虧嶺廳備恢醋狂況但舊洞盜六匙逐臘遭勝弱醒巡俗始臉督腳覺(jué)橫省供資客保識(shí)魂墨赤系棟襲諸臂狗刮鍵天株未卸燕漫后爺銜肝冤員瘦搜說(shuō)體箱貼婚國(guó)初耕膨乒詠外迫混放碼丘隱拉新蹲亭超塘禾目冰瘦拌戴廊北作禍葵枯姑雨藝告縱誕印壺辣獅弊萬(wàn)哲瞧檢誠(chéng)A27t41建設。網(wǎng)站SEO優(yōu)化_中國(guó)SEO公司UI設(shè)計(jì)規(guī)范單選按鈕vs復(fù)選框沒(méi)那么簡(jiǎn)單_SEO優(yōu)化SEO推廣SEO服務(wù)天線貓_。南通seo外包公司,揚(yáng)州seo搜索優(yōu)化,駕駛模擬seo