جدول المحتويات
تعد نظرية الجشطالت من أكثر النظريات النفسية تأثيرًا في مجالات تجربة المستخدم وتصميم التفاعل. أسس النظرية علماء النفس الألمان وكلمة "Gestalt" تعني شكل أو شكل باللغة الألمانية. كما يوحي الاسم ، فإن الفكرة الكامنة وراء مبادئ الجشطالت هي أن البشر ينظرون إلى مجموعات الكائنات على أنها أنماط وليس ككائنات فردية.
هناك العديد من المقالات حول مبادئ الجشطالت ولكن ليس الكثير منها يساعدك على فهم كيفية القيام بذلك. قم بتطبيقها في عملك كمصمم UX / UI. ستمنحك هذه المقالة بعض الأفكار حول كيفية استخدام مبادئ Gestalt لإنشاء تصميمات UX و UI أفضل تساعد الأشخاص على تحقيق أهدافهم بجهد أقل.
قانون التشابه
ينص مبدأ التشابه على أنه عندما تكون الكائنات متشابهة ماديًا ، فإننا نميل إلى تجميعها معًا ونفترض أن لديهم نفس الوظيفة . على سبيل المثال ، في الصورة أدناه ، من السهل جدًا تمييز الخط الذي يحتوي على دوائر حمراء بورجوندي عن باقي الصورة نظرًا لاختلاف لونها.
مثال على مبدأ التشابه. الصورة من قبل المؤلف.
استخدام التشابه في تصميم UX و UI
دعنا نتخيل أن شركتك طورت تطبيق يسمى "Il Mio Chef" يستخدمه هواة الطعام الإيطالي في جميع أنحاء الولايات المتحدة وكندا (سنستخدمه فيبقية هذه المقالة). يشير تقرير حديث سلمه لك الباحث في UX إلى أنه عندما يتعلق الأمر بطلب الطعام الإيطالي ، فإن المستخدمين يهتمون في الغالب بالمطاعم الأقرب إليهم. بعد كل شيء ، نرغب جميعًا في توصيل اللازانيا أو البيتزا الخاصة بنا وهي لا تزال طازجة ودافئة ، أليس كذلك؟
أنظر أيضا: 18 مسلسل أنمي كلاسيكي تحتاجه في قائمة مراقبتكلتسهيل مساعدة مستخدمي تطبيقنا في معرفة المطاعم الأقرب إليهم نحن يمكن استخدام مبدأ التشابه من خلال إبراز هذه المطاعم في واجهة المستخدم. في الصورة أدناه ، يمكنك أن ترى كيف أن إبراز هذه الخيارات باللون الأصفر (على اليمين) يحدث فرقًا كبيرًا من خلال التأكيد بصريًا على الفرق بين أقرب المطاعم وتلك البعيدة. هذه هي الطريقة التي يمكنك بها استخدام مبدأ التشابه لمساعدة المستخدمين في العثور بسرعة على ما يبحثون عنه.
استخدام مبدأ تشابه الجشطالت. صورة للمؤلف.
قانون القرب
ينص مبدأ القرب على أن الكائنات الموجودة بالقرب من بعضها البعض تبدو أكثر ذات صلة من الكائنات المتباعدة عن بعضها. على سبيل المثال ، الصورة الأولى والصورة الثانية لهما نفس عدد الدوائر. ومع ذلك ، في الصورة الثانية ، تكون بعض الأعمدة أقرب إلى بعضها البعض وتخلق انطباعًا بوجود ثلاث مجموعات متميزة بدلاً من مجموعة واحدة كبيرة.
القرب - المثال 1 - مجموعة كبيرة. صورة المؤلف.
القرب - المثال 2 - ثلاث مجموعات متميزة. صورة المؤلف.
استخدام التقارب في تصميم UX و UI
لنأخذ مثالاً من هذا المجال من تصور المعلومات.
هذه المرة ، دعنا نتخيل أنك مسؤول تنفيذي ترغب في معرفة كيفية أداء تطبيقك "Il Mio Chef". تريد إلقاء نظرة على مؤشرات الأداء الرئيسية التي تقيس الأداء المالي ومشاركة المستخدمين ورضاهم. في البداية ، يقوم أخصائي تصور المعلومات الخاص بك بإنشاء لوحة القيادة أدناه والتي تجعلك تضيع أنت وجميع المديرين التنفيذيين الآخرين في الأرقام ويطرحون المزيد من الأسئلة. بعد شهر واحد توقف الكثير منكم عن استخدام لوحة القيادة هذه تمامًا.
لوحة معلومات KPI - Il Mio Chef. صورة المؤلف.
في هذه المرحلة ، تعود إلى اختصاصي تصور المعلومات لديك وتطلب منه تسهيل فهم الأشخاص للصورة الكبيرة من خلال إعادة تصميم لوحة المعلومات. يكون مبدأ القرب مفيدًا في هذه الحالة ، ويمكنك رؤية التصميم الجديد أدناه. يحتوي على ثلاث مجموعات مقسومة على نوع KPI ويساعد الجميع على فهم أداء التطبيق من حيث الأداء المالي والمشاركة والرضا. يمكن أن يساعد تجميع الكائنات معًا واستخدام المزيد من المساحة البيضاء بين المجموعات المستخدمين لديك على هضم المعلومات بشكل أسرع.
استخدام مبدأ التقارب الجشطالت في تصميم لوحة المعلومات. صورة المؤلف.
The Law Ofالاستمرارية
ينص مبدأ الاستمرارية على أنه بمجرد أن تبدأ العين في متابعة كائن ما ، فإنها ستستمر في اتباع "الحركة" في هذا الاتجاه حتى تصادف كائنًا آخر. تساعدنا هذه الحركة على إدراك الكائن كجزء من نفس المسار الذي يتعين علينا اتباعه للعثور على المعلومات. توضح الصورة أدناه كيف يمكننا استخدام مبدأ الاستمرارية لإنشاء مثل هذه الأنماط المرئية التي توجه العين في اتجاه معين.
مثال على مبدأ الاستمرارية. صورة للمؤلف.
استخدام الاستمرارية في تصميم UX و UI
قدم باحث تجربة المستخدم تقريرًا جديدًا يوضح أن الدافع الرئيسي للمستخدمين لاستخدام تطبيق "Il Mio Chef" هو استكشاف الطعام ، لأنه يتيح لهم الوصول إلى مطاعم طعام إيطالية جديدة كل أسبوع. تنظر إلى المقياس الذي يوضح عدد المرات التي يمرر فيها الأشخاص خياراتهم باستخدام تصميم واجهة المستخدم الحالي في الصورة أدناه (الجانب الأيسر) وترى أنهم لا يمررون أكثر من مرتين في المتوسط لمعرفة الخيارات المتاحة لهم.
باستخدام مبدأ الاستمرارية (الجانب الأيمن من الصورة أدناه) ساعد مصمم UX الخاص بك في زيادة هذا الرقم إلى حوالي 10 الضربات الشديدة في المتوسط. كيف حدث هذا؟ من خلال إخفاء جزء من الصورة وتسليط الضوء على حقيقة أنك تحتاج إلى التمرير سريعًا لليسار أو لليمين لرؤية ما بداخله ، تم توجيه أعين المستخدمين لإنشاء حركة "التمرير السريع" وكانوا أكثرمتحمسًا لاستكشاف المزيد من المطاعم وما تقدمه. هذا شيء لم يحفزك التصميم السابق على القيام به على الإطلاق ، حتى لو كنت بالفعل متحمسًا لفعل ذلك.
استخدام مبدأ Gestalt للاستمرارية في تصميم UX / UI. صورة للمؤلف.
لتلخيص ، يمكن أن يساعد استخدام مبادئ Gestalt المقدمة في هذه المقالة في تصميم UX و UI المستخدمين لديك في العثور على المعلومات بشكل أسرع وأفضل هضم هو - هي. علاوة على ذلك ، يمكن أن يزيد رضاهم عن منتجك عن طريق تحفيزهم على اتخاذ الإجراءات التي يحبونها أكثر من غيرهم.
أنظر أيضا: تقديم تكاملات Siri لـ Vectornator
يشمل الغلاف عملًا فنيًا لـ Miklos Philips ، تم تحريره في Vectornator.
