الخريطة الباب ٤: التجربة
نصائح ذهبيةBonus tips
النماذج، الحذف، منطقة الإبهام، الحالات الفارغة وصفحات الخطأ.
وصلت إلى آخر صفحة في الدفتر. هنا مجموعة نصائح عملية تظهر في كل منتج تقريباً — النماذج، كلمات المرور، نوافذ التأكيد، شاشات الجوال، الحالات الفارغة، وصفحات الخطأ. تفاصيل صغيرة، لكنها بالضبط ما يفرّق بين واجهة «تعمل» وواجهة يحبها الناس.
صمّم الحقل على مقاس ما سيُكتب فيه
شكل الحقل يخبر المستخدم بما يُتوقع منه. رمز تحقق من ٤ أرقام؟ أربعة مربعات كبيرة تجعل الإدخال واضحاً وتقلل الخطأ. رمز CVC من ٣ أرقام؟ حقل قصير بجوار تاريخ الانتهاء، لا حقل بعرض البطاقة. التطابق بين الحقل والمحتوى يزيل الغموض ويوفر المساحة.
شاشة إدخال رمز تحقق من ٤ أرقام. أي تصميم أوضح وأقل عرضة للخطأ؟
وداعاً لحقل «تأكيد كلمة المرور»
حقل التأكيد يضاعف الجهد، ويُفشل التسجيل كله إن اختلف حرف، ويعطي أماناً زائفاً لأن المستخدم قد يخطئ بنفس الطريقة مرتين. البديل الحديث: زر إظهار/إخفاء ليتحقق المستخدم بعينه مما كتب، مع مؤشر قوة فوري يرشده لكلمة مرور أفضل.
نوافذ الحذف: اللون والموضع
زر الحذف في نافذة تأكيد إجراء مُدمّر يكون أحمر؛ الأخضر يعني «آمن ومستحب» فيدفع المستخدم للضغط دون تفكير. وزر الإلغاء حاضر دائماً كشبكة أمان.
والموضع: في الواجهات العربية تُقرأ الأزرار من اليمين، فيأتي «إلغاء» أولاً (يميناً) كخروج سريع، ثم «حذف» يساراً كخطوة إلى الأمام — وهو عكس ترتيب الواجهات الإنجليزية تماماً، لأن اتجاه «التقدم» نفسه معكوس.
في نافذة الحذف هذه عنصر قد يدفع المستخدم لخطأ لا رجعة فيه. انقر عليه.
وضع التفتيش: مرّر على عناصر التصميم وانقر على موضع الخطأ — أو تنقّل بـ Tab واضغط Enter.
صمّم لمنطقة الإبهام
أغلب الناس يمسكون الهاتف بيد واحدة ويستخدمون الإبهام. أسفل الشاشة ووسطها في المتناول، وأعلاها صعب الوصول. ضع الإجراءات الأساسية والتنقل في النصف السفلي، واترك الأعلى للعناوين والمعلومات.
الحالة الفارغة فرصة لا طريق مسدود
«لا توجد مشاريع!» جملة صحيحة لكنها تترك المستخدم أمام جدار. الحالة الفارغة الجيدة تشرح القيمة، وتعطي خطوات عملية، وتنتهي بزر واضح لأول إجراء. وكذلك صفحات الخطأ 404: لا تكتفِ بإعلان الخطأ؛ قدّم روابط تعيد المستخدم إلى الطريق، وبلمسة من شخصية علامتك.
حوّل هذه الشاشة الفارغة من طريق مسدود إلى بداية واضحة.
الخصائص
اختبر نفسك
١. ما البديل الأفضل لحقل «تأكيد كلمة المرور»؟
٢. في نافذة حذف عربية، أين يُوضع زر «إلغاء»؟
٣. أين تضع زر الإجراء الأساسي في تطبيق جوال؟