القائمة الرئيسية

الصفحات

Login Form with forgot-password and create-account


نماذج تسجيل الدخول: الجيد والسيئ والقبيح

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

الجيد

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

السيء


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

القبيح

يا للهول! هذا لا يبدو حتى انتهى ، أليس كذلك؟ لا توجد إشارة لما يجب على المستخدم كتابته في أي حقل. لا توجد مساعدة على الإطلاق بخصوص تفاصيل تسجيل الدخول أو كلمة المرور المنسية. في الحقيقة لا يوجد رابط لأي نوع من المساعدة على الإطلاق! عندما نقول "اجعله بسيطًا ، اجعله قابلاً للاستخدام" لا نعني إلى هذا الحد!

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

تعليقات