بقلم: أنديكا براتاما (Andika Pratama)

نادرًا ما يقرأ مستخدمو الأجهزة الرقمية كل عنصر بصري على الشاشة بصورة منفصلة عند استخدام أحد التطبيقات. فهم عادةً ما يتعرفون مباشرةً على الأشكال المألوفة لديهم، ويتبعون التسميات الموجودة في القوائم، ثم يتصرفون بناءً على توقعاتهم بشأن ما سيحدث عند لمس الشاشة. وتبدو عملية التنقل هذه تلقائية تقريبًا، لأن العديد من الأعراف الرقمية أصبحت تدريجيًا جزءًا من العادات اليومية. فعلى سبيل المثال، يُفهم الرمز الذي يتخذ شكل منزل مباشرةً على أنه زر للعودة إلى الصفحة الرئيسية للتطبيق. ولا ينشأ هذا الفهم لأن صورة المنزل تحمل بطبيعتها معنى الصفحة الرئيسية للتطبيق، بل لأن العلاقة بين الرمز ووظيفته قد تكررت وترسخت بصورة متسقة عبر مختلف الخدمات الرقمية.

إن سهولة الانتقال من تطبيق إلى آخر اعتمادًا على هذه العادات البصرية توضح أن تصميم واجهة المستخدم (User Interface/UI) لا يعمل أبدًا في فضاء محايد. فكل اختيار لرمز، وكل ترتيب للكلمات، وكل شكل من أشكال استجابة النظام، يوجّه بصورة غير مباشرة طريقة تفكير المستخدم في فهم إحدى الوظائف. وفي هذا السياق، يقدّم علم العلامات، أو السيميائيات (Semiotics)، وهو العلم الذي يدرس العلامات والعمليات التي تتشكل من خلالها المعاني، منظورًا مهمًا لتحليل طريقة عمل الشاشات الرقمية التي نستخدمها. وفي تطوير البرمجيات، يساعد المنظور السيميائي على الإجابة عن مسألة أساسية كثيرًا ما تغفلها الاختبارات التقنية، وهي مدى توافق المعاني التي يبنيها المستخدمون في أذهانهم مع الأفعال التي ينفذها النظام بالفعل.

لماذا يمكن للرمز نفسه أن يحمل معاني مختلفة؟

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

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

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

الحفاظ على وضوح المعنى بعد الضغط على الزر

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

وتُدرس هذه العملية المتدرجة من التواصل بين الشاشة والمستخدمين بصورة معمقة من خلال منهج يُعرف باسم «الهندسة السيميائية» (Semiotic Engineering). وينظر هذا الإطار النظري إلى واجهة التطبيق باعتبارها رسالة يوجّهها مصممو النظام إلى المستخدمين لتوضيح الوظائف المتاحة وكيفية استجابة البرنامج لكل أمر. وإذا لم تكن العلامات التي تظهر في بداية العملية ووسطها ونهايتها متسقة، يصبح المستخدم مضطرًا إلى تخمين ما يحدث خلف الشاشة. وفي الحالات الحساسة، مثل المدفوعات الرقمية، قد يدفع هذا النقص في المعلومات المستخدم إلى تكرار المعاملة بينما لا يزال النظام يعالج الطلب الأصلي، أو قد يجعله ينتظر وقتًا طويلًا رغم أن عملية الدفع قد فشلت بالفعل.

عندما تصبح العلامات الواضحة مضللة

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

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

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

المراجع

Chandler, D. (2022). Semiotics: The Basics (4th ed.). Routledge. https://books.google.com/books/about/Semiotics_The_Basics.html?id=Yx1tEAAAQBAJ

de Souza, C. S. (2005). The Semiotic Engineering of Human-Computer Interaction. MIT Press. https://mitpress.mit.edu/9780262527095/the-semiotic-engineering-of-human-computer-interaction/

Islam, M. N., Bouwman, H., & Islam, A. K. M. N. (2020). Evaluating web and mobile user interfaces with semiotics: An empirical study. IEEE Access, 8, 84396–84414. https://doi.org/10.1109/ACCESS.2020.2991840

Mathur, A., Acar, G., Friedman, M. J., Lucherini, E., Mayer, J., Chetty, M., & Narayanan, A. (2019). Dark patterns at scale: Findings from a crawl of 11K shopping websites. Proceedings of the ACM on Human-Computer Interaction, 3(CSCW), Article 81. https://doi.org/10.1145/3359183