स्क्रोल करने से जुड़ी सर्वे रिपोर्ट 2021

साल 2021 की स्क्रोल सर्वे रिपोर्ट के साथ-साथ, Chrome टीम के शब्द भी पाएं. इसमें बताया गया है कि इस बदलाव से, Chromium और वेब की प्राथमिकताओं और प्लान पर क्या असर पड़ता है.

Adam Argyle

Sam Dutton

अप्रैल में, Chrome टीम ने स्क्रोल और टच-ऐक्शन सर्वे रिलीज़ किया. यह सर्वे 2019 की एमडीएन वेब डीएनए रिपोर्ट में रिपोर्ट की गई सबसे ज़्यादा समस्याओं के आधार पर किया गया. 2021 के स्क्रोल सर्वे की रिपोर्ट तैयार हो गई है. अब Chrome टीम, सर्वे के नतीजों से कुछ विचार और ऐक्शन आइटम शेयर करना चाहती है. हमें उम्मीद है कि इन नतीजों से ब्राउज़र वेंडर और स्टैंडर्ड ग्रुप को यह समझने में मदद मिलेगी कि वेब स्क्रोलिंग को कैसे बेहतर बनाया जाए.

साल 2021 के स्क्रोल सर्वे की रिपोर्ट देखें.

ध्यान देने लायक नतीजे

इस सर्वे में पहचान छिपाकर सर्वे में 880 लोगों के जवाब इकट्ठा किए गए. इनमें से 366 लोगों ने हर सवाल के जवाब दिए.

स्क्रोलिंग के साथ शुरुआत करना, सीएसएस की एक लाइन है, जैसे कि overflow-x: scroll;, स्क्रोल एपीआई और विकल्पों का सरफ़ेस एरिया बड़ा होता है. इसमें JavaScript से सीएसएस तक फैला होता है. नीचे दिए गए नतीजों से, वेब डेवलपर को आने वाली समस्याओं को हाइलाइट करने में मदद मिलती है.

वेब स्क्रोलिंग के साथ कुल मिलाकर संतुष्टि

सवाल 27

इस सवाल को जान-बूझकर सर्वे के आखिर में, 26 स्क्रोल के इस्तेमाल के उदाहरणों और सुविधाओं से जुड़े सवालों के बाद रखा गया था. इस जवाब से साफ़ पता चलता है कि वेब कम्यूनिटी को स्क्रोल करने में परेशानी हो रही है. जवाब देने वाले करीब आधे लोग, पूरी तरह से संतुष्टि मानते हैं.

हमारा मानना है कि स्क्रोल के साथ काम करने को लेकर, लोगों की दिलचस्पी इतनी कम नहीं होनी चाहिए. इस मेट्रिक में बदलाव करना ज़रूरी है. इससे साफ़ तौर पर पता चलता है कि आपको अभी काफ़ी काम करना है.

स्क्रोल करने की सुविधा के साथ काम करने में समस्या

दूसरा सवाल

हमारी रिसर्च में पता चला है कि स्क्रोल के लिए, कई समस्याओं की वजह से ये समस्याएं आती हैं. स्क्रोलिंग के बारे में बात करते समय, इसमें ये चीज़ें शामिल हो सकती हैं: - स्क्रोल की जा सकने वाली जगहों में पोज़िशन एलिमेंट - इनफ़ाइनाइट स्क्रोल - स्क्रोल लिंक किया गया ऐनिमेशन - कैरसेल - स्क्रोलव्यू पैडिंग - साइकल स्क्रोल - वर्चुअल स्क्रोल

ब्राउज़र की सुविधाएं मौजूद न होने, मुश्किल JavaScript और टच, कीबोर्ड, और गेमपैड जैसे इनपुट मोड के साथ काम करने की ज़रूरत की वजह से, ये सब मुश्किल हो जाता है.

टच इंटरैक्शन का महत्व

तीसरा सवाल

मोबाइल वेब उपयोगकर्ताओं के विज़िट आंकड़ों में अब भी बढ़ोतरी हो रही है. इसलिए, जवाब देने वाले आधे लोगों की यह रिपोर्ट देखकर हैरानी नहीं हुई कि वेब पर उनके काम के लिए टच बहुत ज़रूरी है. इससे पता चला कि सीएसएस स्क्रोल स्नैप और touch-action जैसी वेब सुविधाओं पर ज़्यादा ध्यान देने की ज़रूरत है, ताकि वेब अच्छी क्वालिटी का टच इंटरैक्शन डिलीवर कर सके.

