百度智能小程序 登錄能力

2020-08-28 15:56 更新

如何使用小程序登錄能力

為幫助開發(fā)者更好地運營用戶,智能小程序團隊推出了官方登錄組件。當(dāng)開發(fā)者使用官方登錄能力后,可方便地獲取百度提供的登錄用戶身份標(biāo)識狀態(tài)及相應(yīng)用戶信息,實現(xiàn)賬戶信息的打通和各業(yè)務(wù)間的聯(lián)動,從而幫助開發(fā)者快速建立小程序內(nèi)的用戶體系,更便捷地運營用戶。

一、觸發(fā)登錄的入口

開發(fā)者選擇合適的場景,進行用戶登錄引導(dǎo)

  1. 全頁功能觸發(fā):頁面中的所有內(nèi)容均需要登錄才能瀏覽/操作;
  2. 局部功能模塊觸發(fā):頁面中的部分內(nèi)容模塊,需要登錄才能瀏覽/操作;
  3. 個人中心觸發(fā):在個人中心場景下,由未登錄頭像、按鈕、說明文案組合構(gòu)成。

示例1:我的收藏(全頁功能觸發(fā))

示例2:購物車(局部功能模塊觸發(fā))

示例3:個人中心觸發(fā)

設(shè)計全頁/局部模塊的登錄引導(dǎo)時,建議圍繞當(dāng)前場景,配置相應(yīng)的圖標(biāo)和文案說明、登錄入口

示例1:我關(guān)注的人、我的評論等全頁登錄引導(dǎo)場景按不同的場景配置了不同的功能圖標(biāo)和登錄說明引導(dǎo)文案;示例2:使用局部功能模塊登錄引導(dǎo)時,可適當(dāng)展現(xiàn)更多推薦內(nèi)容。

二、選擇登錄的交互流程

1. 百度授權(quán)登錄按鈕/文字鏈:一步完成,用戶步長最短;點擊后直接觸發(fā)授權(quán)彈窗
2. 登錄中間頁:統(tǒng)一多場景的登錄體驗,更大設(shè)計空間;點擊頁面內(nèi)的“百度授權(quán)登錄”按鈕,觸發(fā)授權(quán)彈窗

示例1:點擊登錄按鈕,觸發(fā)登錄授權(quán)。

示例2:從登錄中間頁觸發(fā)登錄授權(quán)。

1. 百度授權(quán)登錄按鈕/文字鏈

在百度 APP 中,配合“百度用戶授權(quán)登錄”文案的按鈕/文字鏈,體現(xiàn)官方權(quán)威感,增強用戶信任;如展示空間較小,也可以直接使用“授權(quán)登錄”文案的按鈕/文字鏈。



建議直接使用 百度授權(quán)登錄按鈕 (1) ,也可根據(jù)自身品牌進行樣式自定義(2)。


2. 登錄中間頁

小程序登錄流程中,如需用戶多次授權(quán),建議使用登錄中間頁,提高頁面穩(wěn)定性。



正確

如需手機號和公開信息授權(quán),建議從登錄中間頁觸發(fā)。

錯誤

用戶剛進入小程序,自動連續(xù)彈出手機號和公開信息授權(quán)彈窗。



設(shè)計登錄中間頁的要素與彈窗相似,應(yīng)體現(xiàn)品牌、登錄說明引導(dǎo)文案和授權(quán)登錄按鈕。中間頁有更大的展示空間,使用此形式時可考慮進行放置相關(guān)內(nèi)容或品牌擴展。


1. 品牌圖片區(qū):建議小程序頭像尺寸180px-219px;圖片體現(xiàn)小程序品牌屬性或符合當(dāng)前應(yīng)用場景;2. 登錄說明引導(dǎo)文案:可說明登錄后能使用的功能/服務(wù)/優(yōu)惠;3. 授權(quán)登錄按鈕:登錄按鈕支持自定義,在百度APP中,建議使用 “百度授權(quán)登錄” 按鈕文案 。



三、避免以下體驗不佳的情況

1. 違反功能實現(xiàn)規(guī)范

說明:小程序頁面頂部、中間、底部等所有的分類導(dǎo)航按鈕,點擊后均應(yīng)該跳轉(zhuǎn)對應(yīng)的二級頁面

錯誤

切換底部導(dǎo)航TAB時,調(diào)起授權(quán)面板。

錯誤

切換底部導(dǎo)航TAB時,調(diào)起登錄彈窗。

錯誤

切換底部導(dǎo)航TAB時,在當(dāng)前頁面調(diào)起登錄中間頁。

說明:跳出彈窗時,用戶可選擇接受或拒絕,不允許出現(xiàn)彈窗無法關(guān)閉的情況

正確

用戶可以選擇登錄,也可以不登錄。

錯誤

不允許出現(xiàn)彈窗無法關(guān)閉的情況。

說明:各個功能的排版、樣式、位置要合理,確保用戶在任何場景下都可以迅速找到該功能

正確

保證可讀性的前提下,通過適當(dāng)?shù)念伾钆漭o助品牌定位。

錯誤

按鈕可讀性差(1),請不要使用警示色(2)或置灰色(3)。

2. 違反不妨礙用戶規(guī)范

說明:不允許頻繁多次跳出不必要的獲取定位、手機號等獲取用戶權(quán)限或其他廣告彈窗

  1. 用戶剛進入小程序就強制用戶登錄,若用戶未同意,就無法使用小程序;
  2. 用戶剛進入小程序就彈窗強提醒用戶登錄,若用戶未同意,就無法使用小程序;
  3. 用戶拒絕授權(quán)登錄或未主動觸發(fā)登錄授權(quán)流程,雖可繼續(xù)使用小程序,但是在用戶接下來的使用中仍頻繁要求用戶登錄。

錯誤

不登錄無法看到任何內(nèi)容。

錯誤

進入首頁就強制彈窗要求登錄。

說明:不允許在用戶主要路徑放置不可關(guān)閉的懸浮組件,干擾用戶瀏覽體驗

錯誤

在小程序首頁放置不可關(guān)閉的浮層、懸浮按鈕,影響閱讀體驗。

3. 不符合百度核心能力接入要求

錯誤

未使用小程序授權(quán)能力登錄。

錯誤

刻意弱化小程序授權(quán)能力登錄。

四、體驗資產(chǎn)

你可以通過智能小程序提供的示例模板,優(yōu)雅快速地接入最新登錄能力。小程序登錄中間頁調(diào)用說明: 查看開發(fā)文檔 。

模板1:默認(rèn)登錄頁

模板2:品牌圖片登錄頁

模板3:功能前置登錄頁

模板4:沉浸式登錄頁


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號