استكشاف تأثير العاطفة في تصميم الويب

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

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

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

تُعرف إحدى هذه الأدوات باسم Design for Emotion - نهج نفسي للتصميم ، يهدف إلى استدعاء المستخدم المقصود بالعواطف ، وترسيخ الزائرين لهدف موقع الويب الخاص بك.

على سبيل المثال ، إذا أردنا تصميم موقع ويب للترويج لمشروب غازي ، فيمكننا القيام بذلك بطريقتين:

1. ضع المنتج والعلامة التجارية في المقدمة.
2. ضع المنتج والعلامة التجارية في الحاشية العاطفية المناسبة.

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

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

مستويات الفهم العاطفي

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

يحدد والتر في كتابه المراحل الثلاث للانخراط العاطفي لزائر الموقع النموذجي ، فهم معجبون ومثيرون للاهتمام ومشتركون .

1. المستوى الحشوي: "أعجب"

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

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

2. المستوى السلوكي: "مفتون"

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

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

3. المستوى التأملي: "مشارك"

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

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

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

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

مكونات التصميم العاطفي

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

1. كتاب العلامة التجارية

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

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

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

2. الألوان

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

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

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

3. حاشية

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

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

يخلص آرون والتر ، أحد الآباء المؤسسين للتصميم العاطفي ، إلى أن " التصميم العاطفي يحول المستخدمين العاديين إلى متعصبين ، وعلى استعداد لإخبار الآخرين بتجربتهم الإيجابية ".

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