昨天,百度搜索資源平臺發布了,將所有搜索落地頁體驗規范分門別類,精準提煉重點幫助開發者快速掌握體驗規范標準!具體包括排版布局、字號間距、展開全文、廣告內容等方面。以下是重點解讀:
一、如何合理展開全文功能?
1、設置展開全文功能的前提
百度搜索用戶研究團隊的用戶調研發現,搜索用戶進入落地頁的訴求是瀏覽頁面全部內容,展開全文功能的設置在一定程度上增加了用戶瀏覽信息的操作成本,因此百度搜索建議對于短小精悍的文章或者問答內容,不必設置展開全文功能增加用戶負擔。針對篇幅較長的文章或問答內容,可以適當設置展開全文功能,整體功能設置要實際可用,友好便捷,用戶點擊后為用戶展開全部相關內容,保障用戶的瀏覽體驗。
2、要有明確的文字指示說明
展開全文作為一種功能,需要用文字向用戶闡明該功能的作用,并給予用戶明確的操作指引,避免因缺乏文字說明給用戶帶來的信息混亂和操作誤導。如圖 1 所示,該頁面的展開全文功能無文字標識,展開全文功能以下箭頭的符號呈現,指向APP引導下載按鈕,容易讓用戶產生只有下載打開APP才能閱讀全文的誤解,對用戶瀏覽信息極不友好。
圖一:展開全文無文字標識
3、展開全文按鈕與其他內容模塊需設置間隔
展開全文功能屬于主體內容的一部分,與廣告、相關推薦等內容模塊之間應設置一定的間隔距離,避免因功能按鈕與引導性內容距離過近導致用戶點擊功能按鈕時誤點擊其他內容,嚴重影響用戶體驗。如圖二所示,展開全文功能與廣告之間距離過近,用戶點擊功能按鈕時極易誤觸廣告,用戶體驗較差。
圖二:展開全文按鈕距離廣告過近
4、展開全文不能出現在首屏
用戶點擊進入落地頁的目的是為了獲取所需的信息內容,因此在落地頁首屏應充分展示主體內容,滿足用戶需求,不應在首屏就出現展開全文功能,提高用戶瀏覽信息的操作成本,不利于用戶的留存和轉化。如圖三所示,展開全文功能按鈕出現在落地頁首屏,主體內容還未得到充分展現,對用戶不夠友好。
圖三:展開全文按鈕出現在首屏
5、全文中展開全文功能只有出現一次
用戶點擊展開全文按鈕,目的是希望點擊后能瀏覽全部信息內容。若用戶在閱讀一篇文章的過程中展開全文按鈕多次出現,既增加了用戶瀏覽成本,也有欺騙用戶的嫌疑。
6、正面參考案例
深度剖析了設置展開全文功能的五條主要要求,接下來為各位開發者介紹設置展開全文功能的正確示范案例,如圖四所示,兩個示例都是在用戶滑動首屏之后才出現展開全文功能,有明確的文字標識『展開全文』,功能按鈕與熱門推薦、廣告等內容模塊之間有明顯的距離和分割線,用戶不會誤點擊,整體體驗良好。建議開發者可參考案例進行展開全文功能的設置。
圖四:正確示例
展開全文功能的設置是頁面排版布局中的重要一環,合理設置展開全文功能按鈕有助于提升用戶瀏覽體驗,贏得更多的用戶喜愛加權分值,各位開發者要重視這寶貴的經驗tips噢!
二、內容模塊之間為何要設置合理間隔?
1、內容模塊之間設置分割線的重要性
用戶點擊搜索結果頁進入落地頁時,對頁面信息的呈現方式一無所知。為了保障頁面主體信息的最佳可讀性,頁面整體的排版布局設計要注重區分信息層級,凸顯頁面主要內容,幫助用戶快速甄別主次信息,找到所需。不同內容模塊之間設置分割線是區分信息層級的有效呈現方式。
2、主體內容與次要內容模塊需設置間隔線
在內容詳情頁,除了頁面主體內容以外,還包括評論、廣告、相關推薦等內容模塊,在當前頁面,與主體內容相比,評論、廣告、相關推薦等內容屬于次要信息,使用分割線區分信息層級能幫助用戶意識到主體內容已結束,避免用戶在滑動瀏覽主體內容過程中因無明顯分隔線提示而誤點其他內容。
如圖一所示,左側案例中正文與廣告之間沒有任何間隔,融為一體,用戶在滑動瀏覽信息的過程中易將廣告誤當成主體內容造成誤點擊,用戶體驗較差。右側案例中正文結束后有評論、點贊等互動按鈕,并且與底部廣告之間有明顯分界線,讓用戶能快速區分正文和廣告,意識到正文已完結。
圖一:正反示例對比
3、功能鍵與次要內容模塊之間需設置明顯間隔
百度搜索發現不少開發者對于篇幅較長的文章會設置翻頁、展開全文等功能,功能鍵屬于頁面主體內容的一部分,功能鍵與其他次要內容模塊(如廣告、相關推薦等)也需設置明顯間隔,避免用戶在操作功能時誤點擊其他內容。如圖二所示,該頁面的翻頁功能鍵與廣告之間距離過近,用戶點擊翻頁時很容易誤觸廣告,給用戶帶來不良的瀏覽感受。
圖二:翻頁鍵與廣告距離過近
4、參考案例
問題來了,講了這么多規范細節,頁面內容模塊之間如何設置間隔距離對用戶最為友好呢?下面給大家提供優質案例供大家參考。
參考案例1:正文結束后放置版權信息、責任歸屬或者點贊評等功能,與廣告內容隔開,提示用戶正文已結束
參考案例2:正文與廣告之間用分割線隔開,避免用戶誤點擊 參考案例3:翻頁功能鍵做成按鈕形式并且與廣告有一定間隔距離 參考案例4:展開全文功能有明顯文字標識,與廣告之間設置分割線
細節決定成敗,內容模塊之間設置間隔是頁面排版布局不可或缺的細節,能幫助用戶快速獲取頁面核心信息,不被其他次要內容干擾,對提升用戶的頁面瀏覽體驗,贏得更多的用戶青睞非常重要。
三、什么樣的頂部嵌入廣告符合體驗標準?
1、廣告樣式規范:
當前落地頁首屏頂部嵌入優質廣告支持單圖橫幅樣式或圖文樣式兩種,廣告位上需設置明顯的【廣告】字樣標識。
I.單圖橫幅樣式
圖片素材尺寸:像素不得低于580*90
圖片素材比例:20:3
圖片素材個數:單圖
圖片完整度:單圖需表達完整,不可以出現截斷情況圖文樣式
圖片素材尺寸:像素不得低于300*200、280*210、480*270
圖片素材比例:3:2、4:3、16:9
圖片素材個數:單圖
文字大?。?2px-19px
文字字數:title不超過 20 個字
2、廣告內容規范
優質廣告的文案描述要求簡潔明確,宣傳符合產品實際,不可設置虛假、欺騙性廣告用語:
(1)禁止保留聯系方式,如電話號碼、微信號、QQ號等
負面案例:價格面談,歡迎加V:156xxxx7717 咨詢
(2)禁止語句歧義、誘導分享、銷售量描述、夸大效果、虛假承諾的文案
負面案例: 在家打字月賺千萬、零風險、點擊有驚喜、國家級、最佳等
(3)禁止負面詞匯、挑釁、命令、誓言、道歉、威脅用戶語氣的文案;
負面案例 :敢不敢、竟然買不起、不買不是男人、不看后悔等
3、廣告圖片規范
廣告圖片整體要求高清可看,內容清晰可辨,色彩明暗適中,與頁面整體搭配協調統一,讓用戶享有高級的視覺享受。
(1)禁止圖片涉及個人形象隱私(包括政治名人和文化名人形象),如證件照、大頭照、正面照等(醫療類廣告更不能涉及醫患形象)
負面案例:泄露個人肖像及身份隱私
(2)禁止圖片涉及損害國家安全利益、危害社會穩定的內容,如民族、性別、宗教歧視,暴力血腥行為,國家政治機關或人物形象;
負面案例:圖片畫面過于血腥,易引起用戶反感
(3)禁止設置涉及低俗或性暗示等少兒不宜的圖片
負面案例:圖片突出女性身體隱私部位
(4)禁止廣告圖片出現水印、二維碼、條形碼、網址、聯系方式等內容
負面案例:圖片包含大量水印
(5)禁止使用截圖、純文字圖、單調紋理圖以及包含大量文字、表格、單據的圖片(如書信、excel表、word文檔、各類單據等)
負面案例:圖片中覆蓋大量文字,不夠美觀
4、正面參考案例
了解落地頁首屏頂部嵌入優質廣告的標準規范后,接下來給大家介紹兩個正面示例,供大家參考學習:
優質示例1:該廣告為單圖橫幅樣式,有廣告標識,面積合規、樣式美觀,視覺體驗好
優質案例2:該廣告為圖文樣式,有廣告標識,面積合規,宣傳內容準確清晰,視覺與頁面協調
百度搜索致力與廣大開發者攜手共建健康、正向的搜索環境,高質量的廣告形態不僅有助于凈化頁面,提升用戶頁面瀏覽體驗,也更容易吸引用戶的注意力和青睞,實現用戶轉化。 |