"解析新第三方登錄方式——蘋果登錄「Sign in with Apple」"

Apple登錄,指的就是通過Apple ID登錄第三方應用與網站,那麼它究竟是如何實現與設計的呢?本文將展開詳細的分析說明。

隨著當時 iOS13 的發佈,蘋果亮相了一項新的功能,那就是「通過 Apple 登錄」(Sign in with Apple) 。

現在,蘋果的APP都需要在第三方登錄這裡接入「 Apple 登錄」(Sign in with Apple),這篇文章給大家解析說明下蘋果登錄是什麼,以及如何實現和設計的問題,接下來帶大家一起來看看,希望能給產品和設計的朋友提供參考。

本文大綱:

本文將會以下麵幾點來讓你更加瞭解「Sign in with Apple」:

一、什麼是「Sign in with Apple」?

二、Apple登錄操作與使用

三、如何取消「賬號授權」?

四、產品接入「Sign in with Apple」

五、「Sign in with Apple」按鈕設計規範

一、什麼是「Sign in with Apple」?

使用「通過Apple登錄」的功能,這樣我們就可以直接通過Apple ID,去登錄第三方App或者網站了。

通過面部識別ID和觸控ID快速驗證身份就好,其實就是和目前我們經常使用的微信、微博、QQ等「快速登錄」方式類似,通過Apple ID登錄來更好地保護我們的隱私安全。

官方要求所有使用 第三方登錄 的 App,都 必須接入Sign in with Apple。

就像官方說的,使用 Apple 賬號登錄,App 只能獲得我們的郵件地址和姓名。

甚至,我們可以不讓 App 獲得我們的真實郵箱地址,而是隨機生成一個隱藏式的郵箱地址讓其登錄。

Apple 登錄的作用

1)尊重隱私

用戶保護用戶隱私的【Sign in with apple】登陸項,也被IOS審核納入了新的條例中。通過蘋果在發佈會上的描述,使用Apple登錄可以向開發者隱藏自己的真實郵件,讓iOS生成一個偽造的隨機電子郵件地址,防止收到垃圾郵件。開發者的郵件通知會通過蘋果隨機提供的郵件地址轉發到你的郵件地址。

2)內置安全性

可以驗證身份的安全性,在蘋果設備上能夠提供雙重保障,對用戶來說蘋果的安全性是值得信賴的。

3)處處可用

連接各種登錄客戶端口,如常用的手機App端、網頁web端,還有watch OS等。

4)反欺詐

可以通過“Apple 登錄“讓你知道對方賬戶是真人還是需要檢查的賬戶,這是一種設備端的機器學習功能。

二、Apple 登錄操作與使用

登錄演示:

1. App端-蘋果登錄

在使用「訊飛輸入法」時,登錄的時候發現可以選擇第三方的蘋果方式登錄了。

選擇「Apple」後,會彈出一個類似在 App Store 中下載應用的提示框。

重要的是名稱是可以自己編輯的,編輯完成後,點擊「繼續」進入下一步。

之後,它會要求用戶進行 Face ID/Touch ID 驗證。驗證成功之後就可以登錄了。

在App Store應用商店的軟件更新里,可以發現有部分應用已經在近期支持了Apple ID這種登錄方式,

我其中的產品包括訊飛輸入法、滴滴、喜馬拉雅、懶飯等。

2. Web端-蘋果登錄

選擇「蘋果登錄」後,直接跳轉https://appleid.apple.com去輸入你的「Apple ID」,之後驗證無誤即可登錄。

使用中產品包括堅果雲、有道雲筆記等。

實際案例:訊飛輸入法、有道雲筆記、、喜馬拉雅、老司機、有道雲、懶飯。

三、如何取消賬號授權?

當我們授權給了這些APP之後,怎麼管理和取消這些授權呢?如果你擔心賬戶的安全問題或者不想要登錄某些應用了,那要取消操作也是非常簡單的。

第一步:點擊手機中的「設置」,點擊你的「Apple賬戶」,然後接著點擊進入「密碼與安全性」。

將會看到一個選項,叫「使用您的 Apple ID 的 App」,點擊進入,將會看到已經授權登錄的APP應用列表們。(比如這裡有個「抖音短視頻」)

選擇你想要取消授權的APP應用,如點擊這個應用,會進入到詳情頁面,可以看到有「停止使用 Apple ID」的按鈕,點擊即可取消授權。

四、產品接入「Sign in with Apple」

接入「Sign in with Apple」雖然在iOS的新規中是要求所有使用第三方登錄的應用,都要遵守,但是符合以下條件的 App,可以不接入:

  1. 使用自建賬戶和登錄系統;
  2. 要求用戶使用現有的教育或企業賬戶登錄的教育、企業或商業類應用;
  3. 使用政府或行業支持的公民身份識別系統或電子 ID 來驗證用戶;
  4. 應用特定於第三方服務,用戶需要使用郵箱、社交媒體或其它第三方賬戶才能訪問其內容的應用。

