section shadow
section shadow

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

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

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

إنشاء استخدامات للتذييل الخاص بك

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

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

مكونات تصميم تذييل الموقع الإلكتروني

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

تأتي التذييلات بجميع الأشكال والأحجام ويمكن أن تتضمن جميع أنواع المكونات، من بينها

  1. ١- خريطة الموقع

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

  2. ٢- روابط التنقل

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

  3. ٣- الدعوات الي العمل

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

  4. ٤- نمازج الاتصال

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

  5. ٥- حول/الكلمات الرئيسية لتحسين محركات البحث

    إن قيمة تحسين محركات البحث للكلمات المفتاحية في التذييلات قابلة للنقاش. ومع ذلك، يمكنك استغلال الفرصة للحصول على وصف سريع آخر عن هويتك، بما في ذلك كلماتك الرئيسية.

  6. ٦- حقوق الطبع والنشر

    حمايتك ضد الانتحال، وإن كانت حماية ضعيفة. لا يضمن ذلك أي شيء حقًا، ولكن إذا كانت تذييلك يعرض شيئًا واحدًا فقط، فربما يكون هذا هو الشيء الوحيد.

  7. ٧- جهات الاتصال والخريطة

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

  8. ٨- الأيقونات الاجتماعية

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

  9. ٩- الاشتراك في النشرة الإخبارية

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

  10. ١٠- سياسة الخصوصية وشروط الاستخدام

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

  11. ١١- بحث

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

  12. ١٢- الشهادات والجوائز

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

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

كيفية تحقيق أفضل تصميم لتذييل الموقع الإلكتروني

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

استهدف البساطة

section shadow
section shadow

“Make it simple, but significant.”

Don Draper

الناس سيئون في معالجة الكثير من المعلومات، وإذا كان تصميم تذييلك معقداً فسيتشتت انتباه الناس.

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

تذييل موقع AirBnB الذي يستخدم بعضًا من أفضل مبادئ تصميم تذييلات المواقع الإلكترونية

يوضح موقع Airbnb الإلكتروني مبدأ البساطة بشكل جيد

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

كل شيء واضح وفي مكانه المتوقع مع طباعة بسيطة، وتنظيم أنيق، وظلال رمادية محايدة مريحة للعينين

كن جريئاً… استخدام التباين

يساعد التباين على إبراز جسم ما من خلال جعله مميزاً بصرياً عن الأجسام الأخرى في الخلفية.

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

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

تذييل موقع Shopify الذي يستخدم بعض أفضل ممارسات تذييل الموقع الإلكتروني.

يستخدم Shopify التباين بذكاء في تصميم تذييل الموقع الإلكتروني

  • يستحوذ اللون الأزرق الداكن على انتباهك
  • يتباين زر CTA الأحمر بشكل رائع مع الخلفية الزرقاء، مما يلفت الانتباه
  • التسلسل الهرمي لأحجام الخطوط والجرأة للتمييز بين عناصر التنقل الخمسة الرئيسية

استخدام المساحة البيضاء بفعالية

فكر في تصميم صفحة الويب الخاصة بـ Google. كلها تقريباً مساحة بيضاء خالية من المشتتات؛ فقط الشعار، وحقل البحث، وزر البحث

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

تذييل موقع موزيلا الإلكتروني، باستخدام مساحة واضحة للفت الانتباه إلى روابط التذييل

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

تنظيم المعلومات بشكل جيد

في التصميم، يشير التقارب الشديد بين العناصر إلى وجود علاقة بينها

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

تجميع العناصر ذات الصلة يجعل من السهل على المستخدمين التعرف بصريًا على التصنيف ويساعد في توجيههم إلى المعلومات التي يبحثون عنها

تذييل موقع Smugmug الذي يصنف الروابط وفقًا لقربها من رأس الصفحة

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

لقد وصلت إلى تذييل هذه المقالة

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

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

ما رأيك في أفضل تصميم لتذييل الموقع الإلكتروني؟ هل لديك أمثلة لمواقع الويب ذات التذييلات الرائعة؟ شاركها معنا على مواقع التواصل الاجتماعي

ومرر للأسفل قليلاً لترى كيف تعاملنا مع تذييل الصفحة

section shadow
section shadow

“The value of an idea lies in
the using of it”

Thomas Edison