?為幫助品牌類小程序打造高品質體驗，助力開發者實現更好的經營，智能小程序官方針對品牌類小程序提出了體驗方面的建議，來指導開發者低成本高質量的改善小程序體驗，助力品質感知及關鍵指標提升

遵循指引，優化品牌類小程序體驗，可助力小程序達成以下目標

提升品質：助力品牌類小程序進行體驗改善以符合官方要求，并進一步提升品質感知；促進轉化：結合典型品牌類小程序實驗數據發現，按照官方建議優化體驗后，試點小程序的支付成功轉化率 （支付成功 UV /DAU）有了很明顯的提升，部分甚至達到77%以上

內容索引一、增強品質感知

打磨體驗細節，塑造高品質感知保證體驗一致性提升品牌可靠度二、提升功能體驗：完善功能，避免基礎功用缺失、不可用避免打斷干擾，提升體驗順暢度優化功能細節，提升體驗品質感三、打造閉環體驗：小程序內部實現體驗閉環與百度App實現體驗閉環一、增強品質感知1. 打磨體驗細節，塑造高品質感知精細化設計小程序基本信息，優化呈現方式，突出品牌優勢

注重小程序頭像、名稱、簡介設計，在有限空間突出品牌及小程序優勢，增強入口吸引力

正確小程序頭像清晰明確符合品牌風格；簡介簡短明了突出特色，打造高品牌初步認知

錯誤小程序頭像不清晰不符合品牌風格；簡介冗余，無法展示完整

強化關鍵頁面的視覺效果，營造品牌沉浸感知

建議品牌類小程序在關鍵頁面（如

首頁、登錄中間頁、活動頁、商品詳情頁等）進行沉浸式設計，可極大提升頁面視覺效果，增強品質感知

您可直接使用智能小程序官方提供的自定義導航組件

查看文檔

正確首頁使用自定義透明導航，提供更沉浸更高級的品牌視覺感受

錯誤首頁未使用自定義透明導航，影響品牌的視覺表達和呈現

細節需貼合品牌氣質，各處可加強品牌透出

注重細節設計，小程序各處都應符合品牌整體氣質

同時，還可加強品牌透出力度，助力用戶建立品牌感知

示例 1

默認用戶頭像應符合品牌氣質

示例 2

登錄中間頁可加強品牌視覺透出

示例 3

加載狀態可加強品牌氛圍透出

改善全面屏適配問題，塑造產品高質感知

建議為小程序做好全面屏適配，避免誤操作

正確保證適配全面屏機型，防止底部關鍵按鈕誤操作

錯誤未進行全面屏機型適配，底部關鍵按鈕容易誤觸

注重邊緣場景體驗設計，避免出現體驗終點

示例1

商品已下線的情況正確為已下線商品提供兜底頁面，避免出現空白頁

錯誤已下線商品未提供兜底頁面，出現空白頁導致體驗終斷

示例2

網絡異常的情況正確為網絡異常的情況提供兜底頁面，避免出現空白頁

錯誤網絡異常的情況未提供兜底頁面，出現空白頁導致體驗終斷

2. 保證體驗一致性小程序應保證內部流程體驗一致，打造統一的體驗感受

示例

同類環節下，登錄形式應保證一致正確購買流程下，均采用半層面板的登錄形式，保證體驗一致

錯誤購買流程下，不同入口喚起登錄，登錄流程及登錄方式均有差異

小程序應保證內部布局樣式一致，打造統一的視覺感受

示例1

小程序內部的彈窗樣式應保持一致正確小程序內部的彈窗提醒樣式完全一致

錯誤小程序內部不同的彈窗提醒樣式有差異（彈窗圓角、文案標題、文案字號、按鈕顏色均不一致）

示例2

小程序內部的按鈕樣式應保持一致正確小程序內部的按鈕樣式完全一致

錯誤小程序內部不同的按鈕樣式有差異（按鈕圓角、文案字號、按鈕顏色均不一致）

小程序應保證內部文案表述一致，打造統一的閱讀感受

示例

小程序內部的文案表述應保證一致且明確錯誤小程序內部不同頁面的文案表述不一致，按鈕順序不一致（①和③）；小程序內部同一頁面的文案表述不一致（②和③）

3. 提升品牌可靠度為小程序配備百度保障標志，提升用戶對品牌的信賴

您可直接使用百度APP官方提供的保障能力

查看文檔

配備百度保障標志后，會在關鍵環節透出，提升品牌可靠度，增強用戶對小程序的信賴

為小程序申請開啟“官方認證”，提升用戶對品牌的信賴

目前該權益面向 A 級 和 B 級 小程序開放

更多詳細介紹您可查看智能小程序官方提供的品牌關鍵詞能力

查看文檔

審核通過后，在百度APP搜索關鍵詞時，將展現小程序單卡及對應的“官方”標志

二、提升功能體驗1. 完善功能，避免基礎功用缺失、不可用避免核心轉化路徑——登錄，出現不可用的情況

接入小程序官方登錄能力，能夠實現自有帳號體系與百度帳號體系的互通

您可直接使用智能小程序官方提供的登錄能力

查看文檔您還可以使用內嵌登錄組件，支持不同場景下獲取手機號信息，一鍵完成登錄

您可直接使用智能小程序官方提供的聯合登錄/手機號授權內嵌組件

查看文檔同時，還應該保證功能可逆，避免不可退出登錄的情況