現在對於新上架的應用,支持第三方登錄方式的都基本要接入,不接入的話是會蘋果所被拒絕的。

在產品設計項目里,想要接入這個功能,需要有「入口」——「授權請求」——「驗證」——「驗證結果」——「處理變更」五個流程步驟。

接入這個功能要考慮的跟用戶端操作需求是匹配的,首先新增入口,用戶點擊反饋授權請求,進行驗證用戶數據,回調代理,發送驗證,服務端會返回驗證的結果,最終成功登錄(或者失敗處理)。

授權的操作過程有兩步:

  1. Apple ID授權;
  2. 蘋果的雙重驗證。

回調數據分為:

  • User ID——蘋果用戶唯一標識
  • 驗證數據: Identity token, code驗證數據
  • 蘋果用戶基礎信息返回
  • Real user indicator用於判斷當前登錄的蘋果賬號是否是一個真實用戶,取值有:unsupported、unknown、likelyReal

如果想要瞭解其他第三方登錄方式的接入問題可以自行搜索,以上為參考方法。

五、「Sign in with Apple」按鈕設計規範

在蘋果官方描述里就有詳細的「Sign in with Apple」按鈕規範,這裡簡單來說說設計需要避開的坑和註意的事項。

1. 按鈕的提示語

按鈕的提示語需要註意的是Apple官方有提供以下三種,需要在其中選擇最適合你產品體驗的術語,並且在其他界面中統一使用:

WatchOS上系統提供了一個標題是:「登錄」

2. 按鈕的樣式

根據平臺的不同,系統提供最多3個選項來顯示“Sign in with Apple”按鈕:分別是白色,帶輪廓的白色和黑色按鈕。

白色:(建議在足夠對比度的背景或者彩色暗色背景下使用)。

帶輪廓的白色:(可適用在白色或者淺色背景下,避免在深色背景使用)。

黑色:(建議在白色或淺色背景下使用,請勿在黑色深色背景下使用)

3. 按鈕樣式

創建自定義登錄的時候,需要顯示左對齊的Apple圖標,或者僅顯示Apple的標識的登錄按鈕。

Apple圖標傳送門:https://developer.apple.com/design/resources/

使用系統標題:「Sign in with Apple」, 「Sign up with Apple」, 或 「Continue with Apple」。

保留標題的大寫樣式:按鈕標題的所有變體都將第一個單詞大寫(即Sign或Continue)和Apple;所有其他字母均為小寫。例如,不要通過大寫標題中的每個字母來更改此樣式。

使標題和徽標在按鈕內垂直對齊:為此,將標題垂直對齊按鈕的中間,然後添加徽標圖像,確保其高度與按鈕的高度匹配。由於徽標圖像包括頂部和底部填充,因此在按鈕中垂直對齊標題可確保標題,徽標和按鈕保持正確對齊。

4. 蘋果登錄需要註意的點

  • 按鈕規範問題
  • 標識使用問題

按鈕規範問題:

(1)最小邊距規範

在iOS,macOS和Web頁面中,保持最小按鈕尺寸和按鈕周圍的邊距,下麵數值可以參考:

如下圖所示:

(2)按鈕尺寸和圓角角半徑3種方式

標識使用問題:

  • 切勿單獨使用Apple圖標作為按鈕。
  • 使Apple圖標文件的高度與按鈕的高度匹配。
  • 不要裁剪圖標文件。
  • 不要添加漸變填充。
  • 不要在圖標文件中使用自定義顏色。

總結

如果你已經註冊過的應用支持了Apple登錄,也只需要在應用的賬號設置綁定Apple ID就可以使用Apple登錄了。

不過就目前發現的應用來看,支持Apple登錄還是很少的,希望開發者們可以儘快的更新這個功能。在國內幾乎都是「微信」「QQ」「微博」等快捷登錄為主,現在註冊登錄更多綁定了手機號登錄,那麼「Sign in with Apple」的加入,能夠為App登錄帶來多少衝擊呢,能否在第三方登錄方式占據一席之地,你會怎麼看?

以上是個人的學習、理解與解析,歡迎有不同想法和補充。

相關鏈接:https://developer.apple.com/design/human-interface-guidelines/sign-in-with-apple/overview/introduction/

#專欄作家#

JaylonG(微信號JJ865477301),人人都是產品經理專欄作家。一枚擅長用產品思維看問題,用邏輯思維做分析,用情感體驗做設計的產品愛好者。愛好廣泛,歡迎交流,拒絕水友。

本文原創發佈於人人都是產品經理。未經許可,禁止轉載。

題圖來自 Unsplash ,基於 CC0 協議

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *