百度APP移動搜索落地頁體驗(yàn)白皮書5.0-交互操作規(guī)范
4.3. 交互操作規(guī)范
4.3.1 滑動順暢
為保證搜索用戶瀏覽頁面的便捷性，頁面上下滑動及tab模塊切換等操作需順暢不卡頓。
4.3.2 功能友好
4.3.2.1 用戶可以快速直達(dá)目標(biāo)頁面或使用功能，操作簡易，回退自如，避免繁瑣步驟或重復(fù)點(diǎn)擊等行為。
特別提醒：為給用戶形成統(tǒng)一便捷的用戶體驗(yàn)，百度智能小程序提供的返回功能統(tǒng)一位于頁面左上方，建議不要放置其他位置。
案例1：
如：選擇感興趣的商品，先到達(dá)商品詳情頁，還需要再次點(diǎn)擊才可到達(dá)購買頁，這種造成用戶多余操作的情況是不允許出現(xiàn)的。
錯誤：選擇感興趣的商品——>商品詳情頁（多余操作操作繁雜）——>商品詳情頁，可下單購買
正確：選擇感興趣的商品——>商品詳情頁，可直接點(diǎn)擊購買
上圖：購買路徑繁瑣，不符合要求
案例2:
上圖：小程序頁面的返回按鈕位于頁面左上方，回退自如
4.3.2.2 功能設(shè)置要簡單易用，符合用戶操作習(xí)慣，同一功能在同一頁面只能出現(xiàn)一次，不可重復(fù)設(shè)置。具體要求如下：
4.3.2.2.1 功能位置必須固定，不可抖動或閃爍，與頁面其他內(nèi)容模塊（如廣告）要有一定間距，不可重疊，避免用戶誤操作；
4.3.2.2.2 同一頁面上功能按鈕面積不可超過一屏面積的10%；
4.3.2.2.3功能必須實(shí)際可用，操作友好便捷，且實(shí)際功能與文字描述需完全一致，不可出現(xiàn)誘導(dǎo)信息或引導(dǎo)跳轉(zhuǎn)第三方頁面；
4.3.2.2.4 功能可設(shè)置成嵌入樣式也可設(shè)置成懸浮樣式，但設(shè)置懸浮功能時要注意面積不能過大，不可遮擋用戶瀏覽頁面內(nèi)容或進(jìn)行其他功能操作。
案例1：
上圖：功能按鈕未放置在底部，不符合用戶習(xí)慣
案例2：
上圖：功能按鈕抖動，不符合要求
4.3.2.3 咨詢類功能在當(dāng)前頁只能出現(xiàn)一次，且位置不允許出現(xiàn)在頂部；在用戶未主動點(diǎn)擊的情況下，咨詢的對話窗口不可自動彈出；咨詢按鈕可在底部或側(cè)面懸浮，但面積不宜過大干擾用戶瀏覽。
案例1：
上圖：咨詢功能自動彈窗且與底部的咨詢按鈕重復(fù)，不符合要求
案例2：
上圖：咨詢功能懸浮在頁面底部，面積小于一屏10%，符合規(guī)范
案例3：
上圖：咨詢功能懸浮在頁面右側(cè)，面積較小，符合規(guī)范
4.3.3 操作便捷化
落地頁的交互操作應(yīng)符合用戶日常使用習(xí)慣，簡單方便。
4.3.3.1 頁面的文本內(nèi)容應(yīng)支持長按可復(fù)制，鏈接可點(diǎn)擊。
案例1：
上圖：文字長按可調(diào)起復(fù)制，符合要求
4.3.3.2 詳情頁的主體內(nèi)容在包含圖片的情況下，圖片應(yīng)支持點(diǎn)擊調(diào)起查看大圖，點(diǎn)擊返回，雙指按捏放大縮小功能使用自如，在有多張圖片的情況下，手勢支持左右滑動，自由切換圖片。
案例1：
上圖：圖片可點(diǎn)擊查看并退回，雙指按捏進(jìn)行縮放，左右滑動進(jìn)行圖片切換
4.3.3.3視頻播放時，進(jìn)度條應(yīng)可被拖拽；視頻可以全屏播放，豎屏視頻在全屏播放時，應(yīng)保持豎屏模式的全屏播放；視頻不可出現(xiàn)抖動、顫抖、卡頓多次的情況，避免傷害用戶體驗(yàn)。
案例1：
上圖：小程序中的豎屏視頻全屏不支持豎屏播放，用戶觀看體驗(yàn)差
4.3.3.4 音頻播放時，進(jìn)度條可以被拖拽。歌詞需要與歌曲有映射關(guān)系，保持同步。
案例1：
上圖：音頻進(jìn)度條不可拖拽
4.3.3.5用戶在H5站或智能小程序內(nèi)有地點(diǎn)查詢等需求時，應(yīng)支持用戶使用地圖查看地點(diǎn)，獲取地點(diǎn)周邊信息、調(diào)起主流地圖進(jìn)行路線規(guī)劃和目的地導(dǎo)航。
4.3.3.6 用戶高頻使用的電話、咨詢、QQ等功能應(yīng)實(shí)現(xiàn)組件化，用戶點(diǎn)擊功能后能快速進(jìn)入溝通交流頁面。如用戶點(diǎn)擊電話，實(shí)現(xiàn)電話撥打操作；用戶點(diǎn)擊咨詢功能，可直接進(jìn)入咨詢對話框；用戶點(diǎn)擊QQ，可直接進(jìn)入QQ對話框。
案例1：
上圖：線上咨詢功能點(diǎn)擊后直接進(jìn)入咨詢對話框，符合規(guī)范
注明：當(dāng)前百度智能小程序提供的框架能力可支持文本、圖片、視頻以及音頻等資源交互操作，小程序開發(fā)者可自由選用，若開發(fā)者自行設(shè)置多媒體資源的交互能力，需遵守上述規(guī)范。
目錄
1.引言
2.信息獲取&頁面瀏覽規(guī)范
3.交互操作規(guī)范
4.服務(wù)規(guī)范
5.體驗(yàn)算法&相關(guān)文檔
來源：百度搜索資源平臺 百度搜索學(xué)堂
