اسکرول بی نهایت یا Infinite Scroll یکی از تکنیکهای طراحی وب است که به کاربران امکان میدهد بهطور پیوسته محتوای جدید را مشاهده کنند. این تکنیک بهویژه در شبکههای اجتماعی مانند اینستاگرام، توییتر و پنترست استفاده شده است و باعث میشود کاربران بهطور مداوم با محتوا درگیر باقی بمانند؛ اما آیا این تکنیک همیشه مؤثر است؟ آیا در سایتهای دیگر نیز به همین اندازه عملکرد موفق خواهد داشت؟ بررسی مزایا و معایب استفاده از Infinite Scroll میتواند به ما کمک کند تا بهترین استفاده را از این تکنیک در طراحی صفحات وب خود ببریم.
اسکرول بی نهایت چیست؟
Infinite Scroll یک تکنیک طراحی وب است که در آن، با اسکرول کاربر به سمت پایین، محتواهای بیشتر و بیپایانی بهصورت خودکار و پیوسته بارگذاری و در صفحه نمایش داده میشوند. این باعث میشود که کاربر بدون نیاز به کلیک کردن روی شماره صفحه بعدی یا گزینههای مشابه، از دیدن محتواهای بیشتر و بیشتر لذت ببرد و بهطور مداوم با محتواهای صفحه درگیر باقی بماند.
بیشتر بخوانید» برای اطلاع از پکیجهای طراحی سایت شرکت پارس وب و لیست هزینه های مربوط به هر پکیج روی لینک داده شده کلیک کنید.
استفاده از این تکنیک معمولاً بر تجربۀ کاربری مثبتی تأثیر میگذارد. با این حال، برای تمام صفحات وبی که با سایتسازها یا سیستمهای مختلف مدیریت محتوا طراحی میشوند، مناسب نخواهد بود. برای انتخاب درست باید به نوع سایت، محتوا یا محصولات و کاربران آن توجه شود؛ اما بهطور کلی، اگر سایت دارای محتوای یکنواخت و مرتبط باشد، استفاده از این تکنیک برای کاربرانش مفید خواهد بود.
برای مثال، در صورتی که یک سایت دارای محتوای گالری عکس، فروشگاه آنلاین یا شبکهای اجتماعی باشد که کاربرانش بهدنبال محتوای متنوع و جذاب میگردند، استفاده از Infinite Scroll به کاربران این امکان را میدهد تا بهطور مداوم محتواهای جدید را کشف کنند و تجربه متفاوتی از سایت داشته باشند.
از سوی دیگر، در صورتی که سایت دارای محتوای مختلف و گوناگون باشد، استفاده از اسکرولهای بی نهایت باعث گیجی کاربر شده و او را از یافتن محتوای مورد نظرش دور خواهد کند. در این موارد این تکنیک مؤثر نخواهد بود و حتی تجربه کاربری را تحتالشعاع قرار میدهد. بنابراین، برای هر سایت، باید با دقت و با توجه به نیازهای کاربران، تصمیم گرفت که آیا استفاده از Infinite Scroll مناسب است یا باید از تکنیکهای دیگر مانند صفحهآرایی بهره برد.
بیشتر بخوانید» به منظور آشنایی با نحوه چیدمان عناصر اصلی سایت و نکات مربوط به آن روی لینک داده شده کلیک کنید.
بررسی مزایا و معایب استفاده از اسکرول بی نهایت
مزایای استفاده از این تکنیک شامل موارد زیر است:
- بهترین گزینۀ نمایش محتوا در گوشیهای لمسی: کاربران گوشیهای هوشمند عادت دارند که با لمس صفحه نمایش و کشیدن انگشتان خود روی آن به قسمتهای موردنظر خود بروند. این کاربران از صفحات Infinite Scroll لذت میبرند.
- ماندگاری کاربر در صفحه: در صفحات با اسکرولهای بی نهایت معمولاً کاربر مدت زمان طولانیتری درگیر محتواهای بیپایان صفحه شده و بیشتر با محتوا درگیر میشود.
بیشتر بخوانید» به منظور آشنایی با اصطلاح بازطراحی (redesign) سایت روی لینک داده شده کلیک کنید.
- بهترین روش برای نمایش محتواهای زیاد و سرگرمکننده: در سایتهایی که دارای محتوای زیادی هستند، استفاده از این تکنیک بهترین روش است.
روش مناسب برای نمایش محتواهای جدید: در سایتهایی که محتواهای جدید بهصورت لحظهای بارگذاری میشوند، این تکنیک میتواند بهعنوان یک روش مناسب برای نمایش این محتواها استفاده شود.
- بیاثر روی سرعت سایت: استفاده از اسکرول بی نهایت بر روی سرعت بارگذاری وبسایت تأثیر منفی ندارد و در بیشتر مواقع، سرعت بارگذاری محتوای جدید در اینگونه صفحات، کمتر از صفحات عادی است.
معایب Infinite Scroll
معایب این تکنیک به شرح زیر هستند:
۱. دشواری جستجوی هدفمند
بزرگترین مشکل صفحات اسکرول بی نهایت این است که برای کاربران پیدا کردن یک محتوا یا محصول خاص دشوارتر است. کاربران ممکن است بهسرعت خسته شده و احساس کنند که در یک انبار کاه به دنبال سوزن میگردند.
۲. حذف امکان دسترسی به فوتر
در صفحاتی با این تکنیک، فوترها و اطلاعات مهمی که در آنها قرار میگیرند، از دید کاربران حذف میشوند و این موضوع میتواند تجربه کاربری را برای آنها ناخوشایند کند.
۳. منصرف کردن کاربر از اقدام
کاربران ممکن است در میان تعداد زیادی از گزینهها و محتواها، منصرف شده و هیچ اقدامی انجام ندهند.
۴. گم شدن کاربر در میان نتایج جستجو
در صفحات Infinite Scroll، کاربران ممکن است بهسرعت از نتایج جستجو منحرف شوند و صفحه را ترک کنند.
۵. استفاده از کدهای جاوا اسکریپت فراوان
پیادهسازی این تکنیک ممکن است نیازمند استفاده از کدهای جاوا اسکریپت زیادی باشد که میتواند به عملکرد سایت ضربه بزند.
۶. نامفهوم بودن برای موتورهای جستجو
موتورهای جستجو هنوز در درک تمام محتواهای بارگذاری شده در صفحات Infinite Scroll مشکل دارند.
اضافه کردن Infinite Scroll به سایت
برای اضافه کردن اسکرول بی نهایت به سایتهای وردپرسی، میتوانید از افزونههای مناسب استفاده کنید که این قابلیت را بهسادگی اضافه میکنند. اگر قالب شما این ویژگی را بهصورت پیشفرض دارد، نیازی به نصب افزونه ندارید؛ اما در غیر این صورت، میتوانید از افزونههای مناسبی که در ادامه معرفی میشوند، استفاده کنید.
برای اجرای اسکرول بی نهایت، میتوانید از توابع جاوااسکریپت استفاده کنید. ابتدا تابعی به نام (loadimages) تعریف میکنید که با فراخوانی آن، عکسها یا محتواهای مورد نظر در ابتدای صفحه بارگذاری شوند. سپس با استفاده از ویژگیهای window.scrollHeight، window.scrollY و window.innerHeight وضعیت اسکرول انجامشده توسط کاربر را ارزیابی میکنید.
این ویژگیها به شرح زیر عمل میکنند:
- scrollHeight: ارتفاع کل صفحه را نشان میدهد.
- scrollY: نشان میدهد که صفحه چقدر از بالای صفحه اسکرول شده است.
- innerHeight: ارتفاع بخش قابل مشاهده صفحه را نشان میدهد.
افزونه های اسکرول بی نهایت برای سایت های وردپرسی
در انتها با چند افزونه وردپرسی برای اسکرول بی نهایت آشنا میشویم:
- افزونه Ajax Load More
- افزونه Catch Infinite Scroll
- افزونه Jetpack
- افزونه YITH Infinite Scrolling
- افزونه WordPress Ajax Load More and Infinite Scroll
سخن پایانی
در پایان، میتوان گفت که استفاده از اسکرول بی نهایت یکی از تکنیکهای مهم در طراحی وب است که میتواند تجربه کاربری را بهبود بخشد و به کاربران اجازه دهد بدون نیاز به کلیک کردن بر روی دکمهها یا لینکها، بهطور پیوسته به محتوای جدید دسترسی پیدا کنند. این ویژگی بهخصوص برای سایتهایی که محتوای زیادی دارند یا محصولات متعددی را عرضه میکنند، بسیار مفید است.