علم نفس التصميم: مسرحية على الكلمات

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

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

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

• تصميم الخط
• التسلسل الهرمي للمحتوى
• اختيار الكلمة

تصميم الخط

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

المستأجرون الأساسيون للخط الجيد هم:

• يجب أن يكون مقروءا
• يجب أن يكون على العلامة التجارية

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

خطوط Serif

الواصفات: كلاسيكية ، موثوقة ، محترمة ، تقليدية ، ثابتة ، راسخة ، ذات مصداقية ، موثوقة.

تشير Serifs إلى الضربات الصغيرة الموجودة في نهاية الأحرف في خطوط معينة. كل تلك المقالات التي كان عليك إرسالها في مسافات مزدوجة ، بحجم 12 Times New Roman خلال المدرسة الثانوية؟ كان لديهم سكتات دماغية سيئة. لا تزال خطوط Serif شائعة على المواد المطبوعة.

تحظى خطوط Serif بشعبية في القطاع المالي نظرًا لمظهرها العريق والموثوق به. يستخدم كل من Wells Fargo و Berkshire Hathaway خطوط serif في علامات الكلمات الخاصة بهم. بينما تظهر الحروف الأضيق على أنها رسمية ومهنية ، تميل خطوط slab serif إلى الظهور بمظهر أكثر ذكورية وقوة. على سبيل المثال ، تستخدم شركة Man Crates - شركة الهدايا الرجالية - محرفًا مكتنزًا يشبه الختم الموجود على حاوية الشحن.

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

خطوط Sans-Serif

الواصفات: حديثة ، تقدمية ، مباشرة ، ودية ، بسيطة ، واضحة ، صريحة ، شفافة.

تميل الأحرف Sans-serif إلى أن تبدو أنظف وأقل مزخرفة من نظيراتها المصنفة. قد يكون هذا أحد أسباب شعبيته في قطاع التكنولوجيا. تهدف التكنولوجيا إلى تحسين حياتنا وتبسيطها ، لذا فمن المنطقي أن شركات التكنولوجيا مثل Google و Apple - وحتى المدونة الموجودة هنا على Layout - غالبًا ما تختار خطوطًا بسيطة وخالية من Serif لمواقعها على الويب.

نظرًا لأنها تبدو أكثر حداثة من الإحساس الكتابي بخط serif ، فإن بعض الشركات تخضع لتحديثات العلامة التجارية لتغيير مظهرها القديم والبدء من جديد بخط sans-serif. فعل بنك التجارة الدولي الكندي (CIBC) ذلك بالضبط عند تغيير شعاره في عام 2021.

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

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

نصوص

الأوصاف: شخصية ، متطورة ، حميمية ، أنيقة ، فاخرة ، متسامحة ، منزلية ، قديمة الطراز.

سواء كنت تعتقد أنه يجب تعليم الكتابة اليدوية بخط اليد أم لا ، فليس هناك ما يشير إلى أن شعبيتها كخط آخذة في الانخفاض. في الواقع ، لطالما كانت كتابة السيناريو خيارًا شائعًا في صناعة المواد الغذائية. يتبادر إلى الذهن Krispy Kreme و Campbell كمثالين واضحين ، لكن مطاعم المدينة الأصغر تختار أيضًا خطوط البرامج النصية بانتظام. على بعد بضعة مبانٍ من مكتبنا في أوماها ، يُعد متجر Ted & Wally's للمثلجات مثالاً آخر مناسبًا (ولذيذًا).

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

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

الخطوط الزخرفية

الأوصاف: قوي ، جريء ، مبدع ، أصلي ، غير رسمي ، ممتع ، جديد ، أصيل.

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

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

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

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

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

التسلسل الهرمي للمحتوى

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

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

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

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

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

اختيار الكلمة

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

العناوين والدعوات إلى العمل

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

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

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

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

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

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

وصف المنتج

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

وفقًا لمقال نُشر عام 2003 في المجلة السنوية لعلم النفس ، فإن أقل من 5٪ من الكلمات المستخدمة في الكلام أو الكتابة اليومية تعتبر كلمات "عاطفية". يذكر المؤلفون أن هذا يرجع إلى أنه "من منظور تطوري ، لم تظهر اللغة كوسيلة للتعبير عن المشاعر. في الكلام الطبيعي ، نستخدم عمومًا التنغيم أو تعبيرات الوجه أو غيرها من الإشارات غير اللفظية للتعبير عما نشعر به ".

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

محتوى على الصفحة

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

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

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

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

يُعد فيلم "Just Do It" من Nike مثالًا رائعًا على الشعار الإيجابي. في حين أن الدافع الإيجابي والسلبي شائعان في ألعاب القوى ، فمن الملاحظ أن نايكي اختارت لغة إيجابية بدلاً من شيء مثل "لا تستسلم أبدًا" أو "لا تستسلم".

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

خذ مثال التصميم هذا. فازت حملة "Not a Gun" التي أطلقتها مؤسسة Courageous Conversation Global Foundation بالميدالية الذهبية في حفل جوائز الإعلانات الأمريكية لإبداعها. كلمة "لا" تهيئ العقل البشري للتوتر. يتم استخدام هذا الضغط اللاوعي الخفي الناجم عن اختيارهم للكلمات السلبية عن قصد لجذب الجمهور.

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

في الدماغ البشري ، السؤال المطروح هو سؤال تمت الإجابة عليه. خذ هذا المثال:

هل يمكنك التفكير في حيوان يعيش في الماء؟

أراهن أن عقلك قام تلقائيًا بتحويل التروس إلى صورة لنوع من الحياة البرية المائية. هذا الدافع البشري لإعداد إجابة هو ما يجعل طرح أسئلة على جمهورك أداة اتصال مفيدة. لهذا السبب ما زلنا نرى التكرارات الجديدة لـ "Got Milk؟" حملة - لأنهم يواصلون العمل.

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

كما فاز الطالب Sam Luo بالميدالية الذهبية في جوائز الإعلانات الأمريكية العام الماضي لتصميمه الواقعي. استنادًا إلى مفهوم بسيط ، "Go In Deep" ، يعمل على تكبير المسافات بين الأسنان لتشجيع المشاهدين على استخدام خيط الأسنان Oral-B.

المدونات والمحتوى الإضافي

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

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

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

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

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

المزيد من جودة التصميم

نأمل أن تستمتع بغوصنا العميق في العوامل النفسية التي تشكل تصميمًا رائعًا. تأكد من مراجعة الأجزاء من 1 إلى 3 للحصول على الصورة الكاملة ، واستمر في مشاهدة WP Engine Resource Center للدفعة التالية.