我們現(xiàn)在已經(jīng)習(xí)慣小紅點(diǎn)的不斷的騷擾了，每天都不知道要點(diǎn)掉多少個手機(jī)APP上的小紅點(diǎn)。有些童鞋點(diǎn)擊 APP小紅點(diǎn) 都已經(jīng)成癮。只要看到有小紅點(diǎn) 就會自然而然去觸摸一下。

所以，APP的交互設(shè)計已經(jīng)影響我們的生活了。當(dāng)然，也有一些追求用戶體驗(yàn)極佳的APP，已經(jīng)想出一些辦法來消除這些小紅點(diǎn)了。

比如：手機(jī)QQ，創(chuàng)造性的設(shè)計了一鍵拖拽清除小紅點(diǎn)的功能，得到用戶好評。

如下圖所示：

如果有手機(jī)強(qiáng)迫癥的小伙伴，看到下面這樣的手機(jī)APP界面，肯定會一直去點(diǎn)擊。

言歸正傳，25學(xué)堂小編跟大家好好的來認(rèn)識下 ios 系統(tǒng)上的小紅點(diǎn)控件。

「小紅點(diǎn)」是這個控件在國內(nèi)最通俗的稱呼，正式的名稱為「Badge」（徽標(biāo)），Badge是指通常出現(xiàn)在圖標(biāo)或文字右上角的紅色圓點(diǎn)、數(shù)字或者文字，表示有新內(nèi)容或者待處理的信息。

Badge（APP小紅點(diǎn)設(shè)計）可以分為無數(shù)字和有數(shù)字兩類，

1、如果只需讓用戶了解有更新或新內(nèi)容必然只有一條時，使用無數(shù)字Badge，例如微信公眾號更新和App版本更新采用無數(shù)字類型。

2、如果需要讓用戶精確了解有多少條更新且新內(nèi)容有多條，可使用有數(shù)字Badge，例如IM的未讀消息、郵箱的未處理郵件。有數(shù)字的Badge給用戶帶來的心理壓力會更大，也會更吸引用戶注意力。

‘

目前，大部分的APP上的小紅點(diǎn)設(shè)計都是采用有數(shù)字類型的。

擴(kuò)展閱讀：手機(jī)APP設(shè)計干貨：不簡單的紅點(diǎn)設(shè)計? 可以讓你更加知道如何來把小紅點(diǎn)的交互設(shè)計到位。

所以，想要設(shè)計好APP里面的小紅點(diǎn)，遵循上面的那2點(diǎn)要求即可。

另外，也不要亂創(chuàng)意或者是瞎折騰。切記這樣的設(shè)計APP里面的小紅點(diǎn)。

紅色小圓點(diǎn)這個視覺元素已經(jīng)成為一種社會性語義符號，即用戶看到紅色小圓點(diǎn)就會認(rèn)為這代表著有新內(nèi)容，因此圖標(biāo)設(shè)計因謹(jǐn)慎使用紅色圓點(diǎn)。

例如魅族Flyme社區(qū)App里「我的粉絲」圖標(biāo)，紅色的心型元素與圖標(biāo)主體間有留白，用戶會誤以為這表示有新的粉絲，實(shí)際上沒有，只是圖標(biāo)本來的元素罷了。

下面再來分享一張關(guān)于產(chǎn)品經(jīng)理是如何來使用小紅點(diǎn)功能的。

詳細(xì)實(shí)現(xiàn)案例解讀：APP個人中心頁面的紅點(diǎn)設(shè)計需求與點(diǎn)評

APP交互設(shè)計當(dāng)中的小紅點(diǎn)設(shè)計的具體實(shí)現(xiàn)邏輯如下：有興趣的小伙伴可以了解下。

首先，小紅點(diǎn)的初始值一定得從服務(wù)器取。

其次 ，在點(diǎn)擊的時候，可本地取消小紅點(diǎn)。

再次，正常點(diǎn)擊完了以后，要上傳一個小紅點(diǎn)的狀態(tài)給服務(wù)器，以便記錄，你是不是看了這個小紅點(diǎn)。

但是為了防止多次請求，可以在這個頁面退出的時候，統(tǒng)一請求一次。這樣可以解決多個tab有小紅點(diǎn)的多次請求問題。

至于小紅點(diǎn)的級別可能不同的應(yīng)用有不同的級別，有二級的，三級的，這樣可以建立層級關(guān)系，級別低的發(fā)生變化，會通知級別高的。級別高的會 持有級別低的紅點(diǎn)進(jìn)行管理。