百度智能小程序-如何提升小程序互動體驗
為幫助小程序開發(fā)者活躍小程序互動氛圍,更好地留存用戶,智能小程序官方針對互動體系的四大核心功能:評論、點(diǎn)贊、收藏、分享,提供了豐富便捷的開發(fā)能力。
通過官方提供能力的正確使用,小程序可達(dá)成以下目標(biāo):
提質(zhì)量:使小程序互動體驗質(zhì)量符合官方推薦標(biāo)準(zhǔn)與建議,好用易用;數(shù)據(jù)顯示,正確接入能力后,小程序優(yōu)質(zhì)內(nèi)容在百度 App 信息流的人均閱讀時長可增長 40%以上;
降成本:快速搭建小程序內(nèi)的評論、點(diǎn)贊、收藏、分享互動能力;數(shù)據(jù)顯示,使用官方能力搭建對應(yīng)功能,可節(jié)省 90%開發(fā)成本;
消息閉環(huán):通過互動能力提供的互動內(nèi)容審核、C 端用戶消息通路回訪,小程序可接入百度互動消息推送體系,使小程序互動消息持續(xù)觸達(dá)用戶,促進(jìn)小程序內(nèi)互動的持續(xù)性。
內(nèi)容索引
小程序官方提供的互動能力全集,參見小程序官方互動能力一覽:
概述
能力介紹
接入示例
互動能力相關(guān)體驗質(zhì)量標(biāo)準(zhǔn),及相關(guān)能力使用建議,參見體驗指引:
選擇互動區(qū)布局
評論
點(diǎn)贊
收藏
分享
關(guān)聯(lián)登錄
小程序官方互動能力一覽
一、概述
面向希望快速搭建整套互動體系的開發(fā)者,小程序官方提供 一站式互動組件,包含互動bar(圖示 1.1)、評論發(fā)表(圖示 1.2)、評論列表&評論詳情落地頁(圖示 1.3)以及數(shù)據(jù)存儲能力,開發(fā)者可整體低成本快速接入。
面向有個性化定制訴求的開發(fā)者,小程序官方提供重點(diǎn)互動能力的可自定義組件:點(diǎn)贊組件(圖示 2),開發(fā)者接入組件時可按需選擇樣式、動效。
二、能力介紹
互動能力接入說明能力介紹
1. 一站式互動組件
適用于無后端服務(wù)器存儲能力的開發(fā)者,整套接入,不支持自定義;
預(yù)計開發(fā)成本 4人/日。
a. 提供整套互動 bar 能力,包含評論發(fā)布入口、點(diǎn)贊、收藏、分享功能;
b. 提供評論發(fā)表能力,支持發(fā)表文字與圖片;
c. 提供評論列表、評論詳情落地頁能力,包含評論內(nèi)容查看、評論回復(fù)入口、評論內(nèi)容點(diǎn)贊、評論刪除、評論舉報等功能;
d. 支持接入數(shù)據(jù)存儲、評論內(nèi)容審核、自動過濾黃反涉政等敏感評論、百度 App 消息通知服務(wù)。
2. 點(diǎn)贊組件
有后端服務(wù)器存儲能力的開發(fā)者,可自定義自定義點(diǎn)贊樣式/點(diǎn)贊動效;
預(yù)計開發(fā)成本 2人/日。
a. 用于搭建文章內(nèi)容/評論內(nèi)容點(diǎn)贊功能;
b. 提供后端服務(wù),支持接入百度 App 消息通知。
三、接入示例
小程序接入官方互動能力示例:小程序接入一站式評論組件組件提供的百度 App 消息通知服務(wù)后,小程序內(nèi)發(fā)生的評論互動可同步至百度 App 個人頁面及通知中心。
體驗指引
一、選擇互動區(qū)布局
設(shè)置互動區(qū)在內(nèi)容落地頁中的位置時,建議使用與百度 App 一致的形式,使互動體驗更符合用戶認(rèn)知和操作習(xí)慣。
你可直接使用智能小程序官方提供的一站式互動組件-評論列表、評論詳情落地頁功能。(查看開發(fā)文檔)
評論內(nèi)容區(qū):建議按”正文區(qū)-推薦區(qū)-評論區(qū)“順序布局,便于用戶閱讀推薦內(nèi)容。
互動操作區(qū):建議設(shè)置底部互動和文末互動,滿足用戶不同場景下的互動需求。
底部互動:承載核心互動功能(評論、點(diǎn)贊、收藏、分享等),瀏覽時不隨頁面滾動,隨時可觸發(fā);
文末互動:承載用戶好惡表達(dá)功能(點(diǎn)贊、喜歡/不喜歡),便于用戶在文章瀏覽完畢時的快捷發(fā)表觀點(diǎn)。
二、評論體驗指引
開發(fā)者可直接使用小程序官方提供 一站式互動組件,快速搭建整套評論功能(評論入口、評論發(fā)表、評論列表、評論詳情落地頁);同時,組件中的功能交互均依據(jù)小程序評論體驗標(biāo)準(zhǔn)封裝,只需注意以下問題,即可保證評論體驗符合用戶使用習(xí)慣,好用易用:
接入一站式互動組件,設(shè)置詳情頁內(nèi)容資訊的評論入口時,位置建議選在固定置底、不隨頁面滾動的底bar上,方便用戶隨時觸發(fā)評論。
正確
評論入口在固定置底、不隨頁面滾動的底 bar 上,方便用戶隨時觸發(fā)評論
注意
評論入口在正文后評論區(qū)中,首屏不可見,用戶查找困難
注意
評論入口需在按鈕調(diào)起的浮層中再次點(diǎn)擊,使操作路徑拉長,不符合用戶預(yù)期
三、點(diǎn)贊體驗指引
通過相關(guān)互動能力的使用,小程序可快速實現(xiàn)內(nèi)部點(diǎn)贊功能;同時,通過點(diǎn)贊能力提供的服務(wù),小程序可接入百度互動消息推送體系,使小程序點(diǎn)贊消息持續(xù)觸達(dá)用戶,促進(jìn)小程序內(nèi)互動的持續(xù)性。
示例:他人在小程序中對用戶的動態(tài)、內(nèi)容、評論作出點(diǎn)贊操作后,同步在該用戶的“百度 App - 通知中心”中顯示。
在使用點(diǎn)贊組件時,開發(fā)者可根據(jù)場景及產(chǎn)品調(diào)性,選擇適合的點(diǎn)贊樣式進(jìn)行用戶點(diǎn)贊引導(dǎo):
你可直接使用智能小程序官方提供的點(diǎn)贊組件。(查看開發(fā)文檔)
信息流:可對頁面中單條內(nèi)容進(jìn)行點(diǎn)贊;
內(nèi)容落地頁:可在頁面中多個位置對內(nèi)容進(jìn)行點(diǎn)贊。
示例:信息流和內(nèi)容落地頁的點(diǎn)贊功能
按鈕樣式:提供拇指及愛心兩種點(diǎn)贊樣式,可根據(jù)產(chǎn)品調(diào)性及場景進(jìn)行選擇;
動效樣式:提供無動效、輕動效、強(qiáng)動效三種動效樣式,可根據(jù)場景進(jìn)行選擇。
示例:多種按鈕樣式和動效樣式
建議在誤操作后用戶可進(jìn)行更正,避免出現(xiàn)無法取消點(diǎn)贊的情況:
你可直接使用智能小程序官方提供的點(diǎn)贊組件。(查看開發(fā)文檔)
正確
再次點(diǎn)擊可以取消點(diǎn)贊
錯誤
點(diǎn)贊不可以被取消
四、收藏體驗指引
通過相關(guān)互動能力的使用,小程序可快速實現(xiàn)內(nèi)容收藏功能;同時,通過收藏能力提供的服務(wù),小程序可接入百度 App - 收藏功能,使小程序用戶復(fù)訪更加便利。
你可直接使用智能小程序官方提供的一站式互動組件-收藏功能。(查看開發(fā)文檔)
示例:用戶在小程序中對內(nèi)容作出收藏操作后,內(nèi)容會同步在該用戶的“百度 App - 收藏”中。
五、分享體驗指引
通過相關(guān)互動能力的使用,小程序可快速實現(xiàn)內(nèi)容分享功能。
你可直接使用智能小程序官方提供的一站式互動組件-分享功能。(查看開發(fā)文檔)
示例:一站式互動組件分享功能。
六、關(guān)聯(lián)登錄指引
未登錄狀態(tài)下評論、收藏,應(yīng)先登錄后操作,建議使用簡潔的登錄流程,同時向用戶強(qiáng)調(diào)個人信息安全。
你可直接使用智能小程序提供的登錄中間頁示例模板,優(yōu)雅快速地接入最新登錄能力。(查看開發(fā)文檔)
模板1:默認(rèn)登錄頁
模板2:品牌圖片登錄頁
模板3:功能前置登錄頁
模板4:沉浸式登錄頁
未登錄狀態(tài)下進(jìn)行點(diǎn)贊,建議不要強(qiáng)制用戶登錄
你可直接使用智能小程序官方提供的一站式互動組件-點(diǎn)贊功能。(查看開發(fā)文檔)
正確
未登錄狀態(tài)依然可以點(diǎn)贊
錯誤
點(diǎn)贊前強(qiáng)制用戶登錄
七、體驗直播課
我們同時為開發(fā)者提供體驗直播課進(jìn)行視頻詳解讀:在線觀看地址
來源:百度智能小程序