أفضل ممارسات صورة البطل: 6 أشياء يجب مراعاتها

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

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

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

1. استخدم الصور ذات الصلة

بينما نقضي المزيد من الوقت على الإنترنت أكثر من أي وقت مضى ، فإن مدى انتباهنا يتناقص بسرعة. خلصت دراسة من الجامعة التقنية في الدنمارك إلى أن مدى اهتمامنا الجماعي يتضاءل (sciencedaily.com). في حين أن متوسط ​​الوقت الذي يقضيه الزوار على الصفحة في المتوسط ​​، عبر جميع الصناعات ، هو 62 ثانية ، فإن أكثر من 50٪ من الزوار يقضون أقل من 15 ثانية بنشاط على الصفحة (time.com).

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

• ما هي المشاعر التي تحاول إثارة؟
• كيف تتصل صورتك بـ USP / ESP الخاص بك؟
• هل الصورة سياق محتوى الموقع؟

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

HubSpot: باستخدام رسم توضيحي كخلفية رئيسية ، تجسد HubSpot كلاً من جانب النمو وأنها تلبي احتياجات كل من الشركات الصغيرة والمتوسطة والشركات.

أنقذوا الأطفال: استخدام صورة لطفل في خلفيته البطل لتجسيد واحد من العديد من الأطفال الذين يحاولون إنقاذهم - وبالتالي (نأمل) خلق اتصال عاطفي بالجمهور.

Riverford Organic Farmers: مثال جيد على كيفية الاستفادة من الصورة الأصلية المتعلقة بالمنتج للخضروات العضوية. ترتبط الصورة ارتباطًا وثيقًا بالمنتجات و USP.

2. التباين هو المفتاح

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

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

3. استخدم التنسيق الصحيح

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

استخدم الصور التي يتراوح عرضها بين 1500 و 2500 بكسل واضغط صورتك لتقليل حجم الملف وبالتالي زيادة سرعة التحميل.

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

يمكن أن تساعدك العديد من الأدوات عبر الإنترنت في ضغط صورتك:

• Tinyjpg.com: ما يصل إلى 20 صورة ، بحد أقصى 5 ميغابايت لكل صورة.
• Compressor.io: يدعم ملفات jpg و png و gif و svg و webp. 10 ميجا بايت كحد أقصى
• Imagify.io: حد تحميل حجم الملف 2 ميغابايت
• Shortpixel.com: ما يصل إلى 50 ملفًا وبحد أقصى 10 ميجا بايت.

4. خلق اتصال عاطفي

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

عندما نلاحظ تعبير الوجه عن المشاعر ، فإننا غالبًا ما نحاكيه. وفقًا لورقة بحثية نُشرت في مجلة Trends in Cognitive Sciences ، فإن ابتساماتنا أو ابتساماتنا ليست فقط ، ولكن كل تعابير وجهنا معدية.

في الواقع ، يعالج الدماغ الصور أسرع بـ 60 ألف مرة من النص ، و 90 في المائة من المعلومات المنقولة إلى الدماغ هي معلومات مرئية (t-sciences.com). نحن مخلوقات بصرية ومن خلال الاستفادة من المحفزات العاطفية بما في ذلك الوجوه العاطفية والصور المفعمة بالذكريات ، يمكننا ليس فقط إثارة المشاعر والارتباطات الإيجابية ولكن أيضًا مساعدة جمهورك على فك تشفير رسالتك المطلوبة بشكل أسرع وأكثر دقة.

5. كن أصيلًا وواقعيًا

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

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

نجحت العلامات التجارية مثل Dove و Target في وقت لاحق في استخدام "أشخاص حقيقيين" في إعلاناتهم في العام الأخير ولسبب وجيه: أن تكون أصليًا.

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

6. الاختبار والتحسين

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

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

في اختبار تم تنفيذه بواسطة Crazyegg ، زادت النسخة الفائزة مبيعات المتسوقين العالميين بنسبة 29.7٪. في الماضي ، استخدمت الأدوات التالية لاختبار أشكال الصور المختلفة:

• تحسين Google (مجاني)
• على النحو الأمثل
• بيضة كريزي

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