• الماضيالماضيالماضي
  • الحاضرالحاضرالحاضر
  • من نحنمن نحنمن نحن
  • الخدماتالخدماتالخدمات
  • قصص النجاحقصص النجاحقصص النجاح
  • المقالاتالمقالاتالمقالات
  • دورات تجربة المستخدمدورات تجربة المستخدمدورات تجربة المستخدم
  • الوظائفالوظائفالوظائف
  • تواصل معناتواصل معناتواصل معنا
Logo
en
Logo
العنوان
7424 شارع التخصصي 12314 الدور الأول، المكاتب 101 إلى 105 الرياض، المملكة العربية السعودية
الموقع على الخريطة
البريد الإلكتروني
hello@uxbert.com
الهاتف
+966 55 517 50 57

روابط سريعة

  • من نحنمن نحنمن نحن
  • دورات تجربة المستخدمدورات تجربة المستخدمدورات تجربة المستخدم
  • قصص النجاحقصص النجاحقصص النجاح
  • الوظائفالوظائفالوظائف
  • تواصل معناتواصل معناتواصل معنا
  • المقالاتالمقالاتالمقالات

الخدمات

  • التجربة والبحثالتجربة والبحثالتجربة والبحث
  • تصميم واجهات المستخدم (UI)تصميم واجهات المستخدم (UI)تصميم واجهات المستخدم (UI)
  • التطويرالتطويرالتطوير
  • التسويقالتسويقالتسويق
  • الاستراتيجية والتحول الرقميالاستراتيجية والتحول الرقميالاستراتيجية والتحول الرقمي
  • الذكاء الاصطناعي (AI)الذكاء الاصطناعي (AI)الذكاء الاصطناعي (AI)
  • الواقع المعزز (AR)الواقع المعزز (AR)الواقع المعزز (AR)

تابعنا

  • thumbnail for LinkedIn
    LinkedInLinkedInLinkedIn
  • thumbnail for X
    XXX
  • thumbnail for Instagram
    InstagramInstagramInstagram
  • thumbnail for Youtube
    YoutubeYoutubeYoutube
  • thumbnail for Facebook
    FacebookFacebookFacebook

حوّل عملك ونمّه الآن

تواصل معنا
© 2026 UXBERT. جميع الحقوق محفوظة.
  • سياسة الخصوصية
  • شروط الخدمة
30 أبريل 2018.

13 مبدأ في علم النفس يجب أن يعرفها جميع مصممي تجربة المستخدم

وقت القراءة: 18 دقائق
13 مبدأ في علم النفس يجب أن يعرفها جميع مصممي تجربة المستخدم

يلعب علم النفس دورًا مهمًا في تصميم تجربة المستخدم.

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

للبدء، قمنا بتجميع وتبسيط 13 مبدأ نفسيًا من شأنها أن تساعد في تحسين سهولة الاستخدام والجماليات وفعالية تصميماتك.

1.قانون هيك

2.مبادئ الجشطالت للإدراك البصري

3.سيكولوجية الإقناع

4.التجاهل الانتقائي وعمى التغيير

5.قيود الذاكرة

6.النماذج العقلية

7.سيكولوجية الألوان

8.تأثير فون ريستورف

9.ردود الفعل الحشوية

10.نظرية الترميز المزدوج

11.سيكولوجية الأشكال

12.مبدأ باريتو أو قاعدة 80/20

13.قانون فيت

 

1. قانون هيك

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

ينص قانون هيك على أن الوقت الذي يستغرقه المستخدمون لاتخاذ القرار يزداد مع زيادة عدد الاختيارات المتاحة.

Hick's Law Graph

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

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

إذًا كيف يمكنك تطبيق قانون هيك على تصميم الويب الخاص بك؟

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

This website is cluttered with distractions irrelevant to the purpose of the website, making it probably the most unusable website out there. (Source: www.lingscars.com)

هذا الموقع مليء بالمشتتات التي لا علاقة لها بالغرض من الموقع، مما يجعله على الأرجح الموقع الأكثر غير قابل للاستخدام على الإنترنت. (مصدر:www.lingscars.com)

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

North Face Menu Dropdown

تقسيم الخيارات إلى فئات والاستخدام الجيد للمساحة البيضاء يجعل المستخدم أكثر عرضة للاستجابة بشكل أسرع. (مصدر:www.thenorthface.com)

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

hickslaw

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

يجب أن يكون هدفك دائمًا هو تقليل الوقت الذي يستغرقه المستخدمون لاتخاذ قراراتهم، حتى ينتهي بهم الأمر إلى اتخاذ القرار.

