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

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

إليك 5 نصائح يجب اتباعها للتأكد من أن التمرير الطويل يلبي توقعات المستخدمين.

1. تقديم محتوى مثير للاهتمام من البداية

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

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

  • تقديم حقائق مثيرة للاهتمام (الحقائق التي تجذب الزائرين وتسترعي انتباههم)
  • استخدام الصور الجذابة (يلفت المستخدمون اهتمامًا شديدًا بالصور والصور التي تحتوي على معلومات ذات صلة)

2. منح المستخدمين جديلة مرئية

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

1

يعلم السهم الذي يشير إلى خارج الشاشة المستخدمين أنه سيتم وضع معظم المحتوى أدناه.

3. حافظ على خيارات التنقل باستمرار مرئية

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

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

مثال على ملاحة لزجة مرئية باستمرار.

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

4. استخدام الرسوم المتحركة الوظيفية لإشراك الزوار

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

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

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

5. تجنب الاختراق التمرير

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

6

تستخدم Apple اختطاف التمرير على صفحة Mac Pro الخاصة بهم.

استنتاج

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