مبادئ الجشطالت في تصميم المواقع والواجهات التفاعلية: قراءة في مقال علمي 2008

بيانات الدراسة
العنوان الأصلي	Gestalt Theory in Interactive Media Design
العنوان بالعربية	نظرية الجشطالت في تصميم الوسائط التفاعلية
المؤلفون	ليزا غراهام
المجلة	اسم الدورية غير مذكور في نسخة الملف؛ المجلد 2، العدد 1، 2008
نوع المحتوى	قراءة عربية في الدراسة، وليست ترجمة كاملة لها
حقوق النشر	محفوظة للناشر والمؤلفين
إعداد	قسم الترجمة الأكاديمية، شركة جوجان لخدمات الأعمال

سؤال الدراسة

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

كيف أُجريت الدراسة

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

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

أهم النتائج

1. الشكل والخلفية

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

2. التقارب

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

3. الإغلاق

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

4. التشابه

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

5. الاستمرار

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

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

ماذا تعني لمصمم المحتوى العربي

هذه المبادئ تنطبق مباشرة على المواقع العربية والتطبيقات والمدونات:

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

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

حدود الدراسة

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

المصدر

Graham, L. (2008). Gestalt theory in interactive media design. Vol. 2, Issue 1.

هذا المقال قراءة عربية في الدراسة أعدها قسم الترجمة الأكاديمية في جوجان، وليس ترجمة كاملة لها. للاطلاع على النص الكامل يُرجى الرجوع إلى المصدر الأصلي.