الانطباعات الأولى مهمة: لماذا يعد التصميم المرئي الرائع أمرًا ضروريًا
نشرت: 2021-07-22يصدر الناس أحكامًا سريعة. يستغرق الأمر 1/10 من الثانية فقط لتكوين انطباع أول عن شخص ما. المواقع لا تختلف.
يستغرق الأمر حوالي 50 مللي ثانية (مللي ثانية) (أي 0.05 ثانية) للمستخدمين لتكوين رأي حول موقع الويب الخاص بك يحدد ما إذا كانوا سيبقون أو يغادرون.
هذا الرقم يأتي من دراسات محددة. في الدراسة الأولى ، صنف المشاركون مرتين الجاذبية المرئية لصفحات الويب الرئيسية المقدمة لمدة 500 مللي ثانية لكل منها. في دراسة متابعة ، قاموا بتقليل وقت التعرض إلى 50 مللي ثانية.
طوال الوقت ، ارتبطت تقييمات الاستئناف المرئي بشكل كبير من مرحلة إلى المرحلة التالية ، كما فعلت الارتباطات بين ظروف 50 مللي ثانية و 500 مللي ثانية. وبالتالي ، يمكن تقييم المظهر المرئي في غضون 50 مللي ثانية ، مما يشير إلى أن لديك حوالي 50 مللي ثانية لتكوين انطباع أول جيد لموقعك على الويب.
يعتمد هذا الانطباع الأول على العديد من العوامل: البنية ، والألوان ، والتباعد ، والتماثل ، وكمية النص ، والخطوط ، والمزيد. هذا المشنور:
- تفاصيل البحث على المواقع والانطباعات الأولى.
- يوضح لك كيفية إنشاء تصميم مرئي لتحسين الانطباعات الأولى.
ملاحظة: جميع لقطات شاشة الموقع أدناه هي لأغراض توضيحية فقط .
البحث على المواقع والانطباعات الأولى
يشكل المستخدمون آراء التصميم في 17 مللي ثانية.
قبل بضع سنوات ، أكدت Google رقم 50 مللي ثانية في بحثها الخاص. في الواقع ، وفقًا لدراستهم ، تطورت بعض الآراء في غضون 17 مللي ثانية ، على الرغم من أن التأثير كان أقل وضوحًا في بعض عوامل التصميم.
كانت النتائج الرئيسية من دراستهم هي أن مواقع الويب ذات التعقيد المرئي المنخفض والنماذج الأولية العالية (مدى تمثيل التصميم لفئة معينة من مواقع الويب) كان يُنظر إليها على أنها جذابة للغاية.

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

كانت أقسام الموقع الستة التي جذبت اهتمام المشاهدين:
- شعار المؤسسة. أمضى المستخدمون 6.48 ثانية في التركيز على هذه المنطقة قبل الانتقال.
- قائمة التنقل الرئيسية. تقريبًا مثل الشعار ، قضى الأشخاص ما متوسطه 6.44 ثانية في مشاهدة القائمة.
- مربع البحث . ركز المستخدمون لما يزيد قليلاً عن 6 ثوانٍ.
- الصورة الرئيسية للموقع. تم تثبيت عيون المستخدمين لمدة 5.94 ثانية في المتوسط.
- محتوى الموقع المكتوب . أمضى المستخدمون حوالي 5.59 ثانية.
- الجزء السفلي من الموقع . أمضى المستخدمون حوالي 5.25 ثانية.
نصيحة أساسية: الانطباع الأول الجيد يؤدي إلى زيارة أطول. تأكد من أن العناصر الستة المدرجة هنا تبدو رائعة.
الانطباعات الأولى تتعلق بالتصميم بنسبة 94٪.
حلل باحثون بريطانيون كيف تؤثر عوامل محتوى التصميم والمعلومات المختلفة على ثقة المواقع الصحية على الإنترنت. أظهرت الدراسة بوضوح أن شكل وجوهر الموقع كان المحرك الرئيسي للانطباعات الأولى.