2. مبادئ الجشطالت للإدراك البصري

يعالج دماغنا المعلومات بطريقة رائعة.

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

تشرح نظرية الجشطالت ذلكيقوم المشاهدون بشكل لا شعوري بتجميع الأشياء المنفصلة معًا لإدراكها ككل . 

يتم تنظيم مبادئ نظرية الجشطالت في ست فئات:

Gestalt Principles

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

 

Starbucks Logo                         Mcdonald's Logo

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

Adidas Logo

 

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

 

Unilever Logo

 

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

 

Law of Similarity

 

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

 

Hope For African Children Initiative Logo

 

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

 

IBM logo

 

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

Hotel Association of Canada

 

3. سيكولوجية الإقناع

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

الدكتور روبرت سيالديني في كتابه،"التأثير: سيكولوجية الإقناع"صاغ6 مبادئ التأثير وهم:

المعاملة بالمثل

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

everydaycarry.com law of reciprocation

يقدم هذا الموقع رسائل إخبارية مجانية تحتوي على هدايا مقابل عنوان البريد الإلكتروني للمستخدمين، مما يحقق فائدة عالية بتكلفة منخفضة. (مصدر:http://everydaycarry.com)

سلطة

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

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

Law of Authority

(مصدر:www.atomic.io)

Law of Authority

تستخدم كلتا الشركتين السلطة من خلال تزويد عملاء العلامات التجارية الرائدة بتأسيس شعور بالثقة والموثوقية في خدماتهم. (مصدر:www.principleformac.com)

الندرة

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

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

Booking scarcity

يؤدي عرض العدد المحدود من الغرف المتبقية إلى زيادة احتمال قيام المستخدم باتخاذ إجراء قبل عدم ترك أي منها. (مصدر:www.booking.com)

Countdown Timer

يستخدم هذا المتجر عبر الإنترنت مؤقتًا للعد التنازلي للبيع لفترة محدودة لخلق شعور بالإلحاح لدى المستخدم لاتخاذ إجراء قبل أن يفوتك التوفير. (مصدر:www.extrastores.com)

تروق

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

Turkish Airlines Celebrity Ad

استخدمت الخطوط الجوية التركية بذكاء اثنين من الرياضيين الرائعين المحبوبين من قبل الملايين للترويج لعلامتها التجارية وخلقت ضجة حول شركات الطيران الخاصة بها. (مصدر:www.turkishairlines.com)

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

إثبات اجتماعي

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

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

Amazon Recommendations

تؤثر أمازون على العملاء باستخدام الدليل الاجتماعي. (مصدر:www.amazon.com)

 

Reviews

يستخدم موقع متاجر إكسترا مراجعات وتقييمات الخبراء والعملاء لإقناع المستخدمين باتخاذ قرارات الشراء. (مصدر:www.extrastores.com)

4. التجاهل الانتقائي وعمى التغيير

هل تريد أن تعرف مكان وضع معلومات معينة على موقع الويب الخاص بك؟

ثم من المهم أن تفهم المستخدمين.إذا كنت لا تفهم كيف يفسر المستخدمون ما يرونه، فلن تتمكن من إنشاء تصميمات ستكون فعالة.

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

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

مع انخفاض فترة الاهتمام من 12 ثانية إلى 8 ثوانٍ منذ بداية ثورة الهاتف المحمول، يبحث المستخدمون عن ما يحتاجون إليه في أسرع وقت ممكن. إذا لم يعثروا عليه فورًا على موقعك، فلن يترددوا في البحث في مكان آخر.

Selective Disregard Heat map

توضح المناطق المميزة أين ينظر المستخدمون أثناء استخدام هذا الموقع، وأي شيء خارج هذه المناطق يمكن أن يمر دون أن يلاحظه أحد. (مصدر:www.eyequant.com)

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

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

Change Blindness

يتغير زر "إضافة إلى سلة التسوق" الموجود على موقع Vans الإلكتروني إلى "نفاد المخزون" دون أي إشارة يمكن أن تمر دون أن يلاحظها المستخدم بسهولة. (مصدر:www.nngroup.com)

5. قيود الذاكرة

"الذاكرة خادعة لأنها تتلون بأحداث اليوم."- ألبرت أينشتاين

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

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

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

تبلغ سعة الذاكرة العاملة لدينا حوالي 10-15 ثانية- تذكر 3-4 عناصر فقط في المرة الواحدة.

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

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

6. النماذج العقلية

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

مع تزايد الوقت الذي يقضيه المستخدمون عبر الإنترنت، قام المستخدمون بتكوين نماذج ذهنية حول كيفية التفاعل مع الواجهات وما يمكن توقعه منها.

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

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

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

Sign Up Mental Model

يتوقع المستخدمون خيار تسجيل الدخول الاجتماعي بنقرة واحدة. (مصدر:www.conversionxl.com)

إن اختبار قابلية الاستخدام وتحليل المهام والملاحظات والمقابلات ليست سوى بعض الطرق لفهم النماذج العقلية لمستخدميك والبناء عليها.

7. سيكولوجية الألوان

"اللون هو القوة التي تؤثر بشكل مباشر على الروح."- فاسيلي كاندينسكي

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

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

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

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

دعونا نلقي نظرة على الخصائص العامة لكل لون.

Color Psychology

أزرق: قوية وصادقة وهادئة ومخلصة وجديرة بالثقة وآمنة

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

 

fb logoVISA logo

Ford logo

 

 

 

 

أحمر: الطاقة، الحب، المثير، العمل، الجريء، العاطفي

تعد شركة Coca-Cola أحد الأمثلة الكلاسيكية لكيفية استخدام الشركة للون الأحمر في علامتها التجارية للتعبير عن مدى الإثارة والحيوية كمنتج.

 

Cocacola logo

Redbull logo

Kelloggs logo

 

 

 

 

 

البرتقالي:سعيد، مؤنس، ودود، وبأسعار معقولة، والحماس

غالبًا ما يستخدم اللون البرتقالي للفت الانتباه ويعتبر لونًا للحماس. تستخدم قناة الأطفال Nickelodeon اللون البرتقالي في علامتها التجارية لإعطاء انطباع بوجود بيئة سعيدة ومرحة.

 

Orange logo

Nickelodeon logo

Fanta logo

 

 

 

 

 

أصفر:منطقي، متفائل، ذو تفكير مستقبلي، ثقة، مرح

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

 

Mcdonalds Logo

DHL logo

bic

 

 

 

 

 

لون القرنفل: المؤنث، العاطفة، الشباب، المرح، لطيف، ورعاية

اللون الوردي هو مزيج من اللون الأحمر القوي المخفف مع نقاء اللون الأبيض. غالبًا ما يستخدم لإظهار الحنان المقترن بالإثارة.

 

LGVictorias Secret LogoBR logo

 

 

 

 

 

 

أرجواني: خيالي، إبداعي، حنين، ملكي، روحاني

اللون الأرجواني يحفز الخيال، ويجلب مشاعر طاقة اللون الأحمر مع روحانية اللون الأزرق.

Cadbury Logo

Hallmark Logo

Yahoo logo

 

 

 

 

أخضر: النمو، العضوي، الطبيعي، الطازج، الاستقرار، الإيجابية، الراحة

اللون الأخضر هو لون متوازن يمكن ربطه بسهولة بسبب وجوده الطبيعي في بيئتنا. تستخدم شركة Whole Foods اللون الأخضر في نظام ألوانها لربط منتجاتها بالطبيعة والنضارة.

Whole Foods Logo

Starbucks logo

Spotify Logo

 

 

 

 

 

بني:ترابي، بسيط، الصدق، الأمن، الحماية

اللون البني هو لون واقعي يمثل البنية والاستقرار. يثير مشاعر الود والولاء. خدمة البريد السريع، UPS تثير ثقة المستخدم من خلال نظام العلامة التجارية البني الخاص بها.

ups logo

AandW logo

mandms logo

 

 

 

 

 

أسود:الرقي، الفخامة، المغري، الرسمي، السلطة، القوة

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

Nike logo

 

BBC logo

Chanel Logo

 

 

 

 

أبيض: البساطة، النقاء، النور، البراءة، الخير

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

Apple logo

 

 

 

 

 

 

متعدد الألوان: متعددة القنوات، إيجابية، مرحة، جريئة، لا حدود لها، متنوعة

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

 

Google logo

NBC logo

Olympics logo

 

 

 

 

 

8. تأثير فون ريستورف

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

Von Restorff Effect

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

Medium Website

يستخدم Medium زر CTA أخضر اللون يتباين مع ألوان الخلفية لجذب الانتباه إليه. (مصدر:www.medium.com)

لكن ضع في اعتبارك أنه يجب استخدام مبدأ Von Restorff باعتدال. قد تؤدي محاولة إبراز العديد من الأشياء إلى إرباك المستخدمين بكل ما يحدث على الشاشة وفقدان التركيز. تذكر أن الأقل هو الأكثر.

9. التفاعلات الحشوية

هل صادفت يومًا موقعًا إلكترونيًا لا ترغب في مغادرته نظرًا لجماله؟

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

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

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

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

Airbnb homepage

تستخدم Airbnb صورًا مثيرة للاهتمام للوجهات لإثارة رد فعل إيجابي مرتبط باستخدام موقعها على الويب. (مصدر:www.airbnb.com)

10. نظرية الترميز المزدوج

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

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

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

Dual-coding

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

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

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

11. سيكولوجية الأشكال

"لقد وجدت أنني أستطيع أن أقول أشياء بالألوان والأشكال التي لا أستطيع أن أقولها بأي طريقة أخرى"- جورجيا أوكيف

يستجيب عقلنا الباطن للأشكال من خلال ربطها بالصفات التي نعتقد أنها تمثلها.

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

بعض الأشكال شائعة الاستخدام هي:

الدوائر والأشكال البيضاوية والحذف

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

Pepsi LogoAudi Logo

 

 

 

 

 

 

المربعات والمثلثات

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

Microsoft Logo

Google Drive

 

 

 

 

 

الخطوط العمودية

ترتبط الخطوط العمودية في الشعارات مثل Cisco وSoundCloud بالرجولة والقوة والعدوان.

Cisco LogoSoundcloud Logo

 

 

 

 

 

الخطوط الأفقية

ترتبط الخطوط الأفقية في الشعارات مثل AT&T وحملة حقوق الإنسان بالمجتمع والمساواة والطمأنينة والهدوء.

AT&T Logo

Human Rights

 

 

 

 

 

12. مبدأ باريتو، أو قاعدة 80/20

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

80/20 Rule

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

قم بتحليل أداء تصميمك لاكتشاف متطلباتك بنسبة 80/20. مع وجود عدد أقل من العناصر التي يجب التركيز عليها، يمكنك تحقيق أقصى قدر من الدقة والبراعة لزيادة معدلات التحويل مع الحد الأدنى من الجهود الضائعة.

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

13. قانون فيتس

يقترح قانون فيتس أن الوقت المستغرق للانتقال إلى منطقة مستهدفة يعتمد على حجم الهدف والمسافة إلى الهدف.

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

Fitts Law

(المصدر: www.interaction-design.org)

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

Fitts Law

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

خاتمة

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

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

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

 

في UXBERT Labs، نحن متخصصون في استخدام عمليات UCD العلمية لتصميم تجارب مبتكرة وجميلة على مستوى عالمي. مع فرق تجربة المستخدم المتخصصة في دبي والرياض، سنقوم بتصميم وبناء البرامج التي ستساعد أعمالك على النجاح. إذا كان لديك مشروع ترغب في العمل معنا عليه، تواصل معنا علىhello@uxbert.com

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

مقالات ذات صلة

thumbnail for blog post قابلية استخدام أُطر التصميم المرئي وMaterial Design من Google

قابلية استخدام أُطر التصميم المرئي وMaterial Design من Google

يحاول إطار Material Design من Google استخلاص جوهر تصميم الطباعة — الخطوط والشبكات والمساحات والمقاييس والألوان والصور — بالإضافة إلى الحركة التفاعلية، لإنشاء تجربة رقمية متماسكة. في الأساس، يُمكّن من إيصال المعلومات من خلال إنشاء اتفاقيات محسّنة جيداً مدعومة بعدة سنوات من خبرة Google في التصميم والبحث — مما يسمح ويُلزم المصممين بالتركيز على هندسة المعلومات […]

thumbnail for blog post قابلية استخدام أُطر التصميم المرئي وMaterial Design من Google
15 يونيو 2015
15 يونيو 2015
arrow
thumbnail for blog post ورشة عمل مجانية لتجربة المستخدم في الرياض 28 فبراير: إرشادات سهولة الاستخدام لمواقع الويب & تطبيقات الجوال

ورشة عمل مجانية لتجربة المستخدم في الرياض 28 فبراير: إرشادات سهولة الاستخدام لمواقع الويب & تطبيقات الجوال

نداء لجميع رواد الأعمال ومصممي الويب والمطورين ومديري المنتجات الرقمية. نتشرف بدعوتكم لحضور ورشة عمل تدريبية مجانية حول تجربة المستخدم ولقاء يوم السبت 28 فبراير 2015 في صالة مطوري موبايلي. تستضيف UXBERT كل شهر لقاء تصميم UX في الرياض كجزء من مبادرتنا لتمكين وتواصل وتثقيف وتحويل […]

thumbnail for blog post ورشة عمل مجانية لتجربة المستخدم في الرياض 28 فبراير: إرشادات سهولة الاستخدام لمواقع الويب & تطبيقات الجوال
26 فبراير 2015
26 فبراير 2015
arrow