إيجابيات وسلبيات التمرير الطويل في تصميم الويب

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

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

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

التمرير الطويل موجود لتبقى ، ولسبب وجيه: من الواضح أن المستخدمين يحبونه.

تمرير طويل ، تنقل ذكي ، مؤثرات خاصة ذكية

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

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

كيف يعمل كل شيء

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

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

التمرير الطويل يُستخدم بشكل أساسي لسرد القصص

منصة سلسة

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

إعطاء تحكم المستخدم

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

لماذا يحب معظم الناس التمرير الطويل

الاستفادة القصوى من تصميم لا يُنسى

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

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

زيادة التحويلات

التمرير الطويل والرسوم المتحركة والتحويم = مجموعة قوية

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

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

إدارة المحتوى المطول

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

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

رواية القصص الطويلة

استخدام أشرطة التنقل الأفقية بشكل فعال

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

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

إنشاء مواقع جذابة

الاستخدامات الرائعة للاستعارات

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

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

الاستخدامات العملية للتفاعل

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

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

لماذا لا يحب بعض المستخدمين التمرير الطويل

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

لا تدمج هذه القدرة فقط لأنها عصرية ؛ ضع في اعتبارك أهداف موقعك ، وحدوده ، وهيكله العام - ثم قرر.

ماذا بعد؟

شاشات أصغر - تمرير أطول

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

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

احتمالات اختلاف الشاشة الصغيرة

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

المنظر هو أكثر من مجرد تأثير خاص ترفيهي. عند استخدامه بشكل صحيح ، يمكن أن يوفر سردًا مرئيًا سلسًا يحافظ على تفاعل المستخدم.

التمرير الطويل والبساطة - مزيج رائع

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

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