من بين جميع التعليقات التي قدمها المشاركون في الاختبار ، كانت 94٪ تتعلق بالتصميم:
- معقد؛
- تخطيط مشغول
- نقص المساعدات الملاحية.
- تصميم الويب الممل ؛
- استخدام اللون
- إعلانات منبثقة
- مقدمات بطيئة إلى الموقع ؛
- نسخة صغيرة؛
- نص كثير
- شكل ومظهر الشركة ؛
- قدرات بحث ضعيفة
.
6٪ فقط من التعليقات كانت حول المحتوى الفعلي. كان للجاذبية المرئية والتنقل في الموقع التأثير الأكبر على الانطباعات الأولى للأشخاص عن الموقع.
في الوقت نفسه ، ارتبط التصميم السيئ للواجهة بالرفض السريع وعدم الثقة في موقع الويب. عندما لا يحب المشاركون جانبًا من جوانب التصميم ، نادرًا ما يتم استكشاف الموقع بالكامل خارج الصفحة الرئيسية.
تم العثور على نتائج مماثلة في بحث المستهلك WebWatch ، الذي أجراه خبراء المصداقية بجامعة ستانفورد. ووجد الباحثون أن ما يقوله الناس حول كيفية تقييم الثقة من موقع على شبكة الانترنت وكيف تفعل ذلك حقا مختلفة.
أظهرت البيانات أن المستهلك العادي يولي اهتمامًا أكبر بكثير للجوانب السطحية للموقع ، مثل الإشارات المرئية ، أكثر من اهتمامه بمحتواه. على سبيل المثال ، قام ما يقرب من نصف المستهلكين (46.1٪) بتقييم مصداقية المواقع استنادًا جزئيًا إلى جاذبية التصميم المرئي ، بما في ذلك التخطيط والطباعة وحجم الخط وأنظمة الألوان.
نصيحة أساسية: التصميم الرائع يجعل الناس يثقون بك ويتشبثون بك. يؤدي التصميم السيئ إلى عدم الثقة ويجعل الناس يغادرون.
بالنسبة للانطباعات الأولى ، فإن الجاذبية البصرية تتفوق على سهولة الاستخدام.
درست دراسة آثار الجاذبية المرئية وقابلية الاستخدام على أداء المستخدم ورضاه عن موقع الويب.
أكمل المستخدمون مهامًا مختلفة على مواقع الويب التي تنوعت في المظهر المرئي (مرتفع ومنخفض) وقابلية الاستخدام (عالية ومنخفضة). أظهرت النتائج أن الانطباعات الأولى تتأثر بشكل كبير بالجاذبية المرئية للموقع.
أعطى المستخدمون "سهولة الاستخدام وتقييمات الفائدة" للمواقع ذات الجاذبية العالية وانخفاض "سهولة الاستخدام وتقييمات الفائدة" للمواقع ذات

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

كشفت الدراسة عن التأثير القوي المفاجئ للتوقعات الإيجابية على التصنيفات الشخصية بعد التجربة. أعطى المشاركون الذين قرأوا المراجعة الإيجابية للجهاز تقييمات أفضل بكثير بعد التجربة مقارنةً بالمجموعات الأولية السالبة وغير الأولية.
هذا التأثير المعزز للعدد الأولي الإيجابي يتم الاحتفاظ به حتى في حالة المهام الصعبة ، عندما يفشل المستخدمون في معظم المهام.
نصيحة أساسية: إذا أعجب المستخدمون بموقعك "على الفور" ، فسوف يقطعونك بعض الركود بسبب الفواق. قد يعمل هذا النوع من التحضير أيضًا بطريقة أخرى: أ ن
لذا ، إذا كنت تريد ترك انطباع جيد ، فأين هو أفضل مكان للبدء؟
كيف تترك انطباعًا أوليًا رائعًا بالتصميم المرئي
1. ميّز موقعك على الويب (وشركتك) بتصميمك.
هل أنت أنيق ، سخيف ، مثير ، ذكي ، ذكي ، كلاسيكي أم ماذا؟ كيف تختلف عن المنافسة؟ هل تقوم بتوصيل ذلك بأسرع ما يمكن من خلال الطباعة والصور والتصميم على موقع الويب الخاص بك؟
هناك توازن بين تجنب التصميم "المبتكر" - الذي يمكن أن يبعد المستهلكين - والبحث عن نمط مرئي فريد. في كثير من الأحيان ، تتبنى الشركات في نفس القطاع الرأسي نهج "أنا أيضًا" في جمالية تصميمها.
في بعض الأحيان ، تكون المواقع التنافسية متشابهة جدًا لدرجة أنه إذا قمت بإزالة الشعار من رأس الموقع ، فسيكون من المستحيل تقريبًا التمييز بين موقع وآخر.
مما لاحظته ، هذا لسببين رئيسيين:
- ينتقل الحديث الداخلي حول جمالية التصميم إلى حوار حول الميزات ، بدلاً من تطوير هوية بصرية مميزة.
- تم اعتماد الميزات والجماليات التي "تبدو وكأنها تعمل" للمسابقة.
بالطبع ، عندما يتم إطلاق الموقع الجديد ، يكون الجميع مشغولًا جدًا في منح بعضهم بعضًا حتى يلاحظوا أن التصميم الجديد عبارة عن نسخة كربونية تقريبًا من مادة رئيسية
إذا كنت ترغب في إضافة المزيد من التمييز إلى اتصالاتك المرئية ولكنك لا تعرف من أين تبدأ ، تحقق من تقنية Zaltman Metaphor Elicitation Technique وطبقها على استطلاعاتك النوعية. يمكن أن يساعدك هذا في تصميم انطباع أول يتحدث عن القيم الأساسية لعلامتك التجارية دون إبعاد الزوار.
"هوية العلامة التجارية" ليست مجرد شيء اسفنجي يجب تغييره. وجد Cheskin Research & Studio Archetype منذ عام 1999 أن العوامل الستة الأكثر أهمية في بناء الثقة مع شركة التجارة الإلكترونية هي:
- ماركة؛
- التنقل؛
- تحقيق، إنجاز؛
- عرض؛
- أحدث التقنيات ؛
- شعارات الأمان.
فكر في ذلك لثانية. إذا كان الانطباع الأول هو أن موقعك لا يمكن تمييزه عن مواقع الويب الأخرى ، فلماذا يستكشف أي شخص صفحات منتجك ، ناهيك عن اختيارك على المنافسة؟
في ما يلي مثال: لقد بحثت في Google عن "سترة جلدية" لمعرفة ما إذا كان التمييز البصري والانطباع الأول العام يمثلان مشكلة في البحث العشوائي. كانت هذه أول ثلاث نتائج:



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

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

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

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

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

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

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

