3 من أشهر مبادئ جشطالت في تصميم المنتجات الرقمية

ما هي مبادئ جشطالت؟

 

في البداية كلمة جشطالت (Gestalt) هي كلمة من أصل ألماني تعني “الشكل”. ومبادئ جشطالت تم تأسيسها على يد مجموعة من علماء النفس الألمان.

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

 

3 من أبرز مبادئ جشطالت وأمثلة عليها في تصميم المنتجات الرقمية

 

1- مبدأ التقارب (Proximity)

 

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

3 من أشهر مبادئ جشطالت في تصميم المنتجات الرقمية
المصدر

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

3 من أشهر مبادئ جشطالت في تصميم المنتجات الرقمية
المصدر

نجد استخدام وتطبيق مبدأ التقارب في الكثير من واجهات الاستخدام (UI)، مثل التقارب بين حقول الإدخال في صفحات تسجيل الدخول في المواقع الإلكترونية.

3 من أشهر مبادئ جشطالت في تصميم المنتجات الرقمية
مثال على مبدأ التقارب في المواقع الإلكترونية

 

2- مبدأ التشابه (Similarity)

 

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

3 من أشهر مبادئ جشطالت في تصميم المنتجات الرقمية
مبدأ التشابه

 

وإذا أردنا أن نأخذ مثالاُ على مبدأ التشابه في المنتجات الرقمية فلدينا تطبيق زووم (Zoom) للاجتماعات:

3 من أشهر مبادئ جشطالت في تصميم المنتجات الرقمية
مثال على مبدأ التشابه في المنتجات الرقمية

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

 

3- مبدأ الإغلاق (Closure)

 

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

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

3 من أشهر مبادئ جشطالت في تصميم المنتجات الرقمية
شعار شركة IBM كمثال على مبدأ الإغلاق

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

3 من أشهر مبادئ جشطالت في تصميم المنتجات الرقمية
مثال على مبدأ الإغلاق في المواقع الإلكترونية

 

خاتمة

 

معرفة المصمم بمبادئ جشطالت أمر بالغ الأهمية في مجال تجربة المستخدم (UX) إذ تمكّنه من فهم أعمق لما يراه المستخدم وتساعده في توجيهه نحو تصميم ناجح ومنطقي يحقق الهدف المطلوب.

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

 

تنويه: هذا المقال خلاصة ما تم عرضه في جلسة من جلسات المنصّة بعنوان “علم النفس والتصميم: مبادئ جشطالت في التصميم الرقمي” استضفنا فيها أ. أحمد المنسي، متخصص في تصميم واجهة المستخدم وحاوره أ. محمود عبدربه مؤسس منصّة تعلّم كتابة تجربة المستخدم بالعربية.

 يمكنك مشاهدة الجلسة على قناتنا على يوتيوب.

شارك المقال عبر..

دوراتنا المميزة

اختر الدورة المناسبة لأهدافك واحجز مقعدك الآن
الدورة التأسيسية في كتابة تجربة المستخدم
10 محاضرة . 17 ساعة
+ 100 خريج
الدورة المتقدمة في كتابة تجربة المستخدم
20 محاضرة . 40 ساعة
+ 100 خريج
الدورة التأسيسية في كتابة المحتوى
13 محاضرة . 25 ساعة
جديد
الدورة المتقدمة في أنظمة التصميم
24 محاضرة . 36 ساعة
جديد
ورشة عمل قريبا
دورات أخرى
ورشة عمل Design sprint
13 محاضرة . 25 ساعة
جديد