خذها إلى الحد الأقصى - نظرة عامة على مواقع الويب ذات التمرير الطويل

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

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

الغرض من التمرير الطويل وفوائده

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

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

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

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

متى تستخدم التمرير الطويل (ومتى لا)

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

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

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

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

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

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

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

التكاليف النفسية للتمرير الطويل

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

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

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

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

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

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

أفضل ممارسات موقع الويب للتمرير الطويل

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

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

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

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

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

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

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

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

أمثلة على التمرير الطويل الذي تم القيام به إلى اليمين

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

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

خاتمة

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

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

• • •

مزيد من القراءة على مدونة Toptal Design:

• تصميم مقنع: استخدام علم النفس المتقدم بفعالية
• علم نفس التصميم وعلم الأعصاب في UX الرائع
• التجربة هي كل شيء - دليل UX النهائي
• UX Hook Ultimate - تصميم توقعي ومقنع وعاطفي في UX
• القوانين المجربة والصحيحة لتجربة المستخدم (باستخدام مخطط المعلومات الرسومي)