一、前言

隨著智能小程序業務的飛速發展，通過智能小程序進入百度APP、並開始為用戶提供準確信息和高效服務的開發者也已越來越多。在此之前，百度APP一直在滿足用戶體驗、打造服務閉環上花費了大量心血，這僅靠我們自己努力是無法達成目標的，因此也希望攜手更多擁有高質量內容、順暢體驗、優異服務的優秀智能小程序，共同服務好互聯網用戶、達成共贏。

百度APP體驗團隊通過用戶行為數據分析和大量調研與走訪，深入挖掘用戶對資源的要求、對體驗的要求、對百度APP的期望，在內部推行智能小程序多維度評價體系，加工後通過《百度信息流落地頁體驗白皮書》對外發布，幫助智能小程序開發者瞭解百度APP的要求，查找自身不足，優化自身經營策略，共同提升質量，為用戶提供有用、好用的百度APP，與百度APP攜手拓展更大的發展空間。

在沒有百度APP的PC時代，百度通過時效性、權威性等原則對網站的質量進行判斷；在移動時代，增加了對瀏覽體驗和交互體驗的要求。以下，將從體驗、功能、廣告三個維度解釋百度APP對智能小程序質量的判斷原則。符合這些原則的智能小程序進入百度信息流後，將有機會獲得更多用戶分發及停留時長；反之，如果涉及以下一個或多個問題的，視問題輕重，其流量將會受到不同程度的影響，因此希望開發者能嚴格據此文檔優化調整自己的智能小程序。

二、體驗

1 排版佈局&設計

1.1 整體美觀性

1.1.1 頁面需具備：頭部大圖區（如有）、文章標題區、信息來源區、正文內容區、功能按鈕區（點贊等）、相關推薦區、評論區等，並建議按以上表述順序或下圖示範順序排列

1.1.2 頁面中無大片空白（留白麵積不超過屏幕的1/5，包括正文段落與段落之間的留白）

負面case：紅色方框標註部分頁面留白過大

1.1.3 頁面邊距適度，不能過窄（任一邊間距＜字號）或過寬（任一邊間距＞屏幕寬度1/5）

負面case：頁面邊距過窄

1.1.4 正文字體、字號、字體顏色需統一

1.1.5 行間距適中且統一

1.1.6 文章標題字體大小與正文有區分度且整體協調

負面case：正文字號不統一、整體不協調

1.1.7 段落間需有明顯分割

1.1.8 文本內如有分割符，需進行換行或分段

正面case：無首行縮進的純文本，段間距大於行間距

1.2 正文內容區

*正文內容區定義：落地頁中表達核心內容的區域。例如：圖文內容、視頻播放器、音頻播放器等*

1.2.1 橫版視頻不能以豎版視頻形式來承載

1.2.2 豎版視頻不能以橫版視頻形式來承載

負面case：豎版視頻橫版承載，產生大量黑邊，影響體驗。建議加長視頻播放區，加大實際內容的面積佔比，同時保證全屏播放時內容能滿屏播放，無多餘邊框。

1.2.3 圖文/圖集內容不能摺疊【嚴重】

負面case：圖文內容摺疊，會降低用戶閱讀時長，進而影響流量

1.2.4 正文需要包含文章標題、發佈時間和作者名稱

1.3 功能按鈕

1.3.1 不能出現按鈕跳動、文字閃爍、與主題風格顏色明顯不一致等差異化效果

1.3.2 高度不能超過屏幕的1/10，長度不能超過屏幕的1/2。按鈕上文字不能超過8個字

1.3.3 按鈕不能遮擋正文內容

負面case：功能按鈕風格特異且遮擋內容

1.4 可見性——各個界面有明確提示，如：

1.4.1 輸入界面有明顯的標題或提示

1.4.2 圖標需要能讓用戶理解到其含義（圖標本身具有較強的識別性或配有相應說明文字）

負面case：圖標含義不明，“我來說兩句”輸入框和“評論”按鈕，用戶無法理解哪個是回答當前問題，哪個是對當前回答的評論

1.5 相關推薦區

1.5.1 內容類素材落地也要有相關推薦區

1.5.2 相關推薦內容需要有標題，且可點擊跳轉至對應頁面

負面case：相關推薦內容沒有標題

1.5.3 視頻落地頁中，當前播放內容需要和相關推薦有明顯區分和間隔【嚴重】

