أفضل ١٢ ممارسة لتصميم صفحة التسجيل وتسجيل الدخول …
كثير يعتقدون بأن تصميم صفحات التسجيل وتسجيل الدخول مهمة بسيطة بين مصممي UX.. وبدون شك هده عملية بسيطة لكن تجاهل بعض التفاصيل الصغيرة ممكن يدمر التجربة كاملة 👎🏼
إذا كنت مصمم UI/UX أو مهتم بالمجال تابع معي 🤝
كثير يعتقدون بأن تصميم صفحات التسجيل وتسجيل الدخول مهمة بسيطة بين مصممي UX.. وبدون شك هده عملية بسيطة لكن تجاهل بعض التفاصيل الصغيرة ممكن يدمر التجربة كاملة 👎🏼
إذا كنت مصمم UI/UX أو مهتم بالمجال تابع معي 🤝
أول شي أيش أهمية الاشتراك وتصميم صفحة تسجيل الدخول؟
التسجيل في موقعك يعتبر بداية العلاقة اللي حابين يقيموها المستخدمين مع موقعك وعملك…
التسجيل في موقعك يعتبر بداية العلاقة اللي حابين يقيموها المستخدمين مع موقعك وعملك…
إذا حصلوا على عملية موثوقه وآمنه مع تجربة بسيطة وسهله، فهم حيكونوا واثقين من تقديم معلوماتهم، بالاضافه أنهم محتاجين عملية دخول بسيطة ما تسبب لهم قلق وإرباك 👌🏼
لذلك هذه قائمة بأفضل الممارسات اللي حتساعدك كمصمم لتصميم عملية إعداد بسيطة وفعالة لموقعك …
لذلك هذه قائمة بأفضل الممارسات اللي حتساعدك كمصمم لتصميم عملية إعداد بسيطة وفعالة لموقعك …
1.السماح بالتسجيل في حسابات وسائل التواصل الاجتماعي - بنقرة واحده:
أصبح هذا الاستخدام معروف وشائع بين المستخدمين لأنه يوفر لهم عملية سريعه وفعاله من دون متاعب لإنشاء حساب جديد وتقديم معلومات من البدايه وهذا يشعرهم براحة أكبر ✅
أصبح هذا الاستخدام معروف وشائع بين المستخدمين لأنه يوفر لهم عملية سريعه وفعاله من دون متاعب لإنشاء حساب جديد وتقديم معلومات من البدايه وهذا يشعرهم براحة أكبر ✅
2.لا تطلب تأكيد كلمة المرور:
غالباً حقل تأكيد كلمة المرور يساعد المستخدم على تجنب فرصة الخطأ في كتابته، ومع ذلك هذه العمليه تقلل من معدل تحويل نموذج الاشتراك…
غالباً حقل تأكيد كلمة المرور يساعد المستخدم على تجنب فرصة الخطأ في كتابته، ومع ذلك هذه العمليه تقلل من معدل تحويل نموذج الاشتراك…
أفضل حل سريع هو توفير خيار إظهار كلمة المرور بالحقل، بهذه الحاله المستخدم حيشوف الكلمه اللي حيكتبها ويمكنه من تصحيح أي خطأ إذا لزم الأمر ✅
3.حدد خيار caps lock:
من الشائع جداً أن يتم الضغط على مفتاح caps lock عن طريق الخطأ، واذا كان المستخدم مايدري إذا كان المفتاح في وضع التشغيل أو الإيقاف حيكتبوا كلمة غير صحيحة بناء على افتراضهم وبالتالي ظهور خطأ! ❌
من الشائع جداً أن يتم الضغط على مفتاح caps lock عن طريق الخطأ، واذا كان المستخدم مايدري إذا كان المفتاح في وضع التشغيل أو الإيقاف حيكتبوا كلمة غير صحيحة بناء على افتراضهم وبالتالي ظهور خطأ! ❌
خيار المفتاح يعتبر حل بسيط لهذه المشكله ويساعدهم في تجنب أي أخطاء غير متوقعه أثناء إعادة استخدام كلمة المرور في مرات أخرى 👏🏼👏🏼
4.توفير التحقق الفوري من صحة الإدخال:
هذه الخطوة مهمة جداً وعشان ماينتظر المستخدم كثير لإرسال نموذج التحقق حيساعده التحقق الفوري على ربط التعليقات بسهوله بالمدخلات اللي قدموها ويمكنهم تصحيحها في أي وقت من الأوقات…
وايضاً لابد تكون رسالة الخطأ واضحة للمشكلة مع كيفية حلها 👌🏼
هذه الخطوة مهمة جداً وعشان ماينتظر المستخدم كثير لإرسال نموذج التحقق حيساعده التحقق الفوري على ربط التعليقات بسهوله بالمدخلات اللي قدموها ويمكنهم تصحيحها في أي وقت من الأوقات…
وايضاً لابد تكون رسالة الخطأ واضحة للمشكلة مع كيفية حلها 👌🏼
5.أظهر متطلبات كلمة المرور بوضوح:
اعرض دائماً متطلبات كلمة المرور للمستخدمين ولا تفترض أنه يجب أن يكونوا على دراية بقواعد كلمة المرور القوية، اعرضها بالقرب من عنصر التحكم حتى يتمكن المستخدمين من رؤيتها بوضوح أثناء الإدخال…
اعرض دائماً متطلبات كلمة المرور للمستخدمين ولا تفترض أنه يجب أن يكونوا على دراية بقواعد كلمة المرور القوية، اعرضها بالقرب من عنصر التحكم حتى يتمكن المستخدمين من رؤيتها بوضوح أثناء الإدخال…
6.استخدم تسمية الزر ذات الصلة:
من الممارسات الشائعة لتوفير تجربة جيدة للمستخدم هو استخدام تسمية الزر وفقاً للإجراء اللي حيقوم به المستخدم أثناء النقر فوق هذا الزر، توفير زر عام بيكون صعب على المستخدم ربطه بالإجراء ويمكن ينسى اللي يبيه بالفعل على الشاشة 🤦🏻♀️
من الممارسات الشائعة لتوفير تجربة جيدة للمستخدم هو استخدام تسمية الزر وفقاً للإجراء اللي حيقوم به المستخدم أثناء النقر فوق هذا الزر، توفير زر عام بيكون صعب على المستخدم ربطه بالإجراء ويمكن ينسى اللي يبيه بالفعل على الشاشة 🤦🏻♀️
7.السماح بالتبديل بين تسجيل الدخول والاشتراك:
وفّر للمستخدمين طريقة سهله للعثور على تسجيل الدخول لما يكون المستخدم في صفحة التسجيل والتسجيل لما يكون المستخدم في صفحة تسجيل الدخول ✅
وفّر للمستخدمين طريقة سهله للعثور على تسجيل الدخول لما يكون المستخدم في صفحة التسجيل والتسجيل لما يكون المستخدم في صفحة تسجيل الدخول ✅
8.استخدم البريد الالكتروني بدل اسم المستخدم:
تجنّب طلب أسماء المستخدمين عند التسجيل، من الخطوات الصعبة على المستخدم تذكّر اسم مستخدم!
طلب عنوان بريد الكتروني أو رقم هاتف بيساعد المستخدمين على العودة وتسجيل الدخول مرات عديده بسهولة وبدون تذكّر أسماء المستخدمين 💆🏻♀️
تجنّب طلب أسماء المستخدمين عند التسجيل، من الخطوات الصعبة على المستخدم تذكّر اسم مستخدم!
طلب عنوان بريد الكتروني أو رقم هاتف بيساعد المستخدمين على العودة وتسجيل الدخول مرات عديده بسهولة وبدون تذكّر أسماء المستخدمين 💆🏻♀️
9.اكتب بوضوح بسبب عدم صلاحية كلمة المرور:
من السيء جداً أنك تترك المستخدمين يحاولون تخمين سبب عدم صلاحية كلمة المرور الخاصة بهم!
مثل أي رسالة خطأ .. اشرح السبب الواضح وكيف يمكن للمستخدم تصحيحها ✅
من السيء جداً أنك تترك المستخدمين يحاولون تخمين سبب عدم صلاحية كلمة المرور الخاصة بهم!
مثل أي رسالة خطأ .. اشرح السبب الواضح وكيف يمكن للمستخدم تصحيحها ✅
10.تقسيم عملية التسجيل:
أول شي لابد تجنّب تقديم أي ضوابط إضافية في عملية التسجيل من خلال التركيز على المعلومات الضرورية فقط وفقط…
ومع ذلك إذا كان فيه مزيد من المعلومات اللي ممكن تجميعها منطقياً، فيمكنك الانتقال إلى نموذج متعدد الخطوات.
أول شي لابد تجنّب تقديم أي ضوابط إضافية في عملية التسجيل من خلال التركيز على المعلومات الضرورية فقط وفقط…
ومع ذلك إذا كان فيه مزيد من المعلومات اللي ممكن تجميعها منطقياً، فيمكنك الانتقال إلى نموذج متعدد الخطوات.
يسهل النموذج متعدد الخطوات على المستخدمين إدارة المعلومات الكبيرة بطريقة سهله… كذلك يمكنهم التركيز على مجموعة وحدة من الخصائص في وقت واحد 👌🏼
ومن المهم جعله سهل الاستخدام للمستخدم وتوفير سهولة التنقل بين الخطوات وعرض المعلومات قبل إرسال النموذج ✅
ومن المهم جعله سهل الاستخدام للمستخدم وتوفير سهولة التنقل بين الخطوات وعرض المعلومات قبل إرسال النموذج ✅
11.السماح بسهولة استعادة كلمة المرور:
إذا نسى المستخدمين كلمة المرور فيجب أن تسمح تجربة صفحة الدخول للمستخدمين باستعادة كلمة المرور المفقوده…
وفّر خيار نسيت كلمة المرور في مكان بارز في صفحة تسجيل الدخول لتسهيل العثور عليه ✅
إذا نسى المستخدمين كلمة المرور فيجب أن تسمح تجربة صفحة الدخول للمستخدمين باستعادة كلمة المرور المفقوده…
وفّر خيار نسيت كلمة المرور في مكان بارز في صفحة تسجيل الدخول لتسهيل العثور عليه ✅
12.اجعل تسجيل الدخول أسهل من خلال توفير خيار تذكّرني:
شخصياً بكل موقع كمستخدم مهم عندي توفير هذا الخيار واستخدمه دائماً، يختصر علي وقت تسجيل الدخول وايضاً ضمان في حالة نسيان كلمة المرور 👌🏼… وبإمكان المستخدم إلغاء تحديد الخيار إذا ماكان يريد تذكّر الموقع له ✅
شخصياً بكل موقع كمستخدم مهم عندي توفير هذا الخيار واستخدمه دائماً، يختصر علي وقت تسجيل الدخول وايضاً ضمان في حالة نسيان كلمة المرور 👌🏼… وبإمكان المستخدم إلغاء تحديد الخيار إذا ماكان يريد تذكّر الموقع له ✅
انتهت السلسلة: شكراً للمتابعة ♥️
مترجم من uxplanet.org
مترجم من uxplanet.org
جاري تحميل الاقتراحات...