單選按鈕和復(fù)選框大有不同

       網(wǎng)站建造、移動(dòng)APP開發(fā)、手機(jī)網(wǎng)站建造又或者是微信定制開發(fā)，用戶體會(huì)都是至關(guān)重要的。咱們常說(shuō)細(xì)節(jié)決定勝敗，而無(wú)論是網(wǎng)頁(yè)規(guī)劃，還是移動(dòng)app規(guī)劃，良好的用戶體會(huì)往往就表現(xiàn)在細(xì)微之處。正如，單選按鈕和復(fù)選框的挑選的不同運(yùn)用就能很好的提升用戶的運(yùn)用體會(huì)和閱讀體會(huì)。這兩者之間看似大有不同，但實(shí)際上很多規(guī)劃師在運(yùn)用的時(shí)候，都沒(méi)有明晰的界限，容易導(dǎo)致運(yùn)用不當(dāng)帶徠欠好的用戶體會(huì)。

      單選按鈕和復(fù)選框的差異

      什么時(shí)候運(yùn)用單選按鈕?

      有兩個(gè)或兩個(gè)以上的互斥選項(xiàng)，用戶必須且只能從中挑選一個(gè)。換句話說(shuō)，假如你挑選了其間一個(gè)沒(méi)有被選中的選項(xiàng)，那么本來(lái)被選中的選項(xiàng)就自動(dòng)被撤銷。

      什么時(shí)候運(yùn)用復(fù)選框?

      有一系列選項(xiàng)，用戶能夠從中挑選挑選一個(gè)或多個(gè)，甚至不選也能夠。換句話說(shuō)，每一個(gè)選項(xiàng)是互不影響的。

      看了定義，你是否覺得這兩個(gè)組件運(yùn)用起來(lái)很容易呢?但在規(guī)劃實(shí)例中，以下幾個(gè)過(guò)錯(cuò)用法是一再出現(xiàn)的：

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

      一個(gè)供給午餐外賣服務(wù)的app， 在讓用戶挑選送餐時(shí)刻時(shí)，運(yùn)用了復(fù)選框組件。這既違反了規(guī)劃初衷(希望用戶從中挑選一個(gè)時(shí)刻段)，又給用戶帶來(lái)了困擾，是不是我一起勾選前兩個(gè)時(shí)刻段，就代表在這整個(gè)大的區(qū)間內(nèi)送餐都是能夠的呢?

      過(guò)錯(cuò)二：選項(xiàng)文本中運(yùn)用否定詞

      以上的幾個(gè)例子是比較夸大的，但確實(shí)反映了一些UI/UX規(guī)劃中存在的問(wèn)題。假如咱們?cè)趶?fù)選框選項(xiàng)中運(yùn)用否定句式，用戶必須閱讀完一切的選項(xiàng)，才能保證自己不喜歡的工作不會(huì)發(fā)生。

      有一個(gè)例外的情況，當(dāng)閱讀器中彈出“不要再提示該信息”時(shí)，相似的選項(xiàng)中能夠運(yùn)用否定詞。

       過(guò)錯(cuò)三：選項(xiàng)的排列不遵從邏輯次序

      圖中的選項(xiàng)沒(méi)有遵從必定的邏輯次序。按照訂閱時(shí)刻長(zhǎng)短，應(yīng)該是：月訂閱>季訂閱>年訂閱

      三個(gè)是單選按鈕和復(fù)選框在UI/UX規(guī)劃中常見的過(guò)錯(cuò)，除了防止這些過(guò)錯(cuò)之外，規(guī)劃師在運(yùn)用這兩個(gè)組件時(shí)，最好能遵從以下四點(diǎn)主張：

1. 能運(yùn)用單選按鈕時(shí)，盡量不運(yùn)用下拉菜單。在一切選項(xiàng)都被明晰地列舉出時(shí)，用戶更容易進(jìn)行比較，做出正確的挑選。

2. 運(yùn)用單選按鈕時(shí)，必定要供給一個(gè)已經(jīng)選中的默許選項(xiàng)。

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

4. 選項(xiàng)句式不宜過(guò)長(zhǎng)，最好能讓用戶迅速捉住要害信息。

        以上三點(diǎn)過(guò)錯(cuò)和四條主張，是用好單選按鈕和復(fù)選框這兩個(gè)組件的要害。