إنّ تضمين الصور التوضيحية والعناصر المرئية الغنيّة بالمعلومات عند تقديم مفاتيح المرور يمكن أن يساعد أيضًا في تخفيف العبء المعرفي للمستخدمين، ودعم المحتوى، ما يجعل تجربة المستخدم أكثر جذبًا ووضوحًا.
مكونات التصميم
تهدف مفاتيح المرور إلى تحسين منتجك أو خدمتك الحالية، وعليك تقديمها باستخدام تنسيق اعتاد عليه المستخدمون على منصتك.
على سبيل المثال، إذا كانت خدمتك تستخدم الإعلانات البينية لنقل التعديلات إلى المستخدمين، تمامًا بالطريقة التي تعرِّف بها حسابات Google المستخدمين بمفاتيح المرور أثناء تسجيل الدخول، يمكنك استخدام تنسيق بيني لتقديم مفاتيح المرور.
![صفحة TrailBlazer المقصودة مع بطاقة بعنوان "تسجيل الدخول بشكل أسرع باستخدام مفاتيح المرور"](https://developers-dot-devsite-v2-prod.appspot.com/static/identity/passkeys/ux/user-interface-design/images/trailblazer-landing-page.png?authuser=6&hl=ar)
بدلاً من ذلك، إذا كان منصّتك تُعلِم المستخدمين عادةً بالتغييرات التي تطرأ على الحساب من خلال النوافذ المنبثقة أو أشرطة الإشعارات أو غير ذلك من أنماط التنبيهات، يمكنك استخدام أساليب الإشعارات المألوفة هذه لتقديم مفهوم مفاتيح المرور. يضمن هذا النهج توفير تجربة متّسقة وسهلة الاستخدام أثناء طرح ميزة مفتاح المرور الجديدة.
![نافذة منبثقة تتيح للمستخدم استخدام مفاتيح المرور لإنشاء كلمات مرور أسرع وأكثر أمانًا](https://developers-dot-devsite-v2-prod.appspot.com/static/identity/passkeys/ux/user-interface-design/images/passkey-pop-up.png?authuser=6&hl=ar)
إنشاء طلب مفتاح مرور وصفي
بالنسبة إلى الإجراءات المتعلّقة بمفاتيح المرور، بدلاً من استخدام الأزرار التي تتضمّن عبارة تحث المستخدم على اتخاذ إجراء فقط، يمكنك إنشاء طلبات وصفية منسّقة يمكن أن تنقل المزيد من المعلومات إلى المستخدمين. ويمكن أن يشمل ذلك رسومًا توضيحية وعنوانًا ورسالة وعبارة تحث المستخدم على اتخاذ إجراء.
على سبيل المثال، لإنشاء مفتاح مرور لحسابات Google، بدلاً من ذلك، يتوفّر زر "إنشاء مفتاح مرور" فقط هناك إعلان بيني يتضمّن عبارة تحثّ على اتخاذ إجراء من أجل "تبسيط تسجيل الدخول"، وشرح موجز لمفاتيح المرور ورسم توضيحي يتضمّن رمز مفتاح المرور وطرق مختلفة لفتح قفل شاشة الجهاز.
![لقطة شاشة لصفحة "حسابات Google" تتضمّن ميزة المراسلة الخاصة بمفاتيح المرور](https://developers-dot-devsite-v2-prod.appspot.com/static/identity/passkeys/ux/user-interface-design/images/passkey-creation-page.png?authuser=6&hl=ar)
استخدام رمز مفتاح المرور الأساسي
أنشأ تحالف FIDO رمز مفتاح مرور يجب استخدامه عند تمثيل مفاتيح المرور. من خلال استخدام مفاتيح المرور بشكل منتظم، يمكن للمستخدمين التعرّف على مفاتيح المرور وتبسيط الإجراءات المرتبطة بها.
![رمز مفتاح المرور الأساسي](https://developers-dot-devsite-v2-prod.appspot.com/static/identity/passkeys/ux/user-interface-design/images/canonical-passkey-icon.png?authuser=6&hl=ar)
استخدِم رمز مفاتيح المرور في واجهة المستخدم:
- لتمثيل مفهوم مفتاح المرور في عملية الإعداد أو طلبات أخرى لتشجيع المستخدمين على إنشاء مفاتيح مرور أو الترقية إلى مفتاح مرور لتسجيل الدخول بطريقة أكثر أمانًا
- في الأزرار أو الروابط التي تسمح للمستخدمين بتسجيل الدخول باستخدام مفتاح مرور
- ضمن الإعدادات للمساعدة في تحديد مفاتيح المرور التي يمكن تعديلها أو حذفها.
يمكن تغيير لون الرمز ليطابق نظام ألوان المنتج أو العلامة التجارية أو واجهة المستخدم.
عرض "بطاقات مفاتيح المرور" ضمن إعدادات الحساب
على عكس كلمات المرور التي هي عبارة عن مجموعات ملموسة من الأحرف والأرقام والرموز، تكون مفاتيح المرور غير مرئية إلى حد كبير للمستخدمين. خصِّص مساحة لبطاقة مفاتيح المرور في إعدادات الحساب تتضمّن البطاقة رمز مفتاح المرور، ومعلومات حول مفتاح المرور، مثل وقت إنشائه والنظام الشامل الذي تم إنشاؤه عليه وآخر مرة تم استخدامه فيها وخيارات لإدارة مفتاح المرور. إذا كان لدى مستخدم آخر مفتاحَي مرور أو أكثر، يجب أن يكون لكل مفتاح مرور بطاقته الخاصة.
![لقطة شاشة لإعدادات مفتاح المرور ضمن صفحة إعدادات أمان Trail Blazer](https://developers-dot-devsite-v2-prod.appspot.com/static/identity/passkeys/ux/user-interface-design/images/trailblazer-security-settings.png?authuser=6&hl=ar)