כדי להקל על העומס הקוגניטיבי של המשתמשים, שילוב של איורים ורכיבים ויזואליים עשירים בזמן השימוש במפתחות גישה יכול לעזור לכם לשפר את העומס הקוגניטיבי של המשתמשים, לפתח חוויה מעניינת ומובנת יותר.
רכיבי עיצוב
מפתחות גישה מיועדים לשפר את המוצר או השירות הקיים, וצריך להציג אותם בפורמט שהמשתמשים כבר רגילים אליו בפלטפורמה.
לדוגמה, אם השירות שלך משתמש במודעות מעברון כדי להעביר עדכונים למשתמשים, בדומה לאופן שבו חשבונות Google מציגים למשתמשים מפתחות גישה בזמן הכניסה, כדאי להשתמש בפורמט מעברון כדי להציג מפתחות גישה.
![דף הנחיתה של TrailBlazer עם כרטיס בשם 'כניסה מהירה יותר עם מפתחות גישה'](https://developers-dot-devsite-v2-prod.appspot.com/static/identity/passkeys/ux/user-interface-design/images/trailblazer-landing-page.png?authuser=1&hl=he)
לחלופין, אם הפלטפורמה בדרך כלל מודיעה למשתמשים על שינויים בחשבון באמצעות חלונות קופצים, סרגלי התראות או סגנונות אחרים של התראות, כדאי להשתמש בשיטות המוכרות האלה לשליחת התראות כדי להכיר את הרעיון של מפתחות גישה. הגישה הזו מבטיחה חוויה עקבית וידידותית למשתמש כשמשיקים את התכונה החדשה של מפתחות הגישה.
![חלון קופץ שמציע למשתמש להשתמש במפתחות גישה לסיסמאות מהירות ובטוחות יותר.](https://developers-dot-devsite-v2-prod.appspot.com/static/identity/passkeys/ux/user-interface-design/images/passkey-pop-up.png?authuser=1&hl=he)
יצירת הנחיה לתיאור מפתח גישה
לפעולות שקשורות למפתחות גישה, במקום רק לחצנים עם קריאה לפעולה, כדאי ליצור הנחיות תיאוריות עשירות שיכולות להעביר מידע נוסף למשתמשים. הן יכולות לכלול איורים, כותרת, מסרים וקריאה לפעולה.
לדוגמה, כדי ליצור מפתח גישה לחשבונות Google, במקום רק הלחצן 'יצירת מפתח גישה' יש מודעת מעברון עם קריאה לפעולה 'לפשט את הכניסה לחשבון', הסבר קצר על מפתחות הגישה ואיור שכולל את סמל מפתח הגישה ושיטות שונות לביטול הנעילה של מסך המכשיר.
![צילום מסך של דף חשבונות Google עם אפשרות לקבלת הודעות עבור מפתחות גישה.](https://developers-dot-devsite-v2-prod.appspot.com/static/identity/passkeys/ux/user-interface-design/images/passkey-creation-page.png?authuser=1&hl=he)
שימוש בסמל מפתח הגישה הקנוני
צוות FIDO יצר סמל של מפתח גישה שצריך להשתמש בו כדי לייצג מפתחות גישה. שימוש עקבי במפתחות הגישה יעזור למשתמשים לזהות מפתחות גישה, ולפשט את הפעולות שקשורות למפתחות הגישה.
![הסמל של מפתח הגישה הקנוני.](https://developers-dot-devsite-v2-prod.appspot.com/static/identity/passkeys/ux/user-interface-design/images/canonical-passkey-icon.png?authuser=1&hl=he)
צריך להשתמש בסמל של מפתחות הגישה בממשק המשתמש:
- לייצג את הקונספט של מפתח הגישה בתהליך ההצטרפות או הודעות אחרות שיעודדו את המשתמשים ליצור מפתחות גישה או לשדרג למפתח גישה כדי להיכנס לחשבון בצורה מאובטחת יותר.
- בלחצנים או בקישורים שמאפשרים למשתמשים להיכנס לחשבון באמצעות מפתח גישה.
- עזרה בזיהוי מפתחות גישה שאפשר לערוך או למחוק בהגדרות.
אפשר לשנות את צבע הסמל כדי שיתאים לערכת הצבעים של המוצר, המותג או ממשק המשתמש.
הצגת 'כרטיסי מפתחות גישה' בהגדרות החשבון
בניגוד לסיסמאות, שהן שילובים מוחשיים של אותיות, מספרים וסמלים, מפתחות הגישה בדרך כלל לא גלויים לאנשים. בהגדרות החשבון, עליכם להקדיש מקום לכרטיס מפתח הגישה. הכרטיס כולל את סמל מפתח הגישה, מידע על מפתח הגישה, כמו מתי הוא נוצר ואיזו סביבה עסקית, מתי הוא שימש לאחרונה ואפשרויות לניהול מפתח הגישה. אם למישהו יש שני מפתחות גישה או יותר, לכל מפתח גישה צריך להיות כרטיס משלו.
![צילום מסך של הגדרות מפתח הגישה בדף הגדרות האבטחה של Trailblazer.](https://developers-dot-devsite-v2-prod.appspot.com/static/identity/passkeys/ux/user-interface-design/images/trailblazer-security-settings.png?authuser=1&hl=he)