手機(jī)APP設(shè)計(jì)：不簡(jiǎn)單的紅點(diǎn)設(shè)計(jì)

親，看到這樣的標(biāo)題有沒(méi)有聯(lián)想到我們經(jīng)常喜歡點(diǎn)的那些紅點(diǎn)設(shè)計(jì)的APP呢？

如下圖qq app界面設(shè)計(jì)：

你看到專業(yè)的這個(gè)看似簡(jiǎn)單的小功能，其實(shí)在產(chǎn)品設(shè)計(jì)中的紅點(diǎn)設(shè)計(jì)，可一點(diǎn)都不簡(jiǎn)單。

手機(jī)APP里面的紅點(diǎn)功能到底應(yīng)該怎么去設(shè)計(jì)呢？

在上線一個(gè)新的功能之前，應(yīng)該考慮的是這個(gè)功能的價(jià)值，受眾，能給用戶帶來(lái)什么，能給平臺(tái)帶來(lái)什么?；诖宋覀儊?lái)考慮一下紅點(diǎn)功能的設(shè)計(jì)。

我們可以從下面五個(gè)方面來(lái)進(jìn)行手機(jī)APP的紅點(diǎn)設(shè)計(jì)。

1、紅點(diǎn)設(shè)計(jì)功能的受眾

個(gè)人中心紅點(diǎn)需求的受眾分為兩部分：

1.用戶。給用戶呈現(xiàn)紅點(diǎn)，讓用戶知道這里有新的內(nèi)容，吸引用戶點(diǎn)擊

2.自己內(nèi)部產(chǎn)品，運(yùn)營(yíng)的同事，幫助他們推廣新功能。讓用戶觸達(dá)到新功能的上線，不讓用戶僅僅局限在首屏。比如微信上線新的游戲或者表情，通過(guò)紅點(diǎn)進(jìn)行提示。

這兩部分受眾其實(shí)是有沖突的，業(yè)務(wù)側(cè)需要推廣告訴用戶新功能，但這些功能不一定是用戶有需要的，可能會(huì)打擾到用戶。所以需要考慮清楚，平衡兩者之間的矛盾，更少打擾用戶，更多告訴用戶關(guān)注的信息。

2、紅點(diǎn)功能的內(nèi)容

一般情況，紅點(diǎn)的出現(xiàn)涉及三個(gè)層面的內(nèi)容：

1、新上線的功能

2、某一個(gè)已經(jīng)上線的功能有了新的更新

3、某一個(gè)功能有內(nèi)容的變化，業(yè)務(wù)上的提醒。（比如支付寶錢(qián)包的余額變化，朋友圈的新回復(fù)等）

3、紅點(diǎn)功能的設(shè)計(jì)思路

紅點(diǎn)產(chǎn)品的設(shè)計(jì)需要考慮到前后端。

前端：呈現(xiàn)給用戶的信息

后端：功能或平臺(tái)來(lái)配置所需的信息（即判斷這一功能給不給用戶進(jìn)行展示）

前端的設(shè)計(jì)主要分為三個(gè)方向來(lái)進(jìn)行考慮：

內(nèi)容：紅點(diǎn)采用什么樣的形式，是數(shù)字，紅點(diǎn)，圖片，文字還是icon？

層級(jí)：劃分推廣廣的優(yōu)先級(jí)，是在首頁(yè)頂部導(dǎo)航展示，還是在在個(gè)人中心頁(yè)面進(jìn)行展示。根據(jù)功能的優(yōu)先級(jí)來(lái)選擇不同的級(jí)別進(jìn)行展現(xiàn)

用戶：比如某一個(gè)功能的上新只想告訴某一部分用戶，或者是功能的逐漸推廣。基于用戶的不同而采用不同的紅點(diǎn)提示

4、紅點(diǎn)產(chǎn)品設(shè)計(jì)要考慮的場(chǎng)景

 1、新功能上線的場(chǎng)景

2、業(yè)務(wù)更新的時(shí)候的場(chǎng)景

3、業(yè)務(wù)內(nèi)容、狀態(tài)產(chǎn)生變化時(shí)的場(chǎng)景（錢(qián)包有優(yōu)惠卷，好友登錄等等）

5、紅點(diǎn)設(shè)計(jì)需要考慮的功能點(diǎn)

A、內(nèi)容部分（展現(xiàn)的交互形式，數(shù)字、紅點(diǎn)或圖片，在個(gè)人中心內(nèi)部或者首頁(yè)可以有不同的展現(xiàn)形式）

B、層級(jí)部分（希望觸達(dá)給用戶的場(chǎng)景區(qū)分優(yōu)先級(jí)，A類層級(jí)展示，B類怎么展示，不用層級(jí)的用戶采用不同的展現(xiàn)形式）

C、用戶部分（給那些用戶展現(xiàn)，不給哪些用戶展現(xiàn)）