أظهرت العديد من دراسات الخرائط الحرارية أن التنقل عادةً ما يكون من بين المناطق الأولى والأكثر مشاهدة في موقع الويب. ولكن بعيدًا عن الفئات النموذجية ، ما الذي يجب عليك تضمينه
وفقًا لدراسة أجرتها Business Insider حول سبب تخلي الأشخاص عن عربات التسوق ، ذكر 25٪ من الأشخاص أن "موقع الويب معقد للغاية" (أي يصعب استخدام التنقل) ، وأشار ما يقرب من 60٪ إلى "تكاليف مخفية" (أي تكاليف الشحن ) كسبب أساسي لمغادرتهم دون الحاجة إلى السلطة الفلسطينية

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

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

من السهل العثور على:
وقت حساس الترقيات.- طرق متعددة للتنقل بشكل أعمق في الموقع (الفئات ، الاهتمامات ، البحث) ؛
- منتجات جديدة ومتميزة وحصرية ، بالإضافة إلى لمحة عن المنتجات التي يحملونها (الهدايا والقمصان والإلكترونيات وشهادات الهدايا) ؛
- برنامج مكافآت
- المنتجات المعروضة للبيع
- عتبة "الشحن المجاني" ؛
- توفر دعم العملاء (عبر أزرار "الدردشة المباشرة" و "المساعدة").
قارن ذلك بمثال متطرف ، مثل Zara ، وسترى سبب أهمية ذلك:

دراسة الحالة: يزيد Alight من عمليات البحث على الموقع بنسبة 16٪ والمشتريات بنسبة 25٪
عرفت Alight (الآن CurvyHQ) أن موقعها يبدو قديمًا. جعلت متاجر التجزئة النسائية ذات الحجم الزائد التنقل على مستوى الموقع أكثر حداثة.
قاموا بزيادة حجم شريط البحث الخاص بهم ، وإزالة رمز الثقة ، ودمج فئات "البيع" و "الجديدة" في منطقة التنقل الوردية ، وتوضيح عرض القيمة ، من بين تحديثات ثانوية أخرى.

وكانت النتيجة زيادة في عمليات البحث في الموقع بنسبة 16٪ وزيادة في إجمالي المشتريات بنسبة 25٪ ، كل ذلك بجعل جزء التنقل من انطباع أول قوي.
يمكن أن تستمر الانطباعات الأولى - على مواقع الويب أو في الدوري الاميركي للمحترفين - لسنوات.
نظر بحث أجراه الاقتصاديان Barry Staw و Ha Hoang في تأثير أمر التجنيد في الدوري الاميركي للمحترفين. راقبوا مسيرة اللاعبين لمدة خمس سنوات بعد أن تمت صياغتهم. خمس سنوات كافية لإثبات نفسك بعدة طرق ، لذا لا ينبغي أن تلعب مسودة النظام دورًا ، أليس كذلك؟
خاطئ. وفقًا للدراسة ، يرتبط وقت اللعب بترتيب المسودة الخاص بهم. منحت الفرق وقتًا أطول للعب للاعبين ذوي الصياغة العالية واحتفظت بهم لفترة أطول ، حتى بعد التحكم في أداء اللاعبين في الملعب ، والإصابات ، والوضع التجاري ، والمركز الذي يلعب ، وعوامل أخرى.
كل زيادة في رقم المسودة (أي الحصول على مسودة التاسعة بدلاً من الثامنة) قللت من وقت اللعب بما يصل إلى 23 دقيقة. بشكل لا يصدق ، استمر مشروع النظام في التنبؤ بوقت اللعب خلال السنة الخامسة للاعب في الدوري الاميركي للمحترفين ، السنة الأخيرة التي تم قياسها في الدراسة. اللاعبون الذين تم تجنيدهم في الجولة الأولى كان لديهم أيضًا مهن أطول ؛ لقد لعبوا 3.5 سنوات أكثر من البقية.

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