टैब कुंजी या गेमपैड नेविगेशन में समस्या

सवाल 5a

स्क्रोल करने में नेविगेशन के तरीके शामिल होते हैं, जैसे कि कीबोर्ड ऐरो, टैब बटन, स्पेसबार दबाना, और गेमपैड. साथ ही, पसंद के मुताबिक स्क्रोल करते समय इन्हें शामिल करना मुश्किल हो सकता है. जवाब देने वाले करीब आधे लोगों का कहना है कि इन इनपुट को शामिल करना कुछ हद तक या बहुत मुश्किल है.

touch-action सीख रहा है

नौवां सवाल

सर्वे के कुछ सवालों में हां, नहीं या "आज मैंने सीखा" के संभावित जवाब वाले कुछ एपीआई के इस्तेमाल के बारे में पूछा गया है. सुझाव का एक अहम हिस्सा उन लोगों की संख्या थी जिन्होंने सर्वे से touch-action के बारे में सीखने की शिकायत की थी. यह पसंद के मुताबिक टच जेस्चर बनाते समय एक अहम हिस्सा है, जिसे स्क्रोल करने के दौरान ही इंटरैक्ट करना होता है.

समय-समय पर स्क्रोल करने की सुविधा

सवाल 27

स्क्रोल करने की सुविधा के लिए ये संख्या ज़्यादा है. इसमें वेब प्लैटफ़ॉर्म से बहुत कम सहायता मिलती है या कोई सहायता नहीं मिलती है. इस वजह से, इस सुविधा पर अक्सर बहुत ज़्यादा तकनीकी क़र्ज़ होता है. इससे पता चलता है कि बदलाव को लागू करने के लिए, डुप्लीकेट वर्शन का इस्तेमाल करना है या JavaScript का इस्तेमाल करना है. यह जगह, प्रॉडक्ट कैरसेल के लिए लोकप्रिय है. साथ ही, यह साइकल के हिसाब से स्क्रोल करने की सुविधा देने के लिए सेकंड या मिनट में समय चुनने पर भी लोकप्रिय है.

क्या स्क्रोल किए जा सकने वाले पेज अहम हैं

दूसरा सवाल

जवाब देने वाले लोगों ने स्क्रोल किए जा सकने वाले हिस्सों की अहमियत पर ज़ोर दिया. इससे, उन्हें अच्छी क्वालिटी में स्क्रोल करने में आ रही समस्याओं को फिर से समझने में मदद मिली.

कैरसेल

सवाल 20

जवाब देने वाले करीब-करीब सभी लोगों को अपने वेब काम में कैरसेल दिखते हैं, जबकि सिर्फ़ 25% लोगों को ही मैनेज करना आसान लगता है. हमारी शोध के दौरान शेल्फ़ से बाहर वाले कैरसेल लोकप्रिय थे, लेकिन इस आंकड़े ने हमें चौंका दिया, क्योंकि यह आम बात नहीं है.

इनफ़ाइनाइट स्क्रोलिंग

सवाल 22

जवाब देने वाले दो-तिहाई लोग अपने वेब काम में इनफ़ाइनाइट स्क्रोलिंग देते हैं और बराबर रकम की रिपोर्ट देना मुश्किल है. ज़्यादा इस्तेमाल के साथ-साथ ज़्यादा मुश्किल इस्तेमाल करने का एक और उदाहरण, जिससे हमें पता चलता है कि किसी ऐसे इलाके पर ध्यान देने की ज़रूरत है.

content-visibility और contain-intrinsic-size को जोड़कर, स्क्रोल की जा सकने वाली ज़्यादा जगहों पर रेंडर होने में होने वाला खर्च कम किया जा सकता है. हालांकि, इससे "ज़्यादा लोड" वाले इनफ़ाइनाइट स्क्रोलिंग वाले उपयोगकर्ता अनुभव नहीं मिलते.

स्क्रोल से लिंक किए गए या स्क्रोल किए जाने वाले ऐनिमेशन

सवाल 24

सभी जवाब देने वालों में से करीब आधे लोग स्क्रोल-ऑर्केस्ट्रेटेड एनिमेशन का इस्तेमाल करते हैं और आधे जवाब देने वालों को यह मुश्किल लगता है, क्योंकि एक बार फिर ज़्यादा इस्तेमाल को कठिनाई के साथ लिंक करना मुश्किल होता है.

पहले से मौजूद स्क्रोलिंग से मुकाबला करें

सवाल 26