示例

需要登錄的小程序也需要配備對應的退出登錄功能，否則會導致用戶不安全感

避免核心轉化路徑——支付，出現不可用的情況

接入小程序官方支付能力，獲取聚合支付方式

您可直接使用智能小程序官方提供的支付能力

查看文檔

您還可以使用內嵌支付組件，將支付渠道內嵌在小程序訂單提交頁內，縮短交易鏈路，提升支付轉化率

您可直接使用智能小程序官方提供的內嵌支付組件

查看文檔正確訂單提交頁的首屏可展示支付方式時，建議使用內嵌支付組件，此時底部主操作按鈕為"確認支付"，可減少用戶操作步驟，提高轉化機會

錯誤訂單提交頁內容較多，支付方式首屏不可見，用戶不便選擇支付渠道

此時，不建議使用內嵌支付組件

通過百度收銀臺完成交易后，將自動推送支付狀態通知，提升用戶安全感知

同時，通過支付通知還可以便捷復訪小程序，提升回流效果

避免客服能力缺失，不可用的情況

示例1

提供電話客服能力

示例2

提供在線客服能力，且保證正常維護，有回復

正確在線客服能夠迅速準確的回答用戶的提問

錯誤配置的機器人客服能力較弱，答非所問，無法幫助用戶解決問題

避免小程序內部搜索、篩選功能缺失，應保證用戶檢索內容簡便快捷

和位置強關聯的服務需支持定位能力

避免隱藏價格的情況，商品價格、優惠信息應透明可見

正確直接展示商品價格

注意未直接展示商品價格，難以促成轉化

避免售后功能缺失、不可用的情況

示例1

提供退貨退款的能力示例2：提供查看物流的能力

2. 避免打斷干擾，提升體驗順暢度重視關鍵轉化流程（如

登錄、支付等）的設計，避免體驗斷點，提升體驗順滑度

示例1

打造順暢的登錄體驗，避免打擾正確沒有無意義的打斷和提醒，點擊需要依賴登錄的內容直接喚起登錄流程；并且在登錄完成后可以延續前置操作，避免體驗斷點

錯誤點擊需要依賴登錄的內容未直接吊起登錄面板，僅進行彈窗/toast未登錄提醒，用戶操作成本高

錯誤頻繁無意義的toast提醒，打斷用戶；且登錄完成后未延續前置操作，出現體驗斷點，導致重復操作

示例2

非必要不強制登錄正確不依賴用戶信息的內容允許用戶不登錄即可查看，避免強制登錄

錯誤不依賴用戶信息的內容強制要求用戶登錄后方可查看

示例3

選擇合適的登錄方式正確使用半層面板可縮短用戶步驟、減少體驗打斷感，但無法透出自有品牌，建議用于依賴登錄的功能流程之中

正確使用登錄中間頁可縮短用戶步驟、增強品牌感知，但會放大體驗打斷感，可用于依賴登錄的一級頁面或登錄專屬流程中

示例4

簡短的購買轉化流程，避免冗余步驟正確避免無意義的支付提醒和頁面跳轉

錯誤支付流程中存在無意義的彈窗提醒和頁面跳轉，會打斷用戶，延長操作路徑，增加用戶放棄支付的可能

3. 優化功能細節，提升體驗品質感優化加載體驗，避免卡頓、打斷、不協調感

分場景優化小程序內部加載體驗，降低用戶等待感知，提升體驗流暢感知度

示例1

全頁面或頁面局部加載體驗正確可采用LOGO動畫、LOGO掃光等方式加載，加強品牌透出

注意采用toast加載的方式缺乏品質感

示例2

首頁、商品詳情頁（等圖片較多頁面）可使用骨架屏加載示例3：圖片加載使用LOGO占位圖，增強品牌透出精細化區分異常情況，減少操作，提供兜底方案

正確精細化區分異常情況，提供對應解決方案

錯誤所有異常情況均未進行明確提醒

區分設計分享外鏈的內容，保證接收者觀感，提升鏈接回流吸引力

您可直接使用智能小程序官方提供的 web-view 分享能力

查看文檔

正確分享外鏈與小程序內部頁面內容一致，透出關鍵吸引點，有助于提升回流引力

錯誤分享外鏈文案及圖片未進行區分設計，缺乏吸引，不利于分享回流

如果小程序獲取了用戶的頭像和昵稱信息，建議在已登錄的對應場景下進行展示

正確獲取用戶的頭像和昵稱信息后，若用戶已登錄，可在個人中心、評價等需要展示用戶信息的場景下進行頭像和昵稱外露展示

錯誤獲取用戶的頭像和昵稱信息后，并沒有進行使用，導致不必要的信息獲取

三、打造閉環體驗1. 小程序內部實現體驗閉環保證關鍵流程體驗閉環示例1

保證優惠券領取及使用體驗閉環，促進轉化提升示例2：保證售后體驗閉環，增強信賴度2. 與百度APP實現體驗閉環調用百度APP-發票組件，幫助用戶快速獲取/新增發票抬頭

您可直接使用智能小程序官方提供的發票組件

查看文檔

您可查看更多與百度APP實現體驗閉環的內容，為品牌小程序打造更優質的體驗

您可查看智能小程序官方體驗白皮書《如何應用百度 APP 基礎能力打造閉環服務體驗帳號》

查看文檔

來源

百度智能小程序