تصميم واجهة مستخدم مفاتيح المرور

يمكن أن يساعد تضمين الرسوم التوضيحية والمرئيات الغنية عند تقديم مفاتيح المرور في تخفيف العبء المعرفي على المستخدمين أيضًا، وفي دعم المحتوى الخاص بك مع جعل التجربة أكثر جاذبية وقابلية للفهم.

مكوّنات التصميم

تم تصميم مفاتيح المرور لتحسين منتجك أو خدمتك الحالية، ويجب تقديمها بتنسيق معتاد للمستخدمين على منصتك.

على سبيل المثال، إذا كانت خدمتك تستخدم الإعلانات البينية لنقل آخر الأخبار إلى المستخدمين، على غرار الطريقة التي تعرّف بها "حسابات Google" المستخدمين على مفاتيح المرور أثناء تسجيل الدخول، ننصحك باستخدام تنسيق إعلان بيني لتعريف المستخدمين على مفاتيح المرور.

صفحة TrailBlazer المقصودة التي تتضمّن بطاقة بعنوان "تسجيل الدخول بسرعة أكبر باستخدام مفاتيح المرور"
أنشئ صفحة إعلانية بينية لمفتاح مرور في تطبيق Trailblazer.

بدلاً من ذلك، إذا كانت منصتك تُعلم المستخدمين عادةً بالتغييرات في الحسابات من خلال نوافذ مشروطة منبثقة أو أشرطة إشعارات أو أنماط تنبيه أخرى، استخدِم طرق الإشعارات المألوفة هذه لتقديم مفهوم مفاتيح المرور. يضمن هذا النهج تقديم تجربة متّسقة وسهلة الاستخدام عند طرح ميزة مفتاح المرور الجديدة.

نافذة منبثقة تقترح على المستخدم استخدام مفاتيح المرور للحصول على كلمات مرور أسرع وأكثر أمانًا
نافذة منبثقة لإنشاء مفتاح مرور في تطبيق مصرفي

إنشاء طلب وصفي لمفتاح المرور

بالنسبة إلى الإجراءات المتعلّقة بمفاتيح المرور، بدلاً من مجرد أزرار تتضمّن عبارة تحث المستخدم على اتخاذ إجراء، يمكنك إنشاء طلبات غنية بالوصف يمكنها نقل المزيد من المعلومات إلى المستخدمين. ويمكن أن تشمل هذه العناصر رسومات توضيحية وعنوانًا ورسائل وعبارة تحث المستخدم على اتخاذ إجراء.

على سبيل المثال، لإنشاء مفتاح مرور لحسابات Google، بدلاً من زر "إنشاء مفتاح مرور" فقط، تظهر صفحة بينية تتضمّن عبارة تحثّ المستخدم على اتّخاذ إجراء "تبسيط عملية تسجيل الدخول"، وشرحًا موجزًا لمفاتيح المرور، ورسمًا توضيحيًا يتضمّن رمز مفتاح المرور وطرقًا مختلفة لفتح قفل شاشة الجهاز.

لقطة شاشة لصفحة "حسابات Google" تتضمّن رسالة الموافقة على استخدام مفاتيح المرور
صفحة إنشاء مفتاح مرور في "حسابات Google"

استخدام رمز مفتاح المرور الأساسي

أنشأ تحالف FIDO رمزًا لمفتاح المرور يجب استخدامه عند تمثيل مفاتيح المرور. سيساعد استخدامها بشكل متّسق المستخدمين في التعرّف على مفاتيح المرور وتبسيط الإجراءات ذات الصلة بمفاتيح المرور.

رمز مفتاح المرور الأساسي

استخدِم رمز مفاتيح المرور في واجهة المستخدم:

  • لتمثيل مفهوم مفتاح المرور في عملية الإعداد أو الطلبات الأخرى لتشجيع المستخدمين على إنشاء مفاتيح مرور أو الترقية إلى مفتاح مرور من أجل تسجيل الدخول بشكل أكثر أمانًا
  • في الأزرار أو الروابط التي تسمح للمستخدمين بتسجيل الدخول باستخدام مفتاح مرور
  • ضمن الإعدادات للمساعدة في تحديد مفاتيح المرور التي يمكن تعديلها أو حذفها

يمكن تغيير لون الرمز ليتوافق مع نظام الألوان الخاص بمنتجك أو علامتك التجارية أو واجهة المستخدم.

عرض "بطاقات مفاتيح المرور" ضمن إعدادات الحساب

على عكس كلمات المرور التي تتألف من مجموعات ملموسة من الأحرف والأرقام والرموز، لا يمكن للمستخدمين رؤية مفاتيح المرور إلى حد كبير. تخصيص مساحة لبطاقة مفاتيح المرور في إعدادات الحساب داخل البطاقة، أدرِج رمز مفتاح المرور ومعلومات عن مفتاح المرور، مثل وقت إنشائه والنظام الأساسي الذي تم إنشاؤه عليه، ووقت آخر استخدام له، وخيارات لإدارة مفتاح المرور. إذا كان لدى المستخدم مفتاحا مرور أو أكثر، يجب أن يكون لكل مفتاح مرور بطاقته الخاصة.

لقطة شاشة لإعدادات مفتاح المرور ضمن صفحة إعدادات الأمان في Trailblazer
تعرض إعدادات مفتاح المرور ضمن صفحة إعدادات الأمان في Trailblazer معلومات مفصّلة عن كل مفتاح مرور.