密碼金鑰使用者介面設計

在導入密碼金鑰時結合插圖和豐富的視覺內容，也能減輕使用者的認知負擔，並有助於調整內容，同時讓體驗更引人入勝且更容易理解。

設計元件

密碼金鑰主要用於強化現有產品或服務，建議您使用使用者在您平台上熟悉的格式來介紹這些金鑰。

舉例來說，如果您的服務使用插頁式廣告向使用者傳達更新資訊，就像 Google 帳戶如何在登入時將使用者導向密碼金鑰，請考慮使用插頁式廣告格式導入密碼金鑰。

或者，如果您的平台通常會透過彈出式視窗互動視窗、通知列或其他快訊樣式來通知使用者帳戶變更，則請採用這些熟悉的通知方法導入密碼金鑰的概念。這種做法可確保在您推出新的密碼金鑰功能時，享有一致且容易使用的體驗。

建立描述性的密碼金鑰提示

針對密碼金鑰相關動作，請勿只使用包含行動號召的按鈕，而是要建立豐富的描述性提示，向使用者傳達更多資訊。包括插圖、廣告標題、訊息和行動號召。

舉例來說，建立 Google 帳戶的密碼金鑰時，只有「建立密碼金鑰」按鈕。

使用標準密碼金鑰圖示

FIDO 聯盟建立了用來代表密碼金鑰的密碼金鑰圖示。統一使用密碼有助於使用者辨識密碼金鑰，並簡化密碼金鑰的相關操作。

使用 UI 中的密碼金鑰圖示：

• 在新手上路流程中或其他提示中呈現密碼金鑰概念，藉此鼓勵使用者建立密碼金鑰或升級至密碼金鑰，提升登入安全性。
• 用於讓使用者透過密碼金鑰登入的按鈕或連結。
• 你可以在設定中找出可編輯或刪除的密碼金鑰。

您可以根據產品、品牌或使用者介面的色彩配置變更圖示顏色。

在帳戶設定中顯示「密碼金鑰卡」

密碼金鑰與密碼的組合是字母、數字和符號的具體組合，使用者幾乎看不見密碼金鑰。請在帳戶設定中為密碼金鑰卡預留空間。卡片內有密碼金鑰圖示、密碼金鑰相關資訊，例如建立密碼金鑰的時間和生態系統、上次使用時間，以及密碼金鑰管理選項。如果有人擁有兩個以上的密碼金鑰，每個密碼金鑰都應該有專屬卡片。

下一步

密碼金鑰使用者歷程