* 明顯區分和間隔指：視頻主體必須包含視頻播放器及視頻相關信息（包含但不限於視頻標題、視頻簡介、選集等），才可插入相關推薦內容 *

負面case：當前播放內容與相關推薦位內容樣式完全一致，主次不夠分明，缺乏明顯區分

1.6 頂bar

1.6.1 智能小程序首頁頂bar文字需要與智能小程序名稱一致（也可用表意相近的別稱，但需讓用戶能感知到是該小程序）或為“首頁”，亦或空白無內容【嚴重】

1.6.2 非首頁的落地頁，頂bar文字需要代表當前頁面屬性或空白，不能為文章標題(漫畫、小說除外) 【嚴重】

1.6.3 頂bar文字需要完全顯示，不能出現部分顯示的情況；不能超過8個字(漫畫、小說除外) 【嚴重】

* 頁面屬性，指對當前落地頁的功能性描述，例如：“首頁”、“ 詳情頁”、“簡介”等"

正面case：智能小程序首頁頂bar文字為“首頁“

其他正面case：

名為“海報街拍網” 的智能小程序，首頁頂bar為“街拍”

名為“愛奇藝視頻” 的智能小程序，首頁頂bar為“愛奇藝”

負面case：名為“藍天資訊” 的智能小程序，首頁頂bar文字為“大海資訊”（用戶難以感知兩者是同一產品）

2 交互體驗

2.1 必要提醒

2.1.1 對於正在進行的活動有明確的反饋信息，提示用戶當前程序所處的狀態。反饋結果展現完整，表述清晰，能交代原因及操作建議，無行業術語（如服務器，404等）和責備表達（多個感嘆號）

2.1.2 對於涉及到重要信息的操作，應該提供明確的提示信息,告知用戶會產生費用，

負面case：大量英文加行業術語反饋信息不易於用戶理解

2.2 一致性

2.2.1 每個頁面執行相同功能的菜單，按鈕，圖標等都在同一個位置

2.2.2 同類操作的交互行為保持一致，例如:在同類界面下都是通過“滑動行為”來切換

2.2.3 支持通過“從左向右滑動”的操作退出當前頁【嚴重】

2.3 容錯性

2.3.1 需提供可有效防止錯誤發生的提示，如要求用戶輸入時告知輸入信息的格式（例如：創建用戶名環節）

2.3.2 發生錯誤（例如：支付失敗、斷網、智能小程序打不開）時明確告知用戶產生錯誤的原因，並且有效地建議解決方案

負面case：斷網時未給出明確告知提醒及解決方案

三、功能

1 功能完備性

1.1 互動功能完備性

1.1.1 內容型素材（漫畫、小說、音頻類除外），落地頁需同時具備可互動的評論、點贊功能【嚴重】

1.2 核心功能完備性

1.2.1 若落地頁包含商品交易卡片，需要具備支付功能

落地頁包含商品交易卡片的case：

1.2.2 若落地頁包含短視頻，需要具備播放/暫停、調節音量（可通過手機音量調節按鈕）、調整進度、全屏播放功能

1.2.3 若落地頁包含音頻，需要具備播放/暫停、調節音量（可通過手機音量調節按鈕）、調整進度功能

1.2.4 若落地頁包含小視頻，需要具備播放/暫停、調節音量（可通過手機音量調節按鈕）功能

2 功能可用性

2.1 功能可用性

2.1.1 每個操作都可關閉或回退至上一步

2.1.2 每個提示（浮窗／彈窗／提示音/權限申請）都可關閉

2.1.3 每個可見功能都能夠操作，不能出現功能無法使用的情況

2.1.4 按鈕觸發後的響應需要和按鈕所表達含義一致

3 功能規範性

3.1.1 登錄後才能消費內容的（即閱讀文章或播放視頻/音頻），提示出現後需可關閉且不影響內容消費

3.1.2 授權後才能消費內容的（包括但不限於：地理位置、讀取聯繫人、手機信息、讀寫手機存儲、拍照錄音等權限），提示出現後需可關閉且不影響內容消費

3.2 常駐功能

*常駐功能定義：指隨著頁面滾動始終在當前屏幕中顯示的非框架的功能，如懸浮按鈕、底部導航欄）*

3.2.1 常駐功能不可與框架一級功能重複（如：“返回上一頁”、“返回首頁”）

負面case：“返回首頁”懸浮按鈕與信息流場景下左上角框架自帶的“返回首頁”按鈕功能重複

