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

4 評論 41997 瀏覽 30 收藏 14 分鐘

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 協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 如果是用蘋果ID注冊登陸 作為app方 是否會失去對于用戶的抓手? 畢竟看到不少app在接入了apple id登錄后 又加上了手機號的認證

    回復
    1. 那是因為有評論功能的產品被要求實名認證,所以大家都用手機號驗證來作為實名的方式。

      來自陜西 回復
  2. 請問 取消授權登錄,之前在該app的用戶信息,是不是就完全清除了?

    來自北京 回復
    1. 理論上是UnionID還是留在自己數據庫里的,只是登錄的權限被取消了。

      來自陜西 回復