بقلم : رهف مسفر الزهراني – حاضنة مأمني الابداعية
عند استخدام أي موقع أو تطبيق، نتفاعل مع العديد من العناصر دون أن نفكر كثيرًا في طريقة استخدامها. نعرف أن هذا العنصر زر، وأن هذا النص يمكن الضغط عليه، وأن هذه الأيقونة قد تفتح صفحة أخرى. لكن كيف عرفنا ذلك؟
هنا يأتي دور مفهوم Affordance، وهو من المفاهيم المهمة في تصميم تجربة المستخدم، ويشير إلى الخصائص التي تساعد المستخدم على فهم كيفية التعامل مع العنصر والتفاعل معه.
التصميم يخبرنا بما يمكننا فعله
لا يحتاج المستخدم إلى شرح وظيفة كل عنصر في الواجهة. فشكل العنصر وطريقة عرضه يمكن أن تعطيه فكرة عن كيفية استخدامه.
على سبيل المثال، عندما نرى زرًا مستطيلًا يحتوي على كلمة «إرسال»، نتوقع أنه قابل للضغط. وكذلك عندما يظهر نص بلون مختلف أو تحته خط، قد نفهم أنه رابط يمكن الانتقال من خلاله إلى مكان آخر.
هذه الإشارات البصرية تساعد المستخدم على اتخاذ القرار بسرعة ودون الحاجة إلى التفكير في كل خطوة.
الإشارات البصرية في الواجهات الرقمية
يستخدم المصممون مجموعة من العناصر لتوضيح قابلية التفاعل، ومنها:
شكل الزر وحجمه.
الألوان والتباين.
الحدود والظلال.
الأيقونات.
النصوص التي توضح الإجراء.
التغيرات التي تحدث عند المرور على العنصر أو الضغط عليه.
عندما تستخدم هذه العناصر بطريقة واضحة ومتناسقة، يصبح من الأسهل على المستخدم فهم الواجهة والتنقل فيها.
ماذا يحدث عندما يكون التصميم غير واضح؟
قد يؤدي التصميم غير الواضح إلى إرباك المستخدم. فإذا كان الزر يبدو مثل نص عادي، فقد لا يعرف المستخدم أنه قابل للضغط. وإذا بدا عنصر غير تفاعلي وكأنه زر، فقد يحاول المستخدم الضغط عليه دون أن يحدث شيء.
وهذا يوضح أن المشكلة ليست دائمًا في وظيفة الموقع أو التطبيق، وإنما أحيانًا في طريقة تقديم هذه الوظيفة للمستخدم.