3.2.2 常駐功能不能打斷用戶消費行為（如：“註冊”、“登錄”）

負面case：常駐功能（懸浮按鈕）引導登錄

3.3 導流

3.3.1 不能有向其他智能小程序導流行為【嚴重】

3.3.2 不能有向其他APP導流行為【嚴重】

四、廣告

1 交互樣式

1.1 美觀性

1.1.1 廣告位左右居中對齊，無大片留白（留白麵積不超過屏幕的1/5）

1.1.2 如果分發頁面是純資訊內容/漫畫詳情頁/小說詳情頁，正文區域內不能插廣告【嚴重】

1.1.3 如果分發頁面是漫畫/小說的章節聚合頁面

1.1.3.1 若章節列表為橫向排布，只能在漫畫/小說名、簡介、互動按鈕（固定在底bar除外）、閱讀量/熱度、章節列表等與當前漫畫/小說強相關的信息下方插廣告【嚴重】

1.1.3.2 若章節聚合頁為縱向排布，可以在漫畫/小說名、簡介、互動按鈕（固定在底bar除外）、閱讀量/熱度等煙雨當前漫畫/小說強相關的信息下方，章節列表上方，插廣告【嚴重】

1.1.4 如果分發頁面是視頻

1.1.4.1 若往期節目為橫向排布，只能在視頻播放器、標題、簡介、互動按鈕（固定在底bar除外）、播放量/熱度、往期節目聚合等與當前播放視頻強相關的信息下方插入廣告【嚴重】

1.1.4.2 若往期節目為縱向排布，可以在視頻播放器、標題、簡介、互動按鈕（固定在底bar除外）、播放量/熱度等與當前播放視頻強相關的信息下方，往期節目上方，插廣告【嚴重】

1.1.5 非首屏廣告寬要≤1242px，高要≤887px【嚴重】

*正文區域定義：從落地頁的頂bar到文章的最後一句話或一張圖*

百家號文末廣告示例：

1.2 規範性

1.2.1 相關推薦位中插入廣告，廣告尺寸和樣式需要與相關推薦模塊中的內容保持完全一致

1.2.2 廣告位不能遮擋頁面上的操作按鈕或正文內容（半透明也算遮擋）【嚴重】

1.2.3 不含無任何觸發行為的主動彈出廣告【嚴重】

1.2.4 不含懸浮廣告【嚴重】

1.2.5 不含惡意誘導廣告（如捆綁下載、自動下載）【嚴重】

*完全一致定義：內容樣式需要包含廣告樣式。例如，內容樣式包括三圖、大圖、左圖右文，廣告樣式可以為以上任一種；內容樣式只有左圖右文，廣告也只能為左圖右文。且顏色、字體、字號、排版等需要保持完全一致*

負面case：推薦位廣告樣式和相鄰內容樣式不一致，廣告配圖更大且有灰色底色

1.3 誤導性

1.3.1 不能包含誘導用戶點擊的樣式設置，包括但不限於自動彈窗、文字暗示、仿官方場景誤導、通知誤導、按鈕跳動、文字閃爍、抽獎紅包、掃二維碼等

負面case：誘導用戶點擊

1.4 交互性

1.4.1 廣告位全區域可點擊

1.4.2 當落地頁主要內容為視頻或音頻時，播放內容前和播放內容中不能插廣告（如前貼片廣告、暫停頁廣告、播放中廣告）；後貼片廣告需可關閉，且時長≤15s

2 分佈

2.1 數量限制

2.1.1 首屏最多包含1條廣告

2.1.2 非首屏最多包含2條非連續廣告

負面case：非首屏包含兩條連續廣告

2.2 密度限制

2.2.1 列表頁（即相關推薦位）任意2條廣告之間不能少於3條內容

負面case：相關推薦兩條廣告間少於3條內容（圖中只有1條）

2.2.2 若落地頁為小說/漫畫等連續內容，廣告頻率不能過高：

2.2.2.1 每章節小說/每篇漫畫最多不能超過1個廣告

2.2.2.2 條漫，每兩條廣告中間隔不少於5屏內容

2.2.2.3 頁漫/翻頁小說，每兩條廣告中間內容隔不少於5頁內容

2.2.3 若落地頁為小視頻內容：當廣告單獨佔用一屏時(如下圖)，兩條廣告時間，不能少於10條內容

閱讀更多 康建枝 的文章

關鍵字: 小說 設計 樣式