الجماليات والإدراك - كيفية التعامل مع صور تجربة المستخدم

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

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

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

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

ذكر Kim Flaherty (متخصص UX في Nielsen Norman Group) أيضًا أن الأبحاث الحديثة قد أشارت إلى أن متلقي الرسائل الإخبارية يتوقعون نفس الصور عالية الجودة التي يواجهونها على الويب ، ويفضلون بشدة الصور التي يمكن رؤيتها على نطاق أوسع ، وإظهار التفاصيل بوضوح شديد.

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

الصور الحسية في التصميم

في الآونة الأخيرة ، اجتذب مجال التسويق الحسي انتباه عالم الشركات والأكاديمية ، وخاصة في مجال التسويق وعلم النفس. في كتاب Sensory Marketing: Research on the Sensuality of Products ، يُعرِّف Aradhna Krishna التسويق الحسي بأنه "محفزات لاشعورية تؤثر على كيفية اتخاذ الناس لقرارات الشراء والاستهلاك". هذا البيان قابل للتطبيق في مشاريع تصميم المنتجات كما هو الحال في التسويق.

وفقًا للمؤلف ، يمكن أن تؤثر الصور الحسية على تصميم المنتج من خلال:

• تشجيع التحفيز الذهني من خلال التصميم المرئي
• إشراك الناس بعلامة تجارية
• التأثير على مواقفهم تجاه العلامة التجارية
• تحفيز الحواس الأخرى (مثل الرائحة) من خلال التصميم المرئي

تعزيز المحاكاة العقلية من خلال الصور

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

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

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

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

الانتباه والإحساس والإدراك

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

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

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

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

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

صور تجربة المستخدم كأداة لزيادة قابلية الاستخدام

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

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

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

فهم أعمق لعلم النفس التطبيقي في جمالية المنتج

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

تأثير الاستخدام الجمالي

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

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

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

في مقال لـ Nielsen Norman Group ، استشهدت كيت موران بـ Kurosu و Kashimura ، اللذان استنتجا أن المستخدمين يتأثرون بشدة بجماليات أي واجهة معينة ، حتى عند تقييم الوظيفة الأساسية للنظام.

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

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

تأثير فتيلة

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

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

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

في Priming and User Interfaces من Nielsen Norman Group ، ذكر المؤلف أن "الصور ومحتوى الصفحة يدفع الناس إلى تكوين توقعات لموقع الويب. إذا تم تأكيد هذه الافتراضات بشكل أكبر ، فإن التجربة الكلية تكون سلسة وممتعة. ومع ذلك ، عندما يتم إثبات خطأ الافتراضات ، غالبًا ما يدرك الناس أن الموقع به قابلية استخدام ضعيفة ".

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

ملخص

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

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

مزيد من القراءة على مدونة Toptal Design:

• توضيح العلامة التجارية 101: تصور السرد
• علم نفس التصميم وعلم الأعصاب في UX الرائع
• تصميم مقنع: استخدام علم النفس المتقدم بفعالية
• دليل خطوة بخطوة لتصميم الرسوم التوضيحية المخصصة بدون أي مهارات رسم
• التأثير مع التصميم - دليل للون والعواطف