الباب النورماندي وتصميم الإجراءات المفهومة
تبدأ الحركة قبل أن تتحرك اليد
يوجد معدن مصقول عند حافة باب زجاجي. تمسك به يد، وتسحبه، فتواجه مقاومة. يتوقف الشخص قليلاً، ويقرأ اللافتة الصغيرة، ثم يدفع. أصبحت رحلة تمتد لعدة أمتار تتطلب تفاوضاً غير ضروري. فقد أشار الباب إلى إجراء معين، بينما تطلب إجراءً آخر.
هذه هي المشكلة التي تُعرف عمومًا باسم «باب نورمان»، نسبةً إلى دون نورمان. وهي دراسة حالة موجزة في مجال سهولة الاستخدام، لأن الهدف منها بسيط، والنتيجة ملحوظة، وغالبًا ما تكون الدلالة المضللة واضحة للعيان. والدرس المفيد المستفاد منها يتجاوز نطاق الأبواب: يجب أن يساعد المنتج المستخدم على اكتشاف ما يجب فعله، وإدراك ما حدث، والتعافي عندما تكون توقعاته خاطئة.
الإجراء المحتمل والتفسير الواضح
تتعلق «القدرة» بالعلاقة بين الفاعل والبيئة: ما يتيحه الفعل لهذا الشخص. أما «المُشير» فيقدم دلالة يمكن إدراكها. فقد يتيح «المقبض» الإمساك به، كما قد يوحي بالسحب، لكن هذين الأمرين مختلفان. ويمكن أن يشير السهم المرسوم إلى الحركة دون أن يتيحها فعليًّا. والخلط بين الاثنين يشجع المصممين على تسمية كل أيقونة بـ«القدرة» والتغاضي عن كيفية عمل الآلية الفعلية.
تعمل لوحة الضغط جزئيًّا من خلال تقليل الحاجة إلى الإمساك بها. وأحيانًا تكون المقبض ضروريًّا للوصول إلى العنصر أو لتوفير القوة اللازمة للفتح أو لأي سبب آخر، لذا فإن إزالته لا تُعد حلاً شاملاً. والهدف هو مواءمة المعلومات المتاحة للمستخدم مع الحركة التي تتطلبها الآلية. وينبغي أن يدعم الشكل والموضع والملصقات وردود الفعل نفس الفهم.
متى ينبغي إدراج تعليمات ما في التصميم
هناك شعار شائع يقول إن التصميم الجيد لا يحتاج إلى تعليمات. لكن كمبدأ عملي، فإن هذا القول يحتاج إلى توضيح. فقد تتطلب الأدوات المتخصصة، والعمليات غير المألوفة، والإجراءات المترتبة عليها توجيهات. والفشل هنا هو التناقض الذي يمكن تجنبه، وليس مجرد وجود ملصق. ويمكن أن تكون اللغة الواضحة جزءًا من واجهة جيدة، خاصةً عندما يعتمد الرمز وحده على المعرفة الثقافية.
لنتخيل جهازًا افتراضيًّا مزودًا بزر مكتوب عليه «ابدأ». هل يبدأ هذا الزر عملية قياس أم معايرة أم تشغيل محرك؟ وهل يشير الضوء إلى أن الزر قد تم الضغط عليه أم أن العملية قد نجحت؟ فحتى لو كان عنصر التحكم موثوقًا من الناحية التقنية، فقد يظل المستخدم في حيرة من أمره. إن شرح الحالة هو جزء من العمل، وليس مجرد طبقة اختيارية تُضاف إلى مظهره.
اختبار اللقاء الأول
راقب الإجراء الأول قبل شرح النموذج الأولي. كلف المشاركين بمهمة حقيقية، بما في ذلك أي شيء يتعين عليهم حمله أو قراءته أو الاهتمام به. سجل حالات التردد والطريق إلى التعافي، بالإضافة إلى إتمام المهمة بنجاح. فقد يفتح أحدهم في النهاية كل الأبواب ويظل يواجه تسلسلاً سيئ التصميم.
كرر التجربة مع متطلبات مختلفة فيما يتعلق بالمدى، وطريقة الإمساك، واللغة. فقد تختفي إشارة ما كانت واضحة عند الاقتراب في وضع الوقوف، بينما تكون واضحة عند الاقتراب في وضع الجلوس. إن قابلية الاستخدام ترتبط بالعلاقة بين المستخدم والمصمم، لذا فإن نجاح الاختبار مع مصمم واحد يُعد دليلاً على تلك العلاقة المحددة، وليس دليلاً على فهم عالمي.
مثال عملي على التصميم
يحتوي جهاز افتراضي على زر واحد يؤدي عمليتين. يؤدي الضغط السريع عليه إلى بدء الدورة العادية؛ أما الضغط المستمر عليه فيؤدي إلى إعادة ضبط الإعدادات. ويخفي مظهره الأنيق فرقًا جوهريًّا. فقد يقوم الشخص الذي يضغط على الزر دون يقين بتنفيذ إجراء لم يكن يقصده.
يمكن للفريق فصل عناصر التحكم، أو اشتراط تسلسل إعادة ضبط صريح، أو توفير بديل مزود بملصق واضح. هذه المقترحات تعالج جوانب مختلفة من المشكلة. فقد تؤدي إضافة ملصق إلى الزر الحالي إلى تحسين التعرف عليه، مع بقاء احتمال التشغيل العرضي قائمًا. أما فصل العمليات، فيمكن أن يحسّن الآلية، لكنه يستهلك مساحة أكبر.
تقيّم المراجعة المفيدة للنموذج الأولي مدى قدرة المستخدمين على اكتشاف العمليات العادية، والتعرف على العمليات المترتبة عليها، والتعافي من الأخطاء. وينبغي أن يستند القرار إلى تلك الملاحظات وإلى أهمية كل إجراء. فالواجهة الأصغر حجمًا ليست بالضرورة الأقل تعقيدًا.
تمرين عملي
التقط صورة لباب أو عنصر تحكم يثير الارتباك. حدد الإجراء المقصود، وأقوى دليل مرئي، والخطأ المعقول الأول. قم بإعداد نسختين معدلتين: إحداهما تغير الشكل والأخرى تغير المعلومات. اختبر كلا النسختين دون تقديم مقدمة. قارن بين المحاولات الأولى والتصحيحات والجهد المبذول، ثم اشرح أي النسختين تحل التناقض بأقل جهد إضافي من جانب المستخدم. احرص على فصل التفسير عن تفضيلاتك الشخصية فيما يتعلق بمظهره.
تعد تلك التوقف القصير عند العتبة دليلاً مفيداً. فهو يشير إلى المكان الذي طلب فيه الشيء من الشخص أن ينهي شرحه.
دراسة بصرية
مزيد من القراءة والروابط ذات الصلة
f/p للتصميم الصناعي وتطوير المنتجات
ربط المبدأ بالبحث وتصميم النماذج الأولية والتحقق من صحة النتائج في عملية تطوير المنتج.
تصميم واجهة المستخدم (UI) وتجربة المستخدم (UX) للمنتجات والأنظمة المعقدة
توسيع نطاق المناقشة من خلال سياق الاستخدام، وتسلسلات التفاعل، واختبارات المستخدمين.
دليل عملي: اختيار وكالة متخصصة في تصميم تجربة المستخدم (UX) وواجهة المستخدم (UI)
اربط هذا الموضوع باختيار الشركاء في مجالات الواجهة والتفاعل وتجربة المستخدم.
هل تخطط لتنفيذ مشروع في هذا المجال؟ ناقش الأمر مع شركة F/P Design.
المراجع
دون نورمان: الدلالات، وليس الإمكانيات
مصدر الصورة
1. كوبنهاغن (الدنمارك)، كريستيانسبورغ — 2017 — 1485.jpg
المؤلف أو المصدر المذكور: ديتمار رابيش · CC BY-SA 4.0
تم تغيير حجمها وترميزها بتنسيق JPEG لاستخدامها في برنامج Word؛ دون أي تعديل إبداعي. وتظل الصورة خاضعة للترخيص المذكور أعلاه.
2. لوحة دفع باب معرض مؤسسة جاكسون – geograph.org.uk – 7454792.jpg
المؤلف أو المصدر المذكور: إليزابيث سكوت · CC BY-SA 2.0
تم تغيير حجمها وترميزها بتنسيق JPEG لاستخدامها في برنامج Word؛ دون أي تعديل إبداعي. وتظل الصورة خاضعة للترخيص المذكور أعلاه.
3. باب عليه لافتات «ادفع» و«اسحب».jpg
المؤلف أو المصدر المذكور: روبرت س. دونوفان من آدامز، نيويورك، الولايات المتحدة الأمريكية · CC BY 2.0
تم تغيير حجمها وترميزها بتنسيق JPEG لاستخدامها في برنامج Word؛ دون أي تعديل إبداعي. وتظل الصورة خاضعة للترخيص المذكور أعلاه.