फ़ोन और टैबलेट ऐप्लिकेशन के बिल्ट-इन स्क्रोल और टच इंटरैक्शन को अक्सर ऐसी साफ़ जगह के रूप में दिखाया जाता है जहां वेब इकट्ठा हो सकता है. इन सुविधाओं में, स्क्रोल से लिंक किए गए ऐनिमेशन, प्रोग्राम के हिसाब से अपने-आप काम करने वाले इंटरफ़ेस, वॉइस इंटिग्रेशन, स्क्रोल करने के लिए संकेत, और पुल-टू-रीफ़्रेश एपीआई शामिल हैं.

जवाब देने वाले आधे लोगों का मानना था कि कभी-कभी बिल्ट-इन स्क्रोलिंग के अनुभव के हिसाब से ऐसा करना मुमकिन था.

वेब पर स्क्रोल इंटरैक्शन को लोगों के अनुभव को बेहतर बनाना

सवाल 27

सर्वे में हिस्सा लेने वाली अहम बातें

सर्वे के नतीजों को चार कैटगरी में बांटा गया है: काम करने की क्षमता, शिक्षा, एपीआई, और सुविधाएं.

कन्वर्ज़न ट्रैकिंग इनके साथ काम करती है

Chrome टीम ने वेब के साथ काम करने से जुड़ी समस्याओं की संख्या को कम करने के लिए एक लक्ष्य का एलान किया है. इसमें स्क्रोल कंपैटबिलिटी से जुड़ी समस्याओं को कम करने के लिए कहा गया है.

काम करने से जुड़ी पहली तीन समस्याओं पर ध्यान देना चाहिए: 1. हॉरिज़ॉन्टल स्क्रोलिंग के साथ काम करने की सुविधा. 1. overscroll-behavior क्रॉस ब्राउज़र. 1. -webkit-scrollbar से प्रीफ़िक्स हटाकर, स्टैंडर्ड का पालन करें.

शिक्षा

सर्वे के नतीजों से पता चला कि touch-action और लॉजिकल प्रॉपर्टी के बारे में ज़्यादा जानकारी की ज़रूरत है. ब्राउज़र का लेआउट अंतरराष्ट्रीय लेआउट में सबसे आगे है और इस बात का साफ़ तौर पर पता चलता है कि इसका कम इस्तेमाल हुआ है या इसका गलत मतलब निकाला गया है.

इन बातों पर ध्यान दें: 1. touch-action 1. लॉजिकल प्रॉपर्टी

API

स्क्रोल स्नैपिंग का इस्तेमाल बढ़ रहा है. डेवलपर ने जवाब दिया है कि वे लोकप्रिय लाइब्रेरी और प्लगिन के साथ सुविधाओं का इस्तेमाल करना चाहते हैं. सीएसएस और प्लगिन लाइब्रेरी के बीच के इस अंतर को कम करने से, स्क्रोल करने की सुविधा वाले डेवलपर और उपयोगकर्ता अनुभव को बेहतर बनाने में मदद मिलेगी.

हम एपीआई के काम को scroll-snap पर फ़ोकस करेंगे: 1. एपीआई की उपलब्धता और सभी ब्राउज़र पर उसके साथ काम करने की सुविधा. 1. scroll-start जैसे नए सीएसएस एपीआई पर काम करना शुरू करें. 1. snapChanged() जैसे नए JS इवेंट पर काम शुरू करें.

सुविधाएं

सर्वे के नतीजों से पता चला कि उपयोगकर्ताओं को वेब पर कुछ खास तरह के स्क्रोल से जुड़े कॉम्पोनेंट को इस्तेमाल करने में परेशानी होती है. इसकी वजह यह है कि प्लैटफ़ॉर्म, प्लगिन के बिना या ज़्यादा मेहनत वाले कॉम्पोनेंट बनाने के लिए, ज़रूरी चीज़ें उपलब्ध नहीं कराता. हम इस क्षेत्र के बारे में ज़्यादा गहराई से जानने की उम्मीद कर सकते हैं.

डेवलपर को जिन सुविधाओं को बनाने में परेशानी हो रही है उनमें ये शामिल हैं: 1. कैरसेल 1. वर्चुअल स्क्रोल 1. इनफ़ाइनाइट स्क्रोलिंग

रिसॉर्स

• स्क्रोल सर्वे रिपोर्ट
• सर्वे का एलान
• Mozilla DNA रिपोर्ट
• Compat2021: वेब पर काम करने से जुड़ी पांच सबसे लोकप्रिय समस्याओं को दूर करना

थंबनेल इमेज: Unsplash पर टेलर विलकॉक्स की फ़ोटो.