歡迎來(lái)到合肥浪訊網(wǎng)絡(luò)科技有限公司官網(wǎng)
  咨詢服務(wù)熱線:400-099-8848

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

發(fā)布時(shí)間:2021-02-05 文章來(lái)源:本站  瀏覽次數(shù):3122

       網(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ì)象

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

      一個(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)用否定詞

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

      以上的幾個(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)的排列不遵從邏輯次序

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

      圖中的選項(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è)組件的要害。

上一條:工程師支招:頁(yè)面長(zhǎng)度小貼...

下一條:SEO聽得多了,那下面這...