您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計(jì)教程 >> 設(shè)計(jì)理論 >> 瀏覽設(shè)計(jì)教程

輕松看懂規(guī)范!詳解組件控件結(jié)構(gòu)系統(tǒng)之提醒類

Echo :本篇文章講解功能分類之提醒類,假如我是寫信息的提醒類,那么里面涉及到的會有toast、警示框、界面內(nèi)嵌、loading加載、tips提醒、空數(shù)據(jù)界面、卡片等等,這就和之前講的有重復(fù)。所以,這里寫的提醒類是新聞的提醒類,而不是信息的提醒類。

系列文章: 

提醒性類型一共有四類:

1.紅點(diǎn)提醒

2.數(shù)字提醒

3.體系推送提醒

4.彈框提醒

仍舊附上一張腦圖,組件控件分類(假如單純通過組件控件,難以知足功能劃分的需求,所以我將這個范圍擴(kuò)大,分類里面不僅僅含有組件和控件,所以請不要在意細(xì)節(jié)。)

紅點(diǎn)提醒

用途:

通過紅點(diǎn)指導(dǎo)用戶點(diǎn)擊,從而達(dá)到要給用戶傳達(dá)的信息。

使用場景:

1. 以產(chǎn)品的目標(biāo)來說,新功能更新想讓用戶知道并去使用,從而使用紅點(diǎn)提醒用戶。

2. 新新聞的提醒,通過紅點(diǎn)讓用戶直觀的知道有信息。

3. 由于營業(yè)必要,通過紅點(diǎn)讓用戶去點(diǎn)擊操作。

舉例說明:

微信讀書,列表關(guān)注欄出現(xiàn)紅點(diǎn),點(diǎn)擊進(jìn)去,新增微信摯友出現(xiàn)紅點(diǎn)。如許的使用是為了讓用戶加微信讀書摯友從而增長微信讀書的社交化和粘度。這個屬于使用場景第三條。

QQ日跡列表出現(xiàn)紅點(diǎn),在日跡界面,有新增動態(tài),故通過紅點(diǎn)提醒。這個屬入使用場景第二條。

MIX商店有新的更新,通過紅點(diǎn)指導(dǎo)用戶點(diǎn)擊消耗,從而知足營業(yè)目標(biāo)。這個屬于使用場景第三條。

數(shù)字提醒

用途:

通過數(shù)字讓用戶知道新更新的信息數(shù)量,同時指導(dǎo)用戶去點(diǎn)擊,從而達(dá)到要給用戶傳達(dá)的信息。

使用場景:

1. 通過數(shù)字來提醒用戶新功能的數(shù)量。

2. 通過數(shù)字來提醒用戶收到信息的數(shù)量。

3. 桌面圖標(biāo)的數(shù)量讓用戶在進(jìn)去App之前就知道收到的信息數(shù)量。

舉例說明:

Messenger在tab 小我中間通過數(shù)字提醒,讓用戶知道列表功能的數(shù)量。這屬于使用場景的第一條。

微信新聞列表通過數(shù)字讓用戶知道,收到對方多少條新聞。這屬于使用場景的第二條。

iOS 桌面圖標(biāo)的數(shù)量讓用戶在進(jìn)去App之前就知道收到的信息數(shù)量。這屬于使用場景的第三條。

紅點(diǎn)和數(shù)字提醒兩者既有雷同點(diǎn)又有不同點(diǎn):

雷同點(diǎn):都是提醒用戶,從而指導(dǎo)用戶去點(diǎn)擊達(dá)到信息傳導(dǎo)的作用。

不同點(diǎn):數(shù)字提醒相對于紅點(diǎn)提醒,提醒強(qiáng)度更大。同時數(shù)字傳達(dá)用戶的信息更完備,詳細(xì)到數(shù)量。

體系推送提醒

用途:

前提是iOS和安卓體系推送權(quán)限打開,通過體系推送讓用戶獲取到APP要傳達(dá)的信息,屬于強(qiáng)提醒類。用戶通過推送新聞進(jìn)入App獲取新聞,進(jìn)步產(chǎn)品的活躍度和使用粘性。

使用場景:

1. 緊張信息必要提醒用戶,例如郵件,IM。當(dāng)用戶收到新新聞時,體系主動推送。

2. 知足運(yùn)營需求,通過體系推送新聞給用戶傳達(dá)運(yùn)營促銷活動,吸引用戶去消耗。

舉例說明:

1. 假如網(wǎng)易郵箱的體系權(quán)限打開時,會收到體系推送,屬于使用場景第一條。

2. 貓眼有新電影上映時,會有體系推送新聞,指導(dǎo)用戶去點(diǎn)擊消耗,如許的舉動也進(jìn)步了用戶粘度。屬于使用場景第二條。

彈框提醒

用途:

彈框可以讓用戶知道一些緊張的新聞,同時通過彈框?yàn)槟承I業(yè)提供一個流量入口。

使用場景:

1. 運(yùn)營需求,通過彈框的提醒語和入口,從而達(dá)到流量導(dǎo)入的結(jié)果。

2. 緊張功能緊張信息的入口。

3. 用于緊張信息的提醒,單純的提醒信息的作用。

舉例說明:

付出寶的名譽(yù)生活界面,用戶進(jìn)入后會給出一個彈框提醒,指導(dǎo)用戶去搶紅包。知足運(yùn)營需求。這屬于使用場景的第一條。

QQ的H5網(wǎng)頁通過彈框指導(dǎo)用戶去下載使用QQ音樂,這屬于使用場景的第二條。

QQ的服務(wù)號升級,通過彈框讓用戶知曉,這屬于使用場景的第三條。

迎接關(guān)注作者的微信公眾號:「UEDC」

[教程作者:互聯(lián)網(wǎng)]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://pkvc.cn/tutorial/di3896.html
網(wǎng)易資深設(shè)計(jì)師如何建立可相信的品牌形象?
能成功傳遞出情緒和情感的頁面,同樣也是要看臉的
圖趣網(wǎng)微信
建議反饋
×