اقوم بتحدي برمجة موقع في 30 يوم و اريد اقتراحاتكم في عمل اول يوم

برأيي لا داعي لأن تجمعَ بين خياري تسجيل حساب جديد وتسجيل الدخول في نفس الصفحة، اعزل كلَّ واحدٍ منهما في صفحة، أو اجعل خياراً للتنقّل بين أحدهما للآخر، فمعظم المواقع الشهيرة التي تهتم بالتصميم تضع زرّاً في form تسجيل االدخول من أجل إنشاء حساب جديد (في حال أنّ المستخدم لا يملك حساباً)، والعكس أيضاً، فيتم وضع زر في form إنشاء حساب جديد من أجل تسجيل الدخول (في حال أنّ المستخدم لديه حساب مسبقاً).

وتكون عملية الانتقال بين الصفحتَين (أو بين الفورمَين) عملية سلسلة وجميلة وفيها حركات انسيابية.

انظر إلى هذا المثال إن أردت:

• الكلمات الأولى من كل جملة يجب أن تكون مبدوءةً بحرف كبير.

• الـ placeholder طويل، فلا داعي لوضع عبارة "enter your xyz"، يكفي وضع اسم الحقل، أو يفضّل أن تستعيض عن ذلك بوضع label لكل حقل للدلالة على ما يجب تعبئة الحقل به.

  • العبارة الموجودة أسفل form تسجيل الدخول لا ينبغي وضعها، فبشكلٍ تلقائي يجب توجيه المستخدم إلى إحدى الفورمَين في حال دخوله إلى الموقع مباشرةً، أو عندما يحاول الوصول إلى صفحة لا يحق له الوصول إليها إلا إذا كان لديه حساب في الموقع.

• تحتاج حقل إضافي من أجل تأكيد كلمة المرور في form إنشاء حساب جديد.

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

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

• تستسطيع -كخيارٍ إضافي- أن تتلاعب بشكل الحقول، فيمكنك إلغاء إطاراتها الخارجية أو أن تضيف إليها animation معينة عند الضغط عليها.

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

بالتوفيق