تجربه کاربری: اسکرول بی‌‌نهایت یا صفحه‌بندی؟

اسکرول بی‌‌نهایت یا صفحه‌بندی؟برای نمایش محتوا باید اسکرول بی‌نهایت رو انتخاب کنم یا صفحه‌بندی؟ هر روش نمایش نقاط قوت و ضعفی داره که در ادامه بهش خواهیم پرداخت.اسکرول بی‌نهایت (Infinite Scrolling)اسکرول بی‌نهایت این امکان رو به کاربر میده که بتونه محتوای زیادی رو اسکرول کنه بدون اینکه محتوا تموم بشه. این تکنیک باعث میشه تا وقتی که اسکرول می‌کنید محتوای جدید ببینید. همونطور که به نظر می‌رسه این تکنیک برای همه صفحات کاربرد نداره.اسکرول بی‌نهایت (Infinite Scrolling) مزیت اول: تعامل کاربر (User Engagement) و کشف محتوا (Content Discovery) وقی از روش اسکرول بی‌نهایت به عنوان روش اصلی گشتن و پیدا کردن داده استفاده می‌کنین، ممکنه کاربر بیشتر توی وبسایت شما بمونه و در نتیجه تعامل افزایش پیدا کنه. با محبوبیت رسانه‌های اجتماعی، حجم عظیمی از داده در حال ذخیره شدنه و اسکرول بی‌نهایت می‌تونه یک روش کارآمد رو برای جستجو در این اقیانوس اطلاعات فراهم کنه، بدون اینکه کاربر منتظر بارگزاری اولیه صفحه بمونه.اسکرول بی‌نهایت همینطور یه ویژگی ضروری برای رابط‌های کشف-محور هست. وقتی کاربر موضوع خاصی رو جستجو نمی‌کنه، باید تعداد آیتم‌های زیادی رو ببینه تا بتونه چیزی که دوست داره رو پیدا کنه.اقیانوس پین‌های Pinterestبرای مثال می‌تونین مزایای استفاده از اسکرول بی‌نهایت رو در فیسبوک ببینین. کاربران آگاهن که نمی‌تونن همه‌ی محتوای اخبار (News Feed) رو ببینن به خاطر اینکه محتوا خیلی زود به زود آپدیت میشه. با اسکرول بی‌نهایت، فیسبوک می‌تونه حداکثر دیتای ممکن رو در معرض دید کاربران قرار بده و کاربران هم این جریان محتوا رو ببین و به نوعی "مصرف کننده" این اطلاعات باشن. مزیت دوم: اسکرول کردن از کلیک کردن بهترهکاربران در مقایسه با کلیک کردن/لمس کردن تجربه‌های بهتری از اسکرول کردن دارن. با استفاده از چرخ موس‌ها و یا صفحات لمسی اسکرول کردن راحت‌تر و سریع‌تر از کلیک کردن شده. برای یک محتوای طولانی و دنباله‌دار، اسکرول کردن حتی قابلیت استفاده (Usability) رو هم نسبت به چند قسمت کردن متن و نمایش اون تو صفحات جدا بهتر می‌کنه.مزیت سوم: اسکرول کردن برای دستگاه‌های موبایل خوبههر چه صفحه کوچک‌تر باشه، اسکرول بلندتر هست. محبوبیت جستجوی موبایلی از تاییدکننده‌های اصلی اسکرول بی‌نهایت هست. کنترل‌های حرکتی موبایل‌ها خیلی شهودی هستن و استفاده از اونها راحته. در نتیجه کاربران صرف نظر از اینکه از چه دستگاهی استفاده می‌کنن، از یک تجربه کاملا واکنش‌گرا (responsive) بهره می‌برن.عیب اول: عملکرد صفحه و منابع دستگاهسرعت بارگیری صفحه برای تجربه کاربری خوب خیلی اهمیت داره. تحقیقات بسیاری نشون دادن که زمان بارگیری‌های کند منجر به ترک سایت شما و یا حذف اپلیکیشن شما توسط کاربران میشه. هر چقدر کاربر بیشتر صفحه رو اسکرول کنه، محتوای بیشتری باید توی همون صفحه نمایش داده بشه. در نتیجه، عمکرد صفحه به طور فزاینده‌ای پایین میاد.مشکل دیگه محدودیت منابع دستگاه کاربر هست. در بسیاری از سایت‌ها با اسکرول بی‌نهایت، مخصوصا اون‌هایی که تصاویر زیادی دارن، دستگاه‌هایی با منابع محدود مثل iPad شروع به کند شدن می‌کنن.عیب دوم: جستجو و محل آیتممشکل بعدی اسکرول بی‌نهایت اینه که وقتی کاربر به یک نقطه مشخص از این جریان داده برسه، نمی‌تونه اون رو نشان (Bookmark) کنه تا بعدا بتونه دوباره به اون نقطه برگرده. اگر سایت رو ترک کنن، تمامی پیشرفتشون از دست می رسه. این عدم قابلیت مشخص کردن موقعیت اسکرول نه تنها ممکنه باعث آزردگی یا سردرگمی کاربر بشه، بلکه می‌تونه کل تجربه کاربری رو هم خراب کنه.در سال 2012 وبسایت Etsy، زمانی رو صرف این کرد که یک رابط با اسکرول بی‌نهایت ایجاد کنه و متوجه شد که رابط جدید به خوبی صفحه‌بندی کار نمی‌کنه. با وجود اینکه تعداد سفارش‌ها تقریبا تغییری نکرده بود، تعامل کاربر با وبسایت پایین اومد– در واقع کاربران کمتر از جستجوی سایت استفاده می‌کردن.مردم تمایل دارن بتونن به قسمتی از لیست نتایج جستجو برگردن تا آیتم‌هایی که در انتهای لیست دیدن رو با اون‌ها مقایسه کنن. اسکرول بی‌نهایت هم این تحرک رو بین می‌بره و هم بالا و پایین رفتن تو لیست و پیدا کردن یک محتوای خاص رو سخت‌تر می‌کنه، مخصوصا زمانی که شما در یک زمان دیگه دوباره به سایت مراجعه کنید و مجبور بشید که دوباره از بالای لیست اسکرول کنید تا به محتوای مورد نظر برسید. در این مورد اسکرول بی‌نهایت، کندتر از صفحه‌بندی عمل می‌کنه.عیب سوم: اسکرول بار نامرتبطموضوع آزار دهنده‌ی دیگه اینه که اسکرول بارها نمایانگر میزان واقعی دیتای قابل دسترس نیستند. شما (خیلی خوشحال!) صفحه رو اسکرول می‌کنین به امید اینکه دارین به پایان نزدیک می‌شین، ولی وقتی به آخر می‌رسین می‌بینین که محتوا ناگهان دوبرابر میشه. از دیدگاه قابل دسترس بودن این خوب نیست، چون درکی که کاربر با دیدن اسکرول بار از حجم محتوا داره با حقیقت فاصله داره.عیب چهارم: عدم وجود پاورقی (Footer)پاورقی شامل اطلاعاتیه که کاربر گاهی اوقات بهش نیاز داره – اگه کاربر نتونه اون اطلاعاتی که می‌خواد رو پیدا کنه، به فوتر سایت مراجعه می‌کنه. ولی به خاطر اینکه اسکرول بی‌‌نهایت هست، تا موقعی که کاربر به فوتر برسه دیتای بیشتری بارگزاری میشه و هر دفعه فوتر دوباره پایین‌تر میره و از دید خارج می‌شه.سایت‌هایی که اسکرول بی‌نهایت رو پیاده‌سازی می‌کنن باید فوتر سایت رو با استیکی کردن اون یا جابه‌جایی لینک‌ها به بالا یا کنار صفحه قابل دسترس کنند. یک راه حل دیگه اینه که محتوای بیشتر با استفاده از دکمه "بارگزاری/مشاهده بیشتر" قابل دیدن باشه. محتوای جدید بارگزاری نمیشه تا زمانی که کاربر روی این دکمه کلیک کنه. دکمه بارگزاری بیشتر اینستاگرام برای نمایش فوتر سایتصفحه‌بندی (Pagination)صفحه‌بندی نوعی از رابط کاربریه که محتوا در صفحات جدا نمایش داده میشه.صفحه‌بندیمزیت اول: تبدیل(conversion) بالاصفحه‌بندی زمانی خوبه که کاربر به دنبال یک آیتم خاص بین لیست نتایج هست و صرفا برای دیدن و مصرف جریان اطلاعات نیومده. مزیت‌های صفحه‌بندی رو می‌تونین با جستجوی گوگل ببینین. جستجوی بهترین نتیجه ممکنه یک دقیقه یا یک ساعت طول بکشه. ولی زمانی که تصمیم می‌گیرین تا جستجو رو متوقف کنین، شماره دقیق نتیجه جستجو رو می‌دونین در نتیجه بعدا مراجعه به نتیجه مورد نظر ساده‌تره.مزت دوم: احساس کنترلاسکرول بی‌نهایت مثل یک بازی بی‌پایانه – فرقی نداره چقدر اسکرول کنین، همواره احساس می‌کنین که به پایان نمی‌رسین. وقتی کاربر تعداد نتایج جستجو رو می‌دونه، می‌تونه بهتر و با اطلاعات بیشتری تصمیم بگیره. تعیین و رسیدن به یک نقطه پایان، حس کنترل رو بالا می‌بره. همینطور وقتی کاربر تعداد کل نتایج رو می‌دونه، می‌تونه تخمین بزنه چقدر طول می‌کشه تا به چیزی که می‌خواد برسه.مزیت سوم: محل آیتمداشتن صفحه‌بندی، این اجازه رو به کاربر میده که یک موقعیت ذهنی از آیتم داشته باشه. ممکنه لزوما کاربر شماره صفحه دقیق رو ندونه، ولی یه احساس کلی نسبت به موقعیت داره و لینک‌های صفحه‌بندی شده این امکان رو به کاربر میده که زودتر به جایی که می‌خواد برسه.صفحه‌بندی برای سایت‌ها و اپلیکیشن‌های تجارت آنلاین مناسبه. وقتی کاربران آنلاین خرید می‌کنن، می‌خوان به جایی که رهاش کردن برگردن و خریدشون رو ادامه بدن.عیب اول: فعالیت اضافهدر صفحه بندی، برای رفتن به صفحه بعد، کاربر باید لینک هدف رو پیدا کنه (برای مثال "صفحه بعد")، موس رو روی لینک ببره، کلیک کنه و منتظر بمونه تا صفحه جدید لود بشه.مشکل اصلی اینه که اکثر سایت‌ها در یک صفحه محتوای بسیار محدودی رو می‌تونن نمایش بدن. با طولانی‌تر ساختن صفحات (و فراهم کردن سرعت بارگزاری مناسب) کاربران محتوای بیشتری رو در صفحه می‌بینن و مجبور نمی‌شن که روی دکمه یا لینکه صفحات دیگه مداوما کلیک کنن.نتیجه‌گیری: چه زمانی از اسکرول کردن/صفحه‌بندی استفاده کنیم؟موارد کمی وجود داره که استفاده از اسکرول بی‌نهایت می‌تونه موثر باشه. بهترین کاربرد این رابط برای سایت‌ها و اپلیکیشن‌هایی هست که جریانی از محتواهای ایجاد شده توسط کاربران رو نمایش می‌دن و کاربر به دنبال آیتم مشخصی نمی‌گرده. از طرف دیگه صفحه‌بندی برای تمامی سایت‌ها و اپلیکیشن‌های هدف محور مناسبه، جایی که کاربران دنبال آیتم خاصی هستن و موقعیت همه آیتم‌های که کاربر مشاهده کرده اهمیت داره. طراحان باید مزیت‌ها و عیب‌های هر کدوم از این دو روش رو کنار هم قرار بدن و ببینن کدوم برای وبسایت یا اپلیکیشنشون مناسب‌تره.ممنون از توجهتون! در صورتی که نظری دارید خوشحال می‌شم اون رو با من و بقیه خوانندگان این نوشته به اشتراک بذارید.منبع : https://uxplanet.org/ux-infinite-scrolling-vs-pagination-1030d29376f1