百度APP移動(dòng)搜索落地頁(yè)體驗(yàn)白皮書5.0-信息獲取&;頁(yè)面瀏覽規(guī)范
4.搜索落地頁(yè)體驗(yàn)規(guī)范
4.1信息獲取規(guī)范
4.1.1 加載速度
頁(yè)面首屏內(nèi)容應(yīng)在1秒內(nèi)加載完成。
頁(yè)面加載速度是影響用戶搜索體驗(yàn)的一個(gè)重要因素。百度APP對(duì)用戶行為的研究表明,頁(yè)面首屏的加載時(shí)間在1秒以內(nèi)的站點(diǎn)或小程序,用戶的留存率會(huì)越高,更符合用戶對(duì)快捷搜索體驗(yàn)的期待。
4.2頁(yè)面瀏覽規(guī)范
4.2.1 排版布局
4.2.1.1頁(yè)面應(yīng)注意排版精良,段落分明,合理使用不同字號(hào)區(qū)分頁(yè)面的主次信息,圖片、視頻等多媒體資源的位置及尺寸選擇配合頁(yè)面整體布局,保證頁(yè)面整體的美觀度和用戶瀏覽頁(yè)面信息的最佳可讀性。
案例1:
上圖:H5站點(diǎn)頁(yè)面排版差、段落距離不合理影響用戶閱讀
4.2.1.2 首屏主體內(nèi)容必須占屏幕的50%以上。并且主體內(nèi)容應(yīng)位于手機(jī)屏幕的中心位置。
案例1:
上圖:首屏主體內(nèi)容小于50%,廣告等其他內(nèi)容過(guò)多,不符合要求
4.2.1.3展開全文功能:展開全文的設(shè)置必須具有文字標(biāo)示,且功能實(shí)際可用;展開全文功能最多只能出現(xiàn)一次,但不可出現(xiàn)在落地頁(yè)的首屏內(nèi)容中(列表頁(yè)除外);展開全文與廣告等引導(dǎo)性內(nèi)容要設(shè)置一定距離間隔,避免干擾用戶操作。
案例1:
上圖:展開功能無(wú)文字標(biāo)示,且與APP調(diào)起按鈕距離過(guò)近,不符合要求
案例2:
上圖:小程序展開全文按鈕出現(xiàn)在首屏,不符合要求
4.2.1.4 主體內(nèi)容應(yīng)與廣告、相關(guān)推薦等次要內(nèi)容板塊之間有明顯間隔距離或分割線,使用戶獲取信息時(shí)不受任何干擾。
案例1:
上圖:翻頁(yè)功能鍵與廣告之間無(wú)間距,易引發(fā)用戶誤點(diǎn)擊,不符合要求
案例2:
上圖:小程序主體內(nèi)容與廣告之間距離過(guò)近,不符合要求
4.2.1.5 頁(yè)面的導(dǎo)航的功能與位置明確,不能存在點(diǎn)擊導(dǎo)航按鈕后未跳轉(zhuǎn)到對(duì)應(yīng)頁(yè)面的情況,避免用戶使用過(guò)程中被誤導(dǎo)。
4.2.2 字號(hào)間距
落地頁(yè)的字體大小及文本間距的選擇,不可明顯過(guò)大過(guò)小,需適合手機(jī)用戶閱讀。頁(yè)面主體內(nèi)容的字號(hào)應(yīng)不小于10pt,字體與行高的比率應(yīng)大于1.4。
案例1:
上圖:頁(yè)面字體設(shè)置過(guò)小,用戶閱讀體驗(yàn)差
注:小程序整體的頁(yè)面排版布局、字號(hào)選擇、行間距選擇可參考《智能小程序設(shè)計(jì)規(guī)范》。
4.2.3 PC站移動(dòng)適配
移動(dòng)搜索結(jié)果落地頁(yè)必須是移動(dòng)頁(yè)而不是PC頁(yè)。因此,針對(duì)PC站點(diǎn)我們建議:
(1)設(shè)計(jì)搭建與PC站形成對(duì)應(yīng)適配關(guān)系的移動(dòng)站,并積極向百度提供移動(dòng)頁(yè)面及適配關(guān)系;
(2)若網(wǎng)站暫時(shí)沒有搭建移動(dòng)站的計(jì)劃,請(qǐng)將PC站點(diǎn)進(jìn)行自適應(yīng)改造,以便適應(yīng)移動(dòng)瀏覽器的界面,給用戶帶來(lái)良好視覺體驗(yàn)。
案例1:
上圖:PC站點(diǎn)移動(dòng)端用戶瀏覽及交互體驗(yàn)差,不符合要求
4.2.4 頁(yè)面機(jī)型適配
所有開發(fā)者應(yīng)對(duì)資源頁(yè)面做好不同手機(jī)型號(hào)的適配效果,不影響用戶的正常瀏覽使用。其中IOS全面屏手機(jī)底部橫線不可遮擋頁(yè)面的具體功能和內(nèi)容。
案例1:
上圖:左圖為小程序iOS端正確適配案例,右圖為錯(cuò)誤適配案例
4.2.5 落地頁(yè)廣告規(guī)范
4.2.5.1廣告內(nèi)容規(guī)范
落地頁(yè)的廣告內(nèi)容必須遵守《中華人民共和國(guó)廣告法》的規(guī)定要求,如果廣告存在違法內(nèi)容,給用戶帶來(lái)干擾,不論廣告形式、位置和面積是否符合規(guī)范,都會(huì)成為被打擊的對(duì)象。
4.2.5.1.1嚴(yán)禁違禁低俗廣告內(nèi)容
在用戶正常瀏覽頁(yè)面時(shí),違禁低俗廣告無(wú)論是圖片還是文字鏈,都對(duì)用戶產(chǎn)生極大的干擾,百度對(duì)此將嚴(yán)厲打擊。對(duì)違禁低俗廣告(包括但不限于色情、賭博、法律規(guī)定的違禁品或服務(wù))更是從重從嚴(yán)。
案例1:
上圖:禁止低俗色情廣告
案例 2:
上圖:禁止博彩違禁廣告
4.2.5.1.2嚴(yán)禁虛假誘導(dǎo)類廣告內(nèi)容
廣告內(nèi)容禁止使用“國(guó)家級(jí)”、“最高級(jí)”、“最佳”等用語(yǔ),不能夸大效果、虛假承諾,誘導(dǎo)用戶分享,對(duì)于帶有誘導(dǎo)、欺騙、虛假內(nèi)容的廣告,百度會(huì)堅(jiān)決予以打擊。
案例1:
上圖:虛假?gòu)V告
案例2:
上圖:廣告內(nèi)容過(guò)于夸大效果,不符合內(nèi)容規(guī)范
4.2.5.1.3 嚴(yán)禁廣告內(nèi)容侵犯國(guó)家尊嚴(yán)利益、泄露國(guó)家秘密、侵犯?jìng)€(gè)人隱私
案例1:
上圖:上圖廣告內(nèi)容侵犯?jìng)€(gè)人肖像權(quán),不合規(guī)規(guī)范
4.2.5.2 廣告樣式規(guī)范
落地頁(yè)廣告樣式不允許遮擋頁(yè)面主體內(nèi)容及功能,干擾用戶正常的瀏覽體驗(yàn)和搜索需求。
4.2.5.2.1 在落地頁(yè)的任何位置都不允許放置懸浮廣告、彈窗廣告、遮屏廣告等用戶最為抵觸的廣告形式,避免阻礙用戶瀏覽或引起用戶誤操作,無(wú)論任何大小和目的。
案例1:
上圖:頁(yè)面頂部設(shè)置懸浮廣告,底部設(shè)置膠囊懸浮廣告,不符合要求
案例2:
上圖:禁止設(shè)置頁(yè)面底部懸浮廣告
案例3:
上圖:禁止設(shè)置側(cè)面懸浮廣告
案例4:
上圖:禁止設(shè)置彈窗廣告
案例5:
上圖:禁止設(shè)置頁(yè)面遮屏廣告
案例6:
上圖:禁止設(shè)置頁(yè)面低質(zhì)遮屏廣告
4.2.5.2.2 廣告不允許抖動(dòng)、閃動(dòng)、輪播、自動(dòng)播放,干擾用戶瀏覽主體內(nèi)容的視線。
案例1:
上圖:底部輪播APP下載廣告,不符合要求
4.2.5.3 廣告位置以及面積規(guī)范
用戶使用搜索的目的是為了尋找自己需要的服務(wù)和信息,因此不希望看到過(guò)多的廣告。因此開發(fā)者在放置廣告時(shí)總體要求位置合適、廣告面積不可過(guò)大,不能遮擋用戶瀏覽主體信息。廣告與主體內(nèi)容、功能按鈕等模塊之間要有明顯的距離間隔,避免用戶誤點(diǎn)擊。
4.2.5.3.1 落地頁(yè)的首屏頂部允許嵌入不超過(guò)一屏面積10%的優(yōu)質(zhì)廣告,優(yōu)質(zhì)廣告是指廣告面積和內(nèi)容合規(guī)的前提下,形式上有明確廣告標(biāo)識(shí),樣式美觀,視覺體驗(yàn)好,且宣傳內(nèi)容不違反法律法規(guī)要求,不涉及虛假、欺騙信息,值得信賴。
案例1:
上圖:頁(yè)面頂部嵌入廣告面積過(guò)大,不符合要求
案例2:
上圖:小程序頂部嵌入廣告面積過(guò)大,不符合要求
4.2.5.3.2文章內(nèi)容頁(yè)或信息詳情頁(yè),從主體內(nèi)容標(biāo)題開始到正文內(nèi)容結(jié)束前,禁止插入任何形式的廣告。注:文章下方的評(píng)論、分享、推薦等不算作正文內(nèi)容,翻頁(yè)功能區(qū)算作正文。
案例1:
上圖:禁止標(biāo)題與正文之間嵌入廣告
案例2:
上圖:禁止正文中穿插廣告
案例3:
上圖:禁止正文與功能鍵之間放置廣告
4.2.5.3.3 所有H5站點(diǎn)及智能小程序的列表頁(yè)(包括首頁(yè))中,一屏的廣告面積必須小于1/3,且廣告內(nèi)容視覺感知上不能與原生內(nèi)容反差很大。圖片列表頁(yè)中的廣告也會(huì)被計(jì)算為廣告面積。
案例1:
上圖:列表頁(yè)插入廣告面積超過(guò)一屏的1/3,不符合要求
目錄
1.引言
2.信息獲取&頁(yè)面瀏覽規(guī)范
3.交互操作規(guī)范
4.服務(wù)規(guī)范
5.體驗(yàn)算法&相關(guān)文檔
來(lái)源:百度搜索資源平臺(tái) 百度搜索學(xué)堂