輕松看懂規(guī)范!詳解組件控件結(jié)構(gòu)系統(tǒng)之提醒類
Echo :本篇文章講解功能分類之提醒類,假如我是寫信息的提醒類,那么里面涉及到的會(huì)有toast、警示框、界面內(nèi)嵌、loading加載、tips提醒、空數(shù)據(jù)界面、卡片等等,這就和之前講的有重復(fù)。所以,這里寫的提醒類是新聞的提醒類,而不是信息的提醒類。
系列文章:
提醒性類型一共有四類:
1.紅點(diǎn)提醒
2.數(shù)字提醒
3.體系推送提醒
4.彈框提醒
仍舊附上一張腦圖,組件控件分類(假如單純通過(guò)組件控件,難以知足功能劃分的需求,所以我將這個(gè)范圍擴(kuò)大,分類里面不僅僅含有組件和控件,所以請(qǐng)不要在意細(xì)節(jié)。)
紅點(diǎn)提醒
用途:
通過(guò)紅點(diǎn)指導(dǎo)用戶點(diǎn)擊,從而達(dá)到要給用戶傳達(dá)的信息。
使用場(chǎng)景:
1. 以產(chǎn)品的目標(biāo)來(lái)說(shuō),新功能更新想讓用戶知道并去使用,從而使用紅點(diǎn)提醒用戶。
2. 新新聞的提醒,通過(guò)紅點(diǎn)讓用戶直觀的知道有信息。
3. 由于營(yíng)業(yè)必要,通過(guò)紅點(diǎn)讓用戶去點(diǎn)擊操作。
舉例說(shuō)明:
微信讀書,列表關(guān)注欄出現(xiàn)紅點(diǎn),點(diǎn)擊進(jìn)去,新增微信摯友出現(xiàn)紅點(diǎn)。如許的使用是為了讓用戶加微信讀書摯友從而增長(zhǎng)微信讀書的社交化和粘度。這個(gè)屬于使用場(chǎng)景第三條。
QQ日跡列表出現(xiàn)紅點(diǎn),在日跡界面,有新增動(dòng)態(tài),故通過(guò)紅點(diǎn)提醒。這個(gè)屬入使用場(chǎng)景第二條。
MIX商店有新的更新,通過(guò)紅點(diǎn)指導(dǎo)用戶點(diǎn)擊消耗,從而知足營(yíng)業(yè)目標(biāo)。這個(gè)屬于使用場(chǎng)景第三條。
數(shù)字提醒
用途:
通過(guò)數(shù)字讓用戶知道新更新的信息數(shù)量,同時(shí)指導(dǎo)用戶去點(diǎn)擊,從而達(dá)到要給用戶傳達(dá)的信息。
使用場(chǎng)景:
1. 通過(guò)數(shù)字來(lái)提醒用戶新功能的數(shù)量。
2. 通過(guò)數(shù)字來(lái)提醒用戶收到信息的數(shù)量。
3. 桌面圖標(biāo)的數(shù)量讓用戶在進(jìn)去App之前就知道收到的信息數(shù)量。
舉例說(shuō)明:
Messenger在tab 小我中間通過(guò)數(shù)字提醒,讓用戶知道列表功能的數(shù)量。這屬于使用場(chǎng)景的第一條。
微信新聞列表通過(guò)數(shù)字讓用戶知道,收到對(duì)方多少條新聞。這屬于使用場(chǎng)景的第二條。
iOS 桌面圖標(biāo)的數(shù)量讓用戶在進(jìn)去App之前就知道收到的信息數(shù)量。這屬于使用場(chǎng)景的第三條。
紅點(diǎn)和數(shù)字提醒兩者既有雷同點(diǎn)又有不同點(diǎn):
雷同點(diǎn):都是提醒用戶,從而指導(dǎo)用戶去點(diǎn)擊達(dá)到信息傳導(dǎo)的作用。
不同點(diǎn):數(shù)字提醒相對(duì)于紅點(diǎn)提醒,提醒強(qiáng)度更大。同時(shí)數(shù)字傳達(dá)用戶的信息更完備,詳細(xì)到數(shù)量。
體系推送提醒
用途:
前提是iOS和安卓體系推送權(quán)限打開(kāi),通過(guò)體系推送讓用戶獲取到APP要傳達(dá)的信息,屬于強(qiáng)提醒類。用戶通過(guò)推送新聞進(jìn)入App獲取新聞,進(jìn)步產(chǎn)品的活躍度和使用粘性。
使用場(chǎng)景:
1. 緊張信息必要提醒用戶,例如郵件,IM。當(dāng)用戶收到新新聞時(shí),體系主動(dòng)推送。
2. 知足運(yùn)營(yíng)需求,通過(guò)體系推送新聞給用戶傳達(dá)運(yùn)營(yíng)促銷活動(dòng),吸引用戶去消耗。
舉例說(shuō)明:
1. 假如網(wǎng)易郵箱的體系權(quán)限打開(kāi)時(shí),會(huì)收到體系推送,屬于使用場(chǎng)景第一條。
2. 貓眼有新電影上映時(shí),會(huì)有體系推送新聞,指導(dǎo)用戶去點(diǎn)擊消耗,如許的舉動(dòng)也進(jìn)步了用戶粘度。屬于使用場(chǎng)景第二條。
彈框提醒
用途:
彈框可以讓用戶知道一些緊張的新聞,同時(shí)通過(guò)彈框?yàn)槟承I(yíng)業(yè)提供一個(gè)流量入口。
使用場(chǎng)景:
1. 運(yùn)營(yíng)需求,通過(guò)彈框的提醒語(yǔ)和入口,從而達(dá)到流量導(dǎo)入的結(jié)果。
2. 緊張功能緊張信息的入口。
3. 用于緊張信息的提醒,單純的提醒信息的作用。
舉例說(shuō)明:
付出寶的名譽(yù)生活界面,用戶進(jìn)入后會(huì)給出一個(gè)彈框提醒,指導(dǎo)用戶去搶紅包。知足運(yùn)營(yíng)需求。這屬于使用場(chǎng)景的第一條。
QQ的H5網(wǎng)頁(yè)通過(guò)彈框指導(dǎo)用戶去下載使用QQ音樂(lè),這屬于使用場(chǎng)景的第二條。
QQ的服務(wù)號(hào)升級(jí),通過(guò)彈框讓用戶知曉,這屬于使用場(chǎng)景的第三條。
迎接關(guān)注作者的微信公眾號(hào):「UEDC」
本文地址:http://irelandcustomcontracting.com/tutorial/di3896.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專題頁(yè)面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