تصميم الويب والتسويق عبر الإنترنت: لماذا يعد تصميم موقعك قرارًا تسويقيًا
إن أفضل حملة تسويقية تقوم بها على الإطلاق ستفقد عملاءك بسبب موقع ويب سيء التصميم. إن حركة المرور التي تصل وترتد على الفور هي حركة المرور التي تكلفك نفس تكلفة حركة المرور التي بقيت وتم تحويلها - إلا أنها لم تنتج شيئًا. تصميم الويب ليس اهتمامًا منفصلاً عن التسويق؛ إنها البيئة التي تنجح فيها أو تفشل جميع جهودك التسويقية الأخرى.
الروابط والملاحة: الأساسيات التي ليست أساسية دائمًا
يؤثر الاختيار بين الروابط النصية وروابط الصور على سرعة تحميل الصفحة، وتؤثر سرعة تحميل الصفحة على معدلات الارتداد بطرق موثقة جيدًا. يبدو التنقل المثقل بالصور مصقولًا ولكنه قد يجعل الصفحات تبدو بطيئة عند الاتصالات الأبطأ. إذا كنت تستخدم روابط الصور، فإن علامات الوصف الموجودة على تلك الصور مهمة - سواء بالنسبة لإمكانية الوصول أو لمحركات البحث التي لا يمكنها رؤية ما تظهره الصورة.
يجب أن تكون الروابط النصية قابلة للقراءة بنظرة سريعة وأن يتم تلوينها بشكل تقليدي بدرجة كافية بحيث يتعرف عليها الأشخاص على أنها قابلة للنقر عليها. تؤدي غريزة تخصيص ألوان الارتباط لتتناسب مع لوحة العلامة التجارية في بعض الأحيان إلى إنتاج نص غامض - لا يكون الأشخاص متأكدين مما إذا كان رابطًا أم مجرد معالجة مختلفة للخط. هذا الغموض يكلف نقرات. أ أداة تصميم الموقع يمكنك معاينة كيفية ظهور ألوان الارتباط وأنماط الأزرار على خلفيتك قبل نشر أي شيء، وهو ما يرصد مشكلات قابلية القراءة قبل نشرها.
الفلاش والنصوص الثقيلة والأشياء التي تؤدي إلى إبطاء الصفحات
لقد اختفى Flash بشكل أساسي كتنسيق في هذه المرحلة، ولكن فئة المشكلة التي يمثلها - الاعتماد على المكونات الإضافية للمتصفح أو البرامج النصية الثقيلة التي لا يمتلكها جميع الزوار - لا تزال ذات صلة. تفقد المواقع ذات الاستخدام المكثف لجافا سكريبت والتي تتطلب وقتًا طويلاً للتحميل قبل ظهور المحتوى نسبة مئوية قابلة للقياس من الزوار قبل أن يروا أي شيء. المبدأ التوجيهي الذي لا يزال قائمًا: استخدم النهج الأخف وزنًا الذي يحقق ما تحتاجه. كل رسوم متحركة أو مكون إضافي أو تبعية إطار عمل إضافية لها تكلفة في وقت التحميل يتعين على شخص ما دفعها.
الخطوط وسهولة القراءة مهمة أكثر مما يعتقده الناس
الطباعة هي المكان الذي يختلف فيه المصممون وأصحاب الأعمال غالبًا، وغالبًا ما تعمل غرائز صاحب العمل - "اجعلها أكثر تميزًا وأكثر علامة تجارية وأكثر إثارة للاهتمام" - في كثير من الأحيان ضد سهولة القراءة. الخط الذي يتطلب من القارئ أن يبطئ لفك تشفيره ليس خطًا يمكن قراءته. يجب اختيار خطوط النسخ الأساسية لسهولة القراءة بطول الفقرة: تباعد قياسي، وأشكال حروف مألوفة، وتباين مع الخلفية التي لا لبس فيها في ظروف الإضاءة المختلفة. الخطوط المزخرفة لها مكانها في العناوين، ولكن يجب استخدامها باعتدال واختبارها بأحجام القراءة الفعلية.
تناسق الألوان عبر الموقع بأكمله
يبدو الموقع الذي تحتوي كل صفحة فيه على نظام ألوان مختلف وكأنه عدة مواقع وليس موقعًا واحدًا. يشير تناسق الألوان إلى التنظيم والاحترافية بطريقة تتم معالجتها تحت مستوى الفكر الواعي - حيث يلاحظ الزائرون عدم الاتساق دون أن يعرفوا بالضرورة ما لاحظوه. تتعامل أوراق أنماط CSS مع هذا الأمر مركزيًا، مما يعني أن تغييرًا واحدًا ينتشر عبر الموقع بأكمله. إذا كنت تستخدم منشئ الموقع بدلاً من موقع مرمز بشكل مخصص، فإن اختيارات الموضوع والنموذج تحقق نفس الشيء داخل نظام النظام الأساسي.
تعتبر اللوحة المحددة أقل أهمية من الاتساق. يتم قراءة مجموعة محدودة من الألوان المطبقة بشكل موثوق عبر جميع الصفحات على أنها مقصودة. يتم قراءة النطاق الواسع المطبق بشكل غير متسق على أنه غير مكتمل.
ما كنت تخطي
سأتخطى الخلفيات المتحركة والصور المتحركة المزخرفة إلا في الحالات التي تكون فيها الرسوم المتحركة هي المحتوى الفعلي. الرسوم المتحركة الزخرفية البحتة تجذب العين بطرق تتنافس مع المحتوى الذي جاء الزائر لقراءته. كما أن لديهم أيضًا ميلًا إلى تشتيت الانتباه في اللحظة الخطأ تمامًا - أثناء عملية اتخاذ القرار التي تحدث قبل الشراء مباشرةً. سأقوم أيضًا بتخطي الخطوط التي تعتمد على تثبيت نظام تشغيل أو حزمة خطوط معينة للزائر؛ تعتبر الخطوط الآمنة للنظام أو خطوط الويب المحملة بشكل صريح أكثر موثوقية.
أفضل تصميم ويب للتسويق هو التصميم الذي يختفي، حيث يختبر الزائرون المحتوى الخاص بك ومنتجاتك بدلاً من اختيارات التصميم الخاصة بك. هذا ليس رفضًا لجودة التصميم؛ إنه وصف لما يحققه التصميم الجيد. الموقع الذي ينتهي الزائر من تصفحه دون التفكير مرة واحدة في التصفح يؤدي وظيفته بشكل صحيح تمامًا.
عندما ترسل جهودك التسويقية شخصًا ما إلى موقع الويب الخاص بك، فإن هذا الموقع إما يقوم بسد الفجوة بين الاهتمام والشراء أو توسيعها. التصميم يقرر أي. وهذا يستحق التعامل معه باعتباره قرارًا تسويقيًا، وليس قرارًا جماليًا.
على استعداد للتسوق؟ قارن الأعمال التجارية عبر الإنترنت عبر المتاجر → 📚 أو تصفح الدورات والبرمجيات في السلع الرقمية →
