انتقل إلى المحتوى
ستروم
Englishابدأ مشروعك
العودة إلى المدونة

لماذا هكذا؟٤ دقائق قراءة

لماذا تدفع الباب الذي يُسحَب؟

لست أنت المخطئ، بل الباب. عن المقابض التي تقول شيئًا والأبواب التي تفعل شيئًا آخر، وما يعنيه ذلك لكل زرّ على الشاشة.

غلاف «لماذا تدفع الباب\nالذي يُسحَب؟»: باب ورقي عليه مقبض دفع أزرق تحت لافتة سحب؛ مؤشر يضغط المقبض وعلامة حمراء تشير إلى الخطأ.

تقف أمام باب زجاجي يعبره قضيب معدني بالعرض. تتّكئ عليه وتدفع، فلا يتحرّك. تنظر قليلًا إلى الأسفل فتجد لافتة صغيرة كُتب عليها: «اسحب».

لست أنت المخطئ. الباب هو المخطئ.

باب له اسم

في كتابه «تصميم الأشياء اليومية» (The Design of Everyday Things) الصادر أول مرة عام ١٩٨٨، تحدّث عالم الإدراك دون نورمان عن هذه الأبواب حتى صار يُطلق عليها اسمه: «باب نورمان». وهو كل باب يخبرك شكله بشيء، ثم يعمل بطريقة أخرى.

الفكرة بسيطة: الأشياء تتكلّم بشكلها قبل أن نقرأ أي كلمة.

  • المقبض يقول: أمسكني واسحب.
  • اللوح المسطّح يقول: ادفعني.
  • المفصلة الظاهرة تقول: من هنا يدور الباب.

يسمّي نورمان هذه الإشارات «الدلالات» (signifiers): ما يراه الإنسان فيعرف منه ماذا يفعل دون أن يفكّر. وحين يحتاج الباب إلى لافتة تشرح طريقة فتحه، فهذا يعني أن تصميمه لم يقم بعمله.

المشكلة نفسها على الشاشة

نصادف «أبواب نورمان» على الشاشات كل يوم:

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

في كل حالة من هذه الحالات، يلوم المستخدم نفسه كما فعلت أمام الباب، ثم يغادر.

ما تأخذه معك

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

المصادر

أسئلة شائعة

ما هو «باب نورمان»؟

باب يوحي شكله بحركة بينما يتطلّب حركة أخرى، مثل مقبض للسحب على باب يجب دفعه. سُمّي باسم عالم الإدراك دون نورمان الذي كتب عن هذه الأبواب في كتابه «تصميم الأشياء اليومية» الصادر عام ١٩٨٨.

ما هي «الدلالات» (signifiers)؟

إشارات مرئية تخبر الناس بما عليهم فعله دون تفكير: المقبض يقول «اسحب»، واللوح المسطّح يقول «ادفع». وعلى الشاشة، تُظهر الدلالات ما يمكن الضغط عليه.

كيف تتجنّب «أبواب نورمان» على الشاشة؟

اجعل الشكل يقول الفعل: الرابط يبدو رابطًا، والزرّ يبدو زرًّا، ولا شيء يبدو قابلًا للضغط ثم يتجاهل الضغطة.

كل المقالات

  • غلاف «ما هي تجربة المستخدم؟»: شخص ومسار أزرق متقطّع يمرّ بشاشتين حتى يصل إلى هدف عليه علامة صواب خضراء.

    دليل٤ دقائق قراءة

    ما هي تجربة المستخدم؟

    تجربة المستخدم بكلمات بسيطة: كيف تختلف عن الواجهة، وماذا يتضمّن عملها من بحث ومسارات واختبار، ومثال من الحياة اليومية.

  • غلاف «ماذا تكسب الشركة\nمن تجربة المستخدم؟»: ورقة تقرير عليها أعمدة ترتفع وخطّ برتقالي صاعد، وعلامة صواب خضراء في زاويتها.

    لماذا هكذا؟٥ دقائق قراءة

    ماذا تكسب الشركة من تجربة المستخدم؟

    ما الذي قاسته دراسات McKinsey وBaymard وForrester فعلًا عن أثر تجربة المستخدم في التحويل والإيرادات وتكاليف الدعم وإعادة العمل.

لنبدأ مشروعك

أخبرنا عن منتجك وما تسعى إلى تحقيقه، وسنتواصل معك لنخطّط للخطوة التالية.

ابدأ مشروعك

لنبدأ: ماذا تحتاج؟

اختر ما يناسب منتجك اليوم، وسنرشدك خطوةً خطوة.