المتزلجون ودوائر كان اتجاه التصميم قبل بضع سنوات. ستجد صعوبة متزايدة في العثور على مدونة لا تقدم لهم اليوم.

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

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

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

يجب علينا حقا استخدامها؟

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

استخدام دائري أم لا

عيوب

فيما يلي بعض الحجج الأكثر شيوعًا حول الدوافع:

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

فوائد

الآن ، دعنا نلقي نظرة على حجج مؤيدي شريط التمرير:

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

أساليب 6 التي ستساعدك على إضافة المتزلجون / دائري إلى بلوق الخاص بك

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

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

# 1: تحسين الموضع

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

شريط التمرير WPmudev تعليمي

# 2: فكر في الحجم

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

# 3: استخدم محتوى مهم في شريط التمرير

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

مثال شريط التمرير WPMUDEV

# 4: حدد صورًا عالية الدقة

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

# 5: حافظ على النص إلى الحد الأدنى

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

# 6: انتبه للتمرير

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

wpmudev مثال شريط التمرير

إذن ماذا يجب أن نفعل؟

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

ماذا تستخدم في المنزل؟ هل لديك تفضيل ؟ لا تتردد في مشاركتنا.