W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗(yàn)值獎勵
為幫助小程序開發(fā)者更好地留存用戶,并在未來持續(xù)性與用戶進(jìn)行互動,智能小程序官方推出了小程序關(guān)注組件。通過關(guān)注組件,能夠強(qiáng)勢獲取用戶注意力,提示、引導(dǎo)、教育用戶關(guān)注小程序,為后續(xù)經(jīng)營用戶打下良好的基礎(chǔ)。
在引導(dǎo)用戶關(guān)注小程序后,用戶激活和回訪能力都會大幅提升,包括且不限于:
在設(shè)計(jì)時,可以這樣引導(dǎo)用戶關(guān)注自己的小程序:
開發(fā)者可選擇合適的業(yè)務(wù)場景,引導(dǎo)用戶關(guān)注小程序:
1. 關(guān)注引導(dǎo)氣泡:輕量引導(dǎo),固定指向小程序?qū)Ш綑诘牟藛稳肟凇?/p>
2. 關(guān)注引導(dǎo)按鈕:中強(qiáng)度引導(dǎo),適用場景和出現(xiàn)時機(jī)定義較靈活。
3. 關(guān)注引導(dǎo)蒙層:強(qiáng)引導(dǎo),拆解操作步驟,流程清晰。
氣泡引導(dǎo)不會阻塞用戶行為,它應(yīng)在一定時間(建議5s)內(nèi)自動消失,或提供關(guān)閉按鈕由用戶手動關(guān)閉。
你可直接使用智能小程序官方提供的5s自動消失的關(guān)注引導(dǎo)氣泡。
開發(fā)者也可以根據(jù)自身品牌進(jìn)行樣式自定義開發(fā),如:
正確
氣泡背景使用白色,展示品牌LOGO,提供關(guān)閉按鈕。
正確
氣泡背景色使用品牌色,使用圖標(biāo)強(qiáng)化功能,5s后自動關(guān)閉。
正確
氣泡背景色使用品牌色,引導(dǎo)文案更詳細(xì)(不超兩行),5s后自動關(guān)閉。
關(guān)注引導(dǎo)官方組件支持顏色、圓角等樣式自定義以滿足不同小程序品牌和風(fēng)格設(shè)定。適用于多種場景如支付訂單、內(nèi)容瀏覽、運(yùn)營活動等場景。
你可直接使用智能小程序官方提供關(guān)注按鈕組件。
示例1:支付場景
示例2:瀏覽文章場景
示例3:觀看視頻場景
請保持關(guān)注按鈕感知便于用戶理解,不要設(shè)置成特殊圖形(如三角形、六邊形等)。呈放位置應(yīng)明顯穩(wěn)定,不要遮擋頁面內(nèi)容。
正確
關(guān)注按鈕感知明顯,引導(dǎo)內(nèi)容明確,位置穩(wěn)定不遮擋內(nèi)容。
錯誤
關(guān)注按鈕形態(tài)特殊不易理解,引導(dǎo)內(nèi)容不明確,懸浮在頁面對內(nèi)容造成遮擋。
蒙層引導(dǎo)能使用戶注意力聚焦在引導(dǎo)上,此時原頁面功能均無法使用??紤]到它會打斷用戶的任務(wù)路徑和沉浸式體驗(yàn),我們建議謹(jǐn)慎使用,可在用戶首次進(jìn)入小程序首頁時展示1次。
你可直接使用智能小程序官方提供關(guān)注引導(dǎo)蒙層組件。
示例:1. 沉浸式頂部導(dǎo)航欄效果(幸運(yùn)日歷盒);2. 原生頂部導(dǎo)航欄效果(TA說)。
說明:應(yīng)對關(guān)注引導(dǎo)出現(xiàn)與消失制定策略,可用且好用,不允許出現(xiàn)氣泡無法關(guān)閉的情況。
正確
關(guān)注成功后,引導(dǎo)氣泡消失。
錯誤
關(guān)注成功后,關(guān)注引導(dǎo)氣泡不應(yīng)再出現(xiàn)。
說明:引導(dǎo)未經(jīng)百度公司同意或授權(quán)的情況下,智能小程序提供的服務(wù)中,不得存在誘導(dǎo)類行為,包括但不限于誘導(dǎo)分享、誘導(dǎo)關(guān)注、誘導(dǎo)抽獎、誘導(dǎo)下載或打開APP等。
錯誤
不應(yīng)以誘導(dǎo)類的虛假信息吸引用戶關(guān)注小程序。
說明:不同時使用多種引導(dǎo)手段,反復(fù)對用戶造成打擾。
錯誤
不應(yīng)出現(xiàn)多種關(guān)注引導(dǎo)方式,如引導(dǎo)氣泡(1)疊加引導(dǎo)蒙層(2),對用戶造成打擾。
你可以通過智能小程序提供的示例模板,優(yōu)雅快速地接入最新關(guān)注引導(dǎo)能力。
1. 關(guān)注引導(dǎo)氣泡
2. 關(guān)注引導(dǎo)按鈕
3. 關(guān)注引導(dǎo)蒙層
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: