信息流作為智能小程序獲取流量、凸顯內(nèi)容差異化價值的核心渠道,其落地頁的用戶體驗直接影響用戶留存與轉(zhuǎn)化效果。百度智能小程序官方針對信息流落地頁的主流呈現(xiàn)形式,系統(tǒng)梳理并提供了詳盡的體驗指引,旨在通過標(biāo)準(zhǔn)化設(shè)計提升內(nèi)容觸達效率。

遵循體驗優(yōu)化規(guī)范,小程序可實現(xiàn)多重目標(biāo):在用戶體驗層面,實驗數(shù)據(jù)顯示,用戶在信息流連續(xù)瀏覽中,面對未規(guī)范化的落地頁易產(chǎn)生強烈的跳出感與心理不適感。通過本文指引落地頁的樣式與結(jié)構(gòu)設(shè)計,可有效降低用戶的認知負荷,打造流暢一致的瀏覽路徑,進而延長用戶閱讀時長,提升內(nèi)容粘性。在流量獲取層面,符合信息流落地頁體驗規(guī)范的小程序,將獲得平臺優(yōu)先分發(fā)的機會,觸達更多潛在用戶,形成用戶體驗與流量的正向循環(huán)。
長圖文類型的信息流落地頁因內(nèi)容承載豐富,成為信息分發(fā)中最常見的資源形式。其體驗規(guī)范聚焦于結(jié)構(gòu)化布局與視覺一致性:
整體框架結(jié)構(gòu)規(guī)范需遵循固定布局邏輯,從上至下依次為框架區(qū)、標(biāo)題區(qū)、來源區(qū)、正文區(qū)及推薦區(qū)等核心模塊,不可隨意調(diào)整模塊位置。其中,框架、標(biāo)題、來源及正文為必備模塊,其他輔助模塊可根據(jù)內(nèi)容需求靈活插拔,確保用戶對信息結(jié)構(gòu)的認知連貫性,減少因布局混亂引發(fā)的跳出行為。
頂部框架內(nèi)容規(guī)范強調(diào)視覺識別度??蚣芙ㄗh采用默認白色背景,提升標(biāo)題與內(nèi)容的層次感;框架標(biāo)題需完整展示小程序名稱,字數(shù)嚴(yán)格控制在8字以內(nèi),避免因字符截斷導(dǎo)致信息缺失,影響用戶對小程序主體的辨識。
正文內(nèi)容區(qū)規(guī)范對細節(jié)提出精細化要求:標(biāo)題字號統(tǒng)一為72px,行距36px,采用中粗體增強視覺權(quán)重;作者頭像尺寸為105x105px,名稱字號48px(黑色#000000),發(fā)布時間等輔助信息字號36px(灰色#999999),確保信息層級清晰;正文文字字號57px,行距33px,中粗體保障閱讀舒適度;圖片需通欄展示(寬度=屏幕寬度,高度自適應(yīng)),文字與圖片邊距分別為51px與0px,段落間距108px,正文與圖片間距90px,圖片間間距60px,通過標(biāo)準(zhǔn)化間距營造疏密有致的閱讀節(jié)奏。
相關(guān)推薦區(qū)規(guī)范采用左文右圖列表樣式,圖片比例3:2,列表標(biāo)題字號57px(黑色#000000),輔助信息字號36px(灰色#999999)。為降低開發(fā)成本,官方提供“page-feed信息流模板”,支持開發(fā)者快速調(diào)用標(biāo)準(zhǔn)化樣式,實現(xiàn)高效落地頁搭建。
評論區(qū)與互動區(qū)是提升用戶參與度的關(guān)鍵。實驗表明,無評論區(qū)的小程序落地頁用戶接受度顯著降低。官方一站式互動組件涵蓋互動bar、評論列表及詳情頁、數(shù)據(jù)存儲等能力,助力開發(fā)者快速構(gòu)建用戶交流場景,增強內(nèi)容互動生態(tài)。
廣告區(qū)需遵循內(nèi)容分割原則,可在文章末尾及推薦區(qū)插入廣告,但必須與正文保持明顯視覺區(qū)分(如標(biāo)注分割線),推薦區(qū)廣告樣式需與列表樣式對齊,避免干擾用戶閱讀主線內(nèi)容。
視頻類型落地頁憑借動態(tài)視覺優(yōu)勢,在信息流中具有更高的內(nèi)容吸引力,其規(guī)范側(cè)重于播放體驗與結(jié)構(gòu)清晰度:
整體框架結(jié)構(gòu)規(guī)范采用固定布局,自上而下依次為框架區(qū)、視頻播放區(qū)、標(biāo)題區(qū)、輔助信息區(qū)、作者信息區(qū)及推薦區(qū),模塊位置不可變更,其中框架、視頻、標(biāo)題、輔助信息及作者信息為必備模塊,確保用戶對視頻內(nèi)容的瀏覽路徑符合認知習(xí)慣。
頂部框架內(nèi)容規(guī)范與長圖文保持一致:建議使用白色框架(不可透明),標(biāo)題展示小程序名稱且不超過8字,避免框架與視頻內(nèi)容重疊影響觀看體驗。
當(dāng)前視頻區(qū)規(guī)范對播放器尺寸與互動功能提出明確要求:橫向視頻采用16:9比例(video組件),豎向視頻最低高度≥屏幕寬度,最高高度≤屏幕高度的78%,保障視頻在不同設(shè)備上的完整展示;標(biāo)題文字字號57px,行距24px(中粗體,黑色#000000),輔助信息字號36px(灰色#999999),互動按鈕采用全圓角描邊膠囊樣式,提升操作便捷性;作者頭像105x105px,名稱字號48px(黑色#000000),輔助信息字號36px(灰色#999999),與名稱間距21px,強化創(chuàng)作者身份認同。
相關(guān)推薦區(qū)規(guī)范支持大圖或左文右圖兩種樣式,視頻封面尺寸統(tǒng)一為16:9,列表標(biāo)題字號51px(黑色#000000),輔助信息字號36px(灰色#999999),同樣可通過“page-feed信息流模板”快速實現(xiàn)。
評論區(qū)與廣告區(qū)規(guī)范與長圖文落地頁保持邏輯一致,需設(shè)置評論區(qū)提升用戶互動,廣告插入需明確分割且樣式對齊,保障內(nèi)容主次分明。
為降低開發(fā)者體驗優(yōu)化門檻,官方構(gòu)建了多維供給體系,涵蓋四種開發(fā)方式:
- 規(guī)范文檔:提供詳細設(shè)計標(biāo)準(zhǔn),支持高度定制化開發(fā),但成本較高;
- 圖文詳情頁模板:內(nèi)置符合體驗規(guī)范的樣式,通過開發(fā)者工具半自動調(diào)用,平衡開發(fā)效率與定制需求;
- 信息流統(tǒng)一模板:通過平臺授權(quán)配置生成標(biāo)準(zhǔn)化模板,實現(xiàn)全自動落地頁搭建,開發(fā)成本低;
- 發(fā)文工具:支持內(nèi)容管理平臺編輯后發(fā)布,內(nèi)容自動符合體驗規(guī)范,且獲得信息流高權(quán)重分發(fā),需達到質(zhì)量準(zhǔn)入標(biāo)準(zhǔn)。
開發(fā)者可根據(jù)自身定制能力、開發(fā)成本及運營需求,選擇最優(yōu)方案實現(xiàn)落地頁體驗升級。