يجب مراعاة تطوير عينة شاشة تسجيل الدخول العليا في عام 2022

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

تعمل شاشة تسجيل الدخول لتطبيق الهاتف المحمول كمدخل. بعد تنزيل التطبيق ، سيكون الانطباع الأولي للمستخدم هو واجهته. لتجنب إحباط المستخدم من العقبة الأولى ، تأكد من أن المستخدمين يمكنهم التنقل بسهولة وملء صفحة تسجيل الدخول. لتحقيق أهداف عملك ، استعن بمطور Flutter من Flutter Agency ( www.flutteragency.com ) مثل الشركات للتأكد من أن شاشة تسجيل الدخول للتطبيق تتبع الهيكل المناسب.

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

باي بال

فاز PayPal بجائزة البساطة. إذا لم يكن شعار PayPal الصغير في الجزء العلوي من تسجيل الدخول ، فلن يكون لديك أي فكرة عن مكان وجودك.

تتميز صفحة تسجيل الدخول هذه بميزة فريدة: فهي مقسمة إلى قسمين. أنت تدخل عنوان بريدك الإلكتروني وتضغط على الزر التالي لتغيير كلمة المرور الخاصة بك. نمت قاعدة مستخدمي PayPal بأكثر من 13٪ على أساس سنوي في الربع الرابع من عام 2021 ، مقارنة بالفترة نفسها من عام 2020.

ينكدين

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

تعكس بساطة تصميم صفحة تسجيل الدخول على LinkedIn هذا. إنه يحدد جميع المربعات اللازمة بنسخة مبهجة وتحفيزية ، والقدرة على تسجيل الدخول باستخدام رقم هاتفك ، وخيار عرض كلمة المرور.

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

اوبر

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

ناشيونال جيوغرافيك

لا توجد مفاجآت فيما يتعلق بعملية تسجيل الدخول في National Geographic. نظرًا لأنه مثال لائق لنموذج تسجيل الدخول ، فلا يوجد الكثير مما يمكن قوله عنه. غالبًا ما تستخدم الشركات في الولايات المتحدة وكندا حالة العنوان ، وقد اتبعت National Geographic حذوها.

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

متوسط

قد يكون الوسيط هو الفائز الواضح لمواقع تسجيل الدخول سهلة الاستخدام. بالنسبة للمبتدئين ، لا يُطلب من المستخدمين على الفور تقديم عنوان بريدهم الإلكتروني أو اسم المستخدم أو أي كلمة مرور أخرى.

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

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

سبوتيفي

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

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

لا حرج في استخدام الألوان وإبطال الإشارات المرئية الأخرى. خلال الأشهر الثلاثة الأولى من عام 2022 ، كان لدى Spotify 182 مليون عضو مميز في جميع أنحاء العالم.

بصندوق الإسقاط

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

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

ميل تشيمب

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

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

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

سيفورا

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

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

سكيل شير

يمكن للمستهلكين تسجيل الدخول إلى خدمة ما باستخدام حسابات وسائل التواصل الاجتماعي الخاصة بهم بنقرة واحدة. ليست هناك حاجة لإدخال كلمة المرور الخاصة بك أو أي معلومات شخصية أخرى. يعرض برنامج Skillshare بشكل بارز خيار تسجيل الدخول الاجتماعي في أعلى نموذج تسجيل الدخول.

ومع ذلك ، إذا اخترت عدم القيام بذلك ، فيمكنك إدخال عنوان بريدك الإلكتروني وكلمة المرور أدناه مباشرة. نموذج تسجيل الدخول هذا يقوم بعمله.

استنتاج

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