التراجع بدلاً من مربعات حوار التأكيد: تصميم واجهة مستخدم أقل مقاطعة
لماذا الروتين "هل أنت متأكد؟" تفشل مربعات الحوار، عندما يكون التأكيد لا يزال صحيحًا، وكيفية تصميم نخب التراجع بشكل واضح وسهل الوصول إليه وآمن.
الوجبات الجاهزة الأساسية
استخدم التراجع للإجراءات التي يمكن التراجع عنها: قم بتنفيذ الإجراء على الفور، ثم قم بإظهار رسالة قصيرة غير محظورة باستخدام زر تراجع. احتفظ بمربعات حوار التأكيد للإجراءات الجادة التي لا رجعة فيها مثل الحذف الدائم أو المدفوعات الكبيرة، واجعلها محددة: قم بتسمية الكائن والنتيجة. يؤدي تأكيد الإجراءات الروتينية إلى تدريب الأشخاص على النقر فوق "موافق" دون القراءة.
لماذا تتوقف التأكيدات الروتينية عن العمل؟
تعتبر إرشادات Nielsen Norman Group بشأن مربعات حوار التأكيد واضحة: استخدمها قبل الإجراءات ذات العواقب الوخيمة، ولا تستخدمها في الإجراءات الروتينية. عندما يرى الأشخاص مربع الحوار نفسه عدة مرات، فإنهم يؤكدون ذلك بحكم العادة، ويتوقف مربع الحوار عن منع الأخطاء التي كان من المفترض اكتشافها. توصي المقالة نفسها بعرض التراجع كلما أمكن ذلك بدلاً من الاعتماد على التحذير.
التأكيد أو التراجع: قاعدة بسيطة
اطرح سؤالاً واحداً: هل يمكن عكس ذلك؟ إذا كانت الإجابة بنعم، التصرف وعرض التراجع. إذا كانت الإجابة لا، قم بالتأكيد أولاً، ثم قم بإجراء التأكيد بشكل محدد.
- الأرشفة، النقل، وضع علامة كمقروءة، الإزالة من القائمة: التصرف الآن، عرض التراجع.
- إرسال رسالة: العديد من المنتجات تؤخر إرسالها لفترة وجيزة حتى يمكن التراجع عنها. يتيح Gmail للأشخاص اختيار نافذة التراجع لمدة 5 أو 10 أو 20 أو 30 ثانية.
- احذف نهائيًا، وادفع، وانشر علنًا: قم بالتأكيد أولاً، مع تسمية العنصر والتأثير ("حذف 142 ملفًا").
- والأفضل من ذلك: جعل الحذف قابلاً للتراجع باستخدام سلة المهملات أو فترة الاسترداد، ثم استخدم التراجع.
تصميم رسالة التراجع
يطلق Material Design على هذا المكون اسم "snackbar": رسالة مختصرة ذات الحد الأدنى من المقاطعة والتي يمكن أن تحتوي على إجراء واحد، على عكس مربع الحوار الذي يتطلب استجابة. اكتب ما حدث في بضع كلمات، ثم ضع "تراجع" كإجراء فردي، وأبقه على الشاشة لفترة كافية حتى يتفاعل الأشخاص معه. لا تخفي إجراءات التراجع المهمة في الرسائل التي تختفي خلال ثانيتين.
تفاصيل إمكانية الوصول
يمكن أن يفوّت مستخدمي قارئ الشاشة والأشخاص الذين يحتاجون إلى المزيد من الوقت الخبز المحمص الذي يختفي من تلقاء نفسه. أعلن عن الرسالة من خلال منطقة مباشرة مهذبة، واسمح لمستخدمي لوحة المفاتيح بالوصول إلى زر التراجع، وإيقاف المؤقت مؤقتًا أثناء تمرير مؤشر الماوس على الرسالة أو التركيز عليها، وتوفير طريقة أخرى لعكس الإجراء، مثل قائمة المحفوظات أو سلة المهملات.
حركة للتراجع
يساعد الدخول القصير والهادئ من حافة الشاشة والخروج الواضح الأشخاص على ملاحظة الرسالة دون مقاطعتهم. عند الضغط على تراجع، قم بتحريك العنصر مرة أخرى إلى مكانه بحيث يكون الانعكاس مرئيًا. احترم إعدادات الحركة المنخفضة مع التلاشي البسيط.
مفتاح Principle للتذكر
- الإجراءات القابلة للعكس: تصرف فورًا واعرض التراجع
- إجراءات جدية لا رجعة فيها: تأكيد محدد يسمي التأثير
- يتم النقر على التأكيدات الروتينية بدافع العادة
- إتاحة الوصول إلى رسائل التراجع: المنطقة المباشرة، وتركيز لوحة المفاتيح، والوقت الكافي
- قم بتحريك الانعكاس حتى يرى الناس أنه نجح
الأسئلة المتداولة
المصادر
- Confirmation Dialogs Can Prevent User Errors — If Not Overused — Nielsen Norman Group
- Send or unsend Gmail messages — مساعدة في Gmail
- Snackbar guidelines — Material Design 3