百度智能小程序 互動體驗

如何提升小程序互動體驗

為幫助小程序開發(fā)者活躍小程序互動氛圍，更好地留存用戶，智能小程序官方針對互動體系的四大核心功能：評論、點贊、收藏、分享，提供了豐富便捷的開發(fā)能力。

通過官方提供能力的正確使用，小程序可達成以下目標：

• 提質(zhì)量：使小程序互動體驗質(zhì)量符合官方推薦標準與建議，好用易用；數(shù)據(jù)顯示，正確接入能力后，小程序優(yōu)質(zhì)內(nèi)容在百度 APP 信息流的人均閱讀時長可增長 40%以上；
• 降成本：快速搭建小程序內(nèi)的評論、點贊、收藏、分享互動能力；數(shù)據(jù)顯示，使用官方能力搭建對應(yīng)功能，可節(jié)省 90%開發(fā)成本；
• 消息閉環(huán)：通過互動能力提供的互動內(nèi)容審核、C 端用戶消息通路回訪，小程序可接入百度互動消息推送體系，使小程序互動消息持續(xù)觸達用戶，促進小程序內(nèi)互動的持續(xù)性。

內(nèi)容索引

• 小程序官方提供的互動能力全集，參見小程序官方互動能力一覽：
  1. 概述
  2. 能力介紹
  3. 接入示例

• 互動能力相關(guān)體驗質(zhì)量標準，及相關(guān)能力使用建議，參見體驗指引：
  1. 選擇互動區(qū)布局
  2. 評論
  3. 點贊
  4. 收藏
  5. 分享
  6. 關(guān)聯(lián)登錄

小程序官方互動能力一覽

一、概述

• 面向希望快速搭建整套互動體系的開發(fā)者，小程序官方提供 一站式互動組件，包含互動bar（圖示 1.1）、評論發(fā)表（圖示 1.2）、評論列表&評論詳情落地頁（圖示 1.3）以及數(shù)據(jù)存儲能力，開發(fā)者可整體低成本快速接入。
• 面向有個性化定制訴求的開發(fā)者，小程序官方提供重點互動能力的可自定義組件：點贊組件（圖示 2），開發(fā)者接入組件時可按需選擇樣式、動效。

二、能力介紹

三、接入示例

小程序接入官方互動能力示例：小程序接入一站式評論組件組件提供的百度 APP 消息通知服務(wù)后，小程序內(nèi)發(fā)生的評論互動可同步至百度 APP 個人頁面及通知中心。

體驗指引

一、選擇互動區(qū)布局

設(shè)置互動區(qū)在內(nèi)容落地頁中的位置時，建議使用與百度 APP 一致的形式，使互動體驗更符合用戶認知和操作習慣。

你可直接使用智能小程序官方提供的一站式互動組件-評論列表、評論詳情落地頁功能。（查看開發(fā)文檔）

• 評論內(nèi)容區(qū)：建議按”正文區(qū)-推薦區(qū)-評論區(qū)“順序布局，便于用戶閱讀推薦內(nèi)容。
• 互動操作區(qū)：建議設(shè)置底部互動和文末互動，滿足用戶不同場景下的互動需求。

1. 底部互動：承載核心互動功能（評論、點贊、收藏、分享等），瀏覽時不隨頁面滾動，隨時可觸發(fā)；
2. 文末互動：承載用戶好惡表達功能（點贊、喜歡/不喜歡），便于用戶在文章瀏覽完畢時的快捷發(fā)表觀點。

二、評論體驗指引

開發(fā)者可直接使用小程序官方提供 一站式互動組件，快速搭建整套評論功能（評論入口、評論發(fā)表、評論列表、評論詳情落地頁）；同時，組件中的功能交互均依據(jù)小程序評論體驗標準封裝，只需注意以下問題，即可保證評論體驗符合用戶使用習慣，好用易用：

接入一站式互動組件，設(shè)置詳情頁內(nèi)容資訊的評論入口時，位置建議選在固定置底、不隨頁面滾動的底bar上，方便用戶隨時觸發(fā)評論。

正確

評論入口在固定置底、不隨頁面滾動的底 bar 上，方便用戶隨時觸發(fā)評論

三、點贊體驗指引

通過相關(guān)互動能力的使用，小程序可快速實現(xiàn)內(nèi)部點贊功能；同時，通過點贊能力提供的服務(wù)，小程序可接入百度互動消息推送體系，使小程序點贊消息持續(xù)觸達用戶，促進小程序內(nèi)互動的持續(xù)性。

示例：他人在小程序中對用戶的動態(tài)、內(nèi)容、評論作出點贊操作后，同步在該用戶的“百度APP-通知中心”中顯示。

在使用點贊組件時，開發(fā)者可根據(jù)場景及產(chǎn)品調(diào)性，選擇適合的點贊樣式進行用戶點贊引導：

你可直接使用智能小程序官方提供的點贊組件。（查看開發(fā)文檔）

1. 信息流：可對頁面中單條內(nèi)容進行點贊;
2. 內(nèi)容落地頁：可在頁面中多個位置對內(nèi)容進行點贊。

示例：信息流和內(nèi)容落地頁的點贊功能

1. 按鈕樣式：提供拇指及愛心兩種點贊樣式，可根據(jù)產(chǎn)品調(diào)性及場景進行選擇；
2. 動效樣式：提供無動效、輕動效、強動效三種動效樣式，可根據(jù)場景進行選擇。

示例：多種按鈕樣式和動效樣式

建議在誤操作后用戶可進行更正，避免出現(xiàn)無法取消點贊的情況：

你可直接使用智能小程序官方提供的點贊組件。（查看開發(fā)文檔）

四、收藏體驗指引

通過相關(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)先登錄后操作，建議使用簡潔的登錄流程，同時向用戶強調(diào)個人信息安全。

你可直接使用智能小程序提供的登錄中間頁示例模板，優(yōu)雅快速地接入最新登錄能力。（查看開發(fā)文檔）

未登錄狀態(tài)下進行點贊，建議不要強制用戶登錄

你可直接使用智能小程序官方提供的一站式互動組件-點贊功能。（查看開發(fā)文檔）

七、體驗直播課

我們同時為開發(fā)者提供體驗直播課進行視頻詳解讀：在線觀看地址