यह इंगित करने का सबसे अच्छा तरीका क्या है कि आप उस क्षेत्र में स्क्रॉल कर सकते हैं जब क्षेत्र में स्क्रॉलबार नहीं है?


13

केवल एक चीज जिसके बारे में मैं सोच सकता था, वह थी: "ऊपर पूर्ण मेनू देखने के लिए स्क्रॉल करें"। कुछ और तरीके हैं जो लोग कर रहे हैं?


3
तीर? प्रसंग बहुत बड़ी बात होगी। आप एक नमूना पोस्ट कर सकते हैं?
स्कॉट

2
आपको इसकी आवश्यकता क्यों है? मोबाइल और OSX पर स्क्रॉल नहीं हैं, लोग भ्रमित नहीं हैं।
bjb568

2
यह किसी और की वजह से हुई समस्या है जिसे हम ठीक नहीं कर सकते, इसलिए हमें इसके आसपास काम करना होगा।
मॉर्गन

@ bjb568: मैंने कुछ ऐप्स का उपयोग किया है, जहां मुझे महसूस नहीं हुआ कि मैं एक विशिष्ट दिशा में स्क्रॉल कर सकता हूं। यदि स्क्रीन मैं एक दिशा या अन्य में जो कुछ देख सकता है उसका कुछ हिस्सा काट देता है, लेकिन कभी-कभी चीजें स्क्रीन की सीमाओं के साथ सही बैठती हैं, और उपयोगकर्ताओं को यह एहसास नहीं होता है कि उन्हें स्क्रॉल करना चाहिए / करना चाहिए। उदाहरण के लिए नए फेसबुक ऐप पर बग़ल में स्क्रॉल करने का एहसास करने के लिए मुझे कुछ समय लगा।
मूइंग डक

@MooingDuck फेसबुक की गिनती नहीं है, यह बकवास है: पी लेकिन हाँ, आपको कन्फ्यूज़ हो चुके लोगों की तरह सामान बनाना होगा।
bjb568

जवाबों:


9

लोग उपयोगकर्ता इंटरफेस में भौतिक सापेक्षता से अच्छी तरह से संबंधित हैं। दूसरे शब्दों में, यदि आप चाहते हैं कि एक इंटरफ़ेस प्राकृतिक लगे, या इसके नियंत्रण स्पष्ट हो, तो आप इसे करने के लिए भौतिक यथार्थवाद की उपस्थिति का उपयोग कर सकते हैं। उचित आइकॉन हमेशा स्पष्ट कार्यक्षमता के लिए जरूरी होते हैं।


एक स्क्रॉल क्षेत्र शारीरिक रूप से कैसा दिखेगा? सरल! बाहरी फ्रेम के नीचे सामग्री की एक परत। उस नज़र को प्राप्त करने के लिए, आप बाहरी परत पर एक बॉक्स छाया का उपयोग कर सकते हैं ।

  • युक्ति: CSS बॉक्स-छाया बनाते समय, आप कॉमा के साथ एक साथ कई छाया डाल सकते हैं। एक अच्छा प्रभाव के लिए एक मजबूत कम एक के साथ एक प्रकाश दूर छाया का उपयोग करें। हल्के स्पर्श के लिए RGBA (अपारदर्शिता-नियंत्रण) का उपयोग करें!

अगला, बिना स्क्रॉल बार के, मन में आने वाला सबसे अच्छा अभ्यास JQuery का उपयोग एक क्लिक करने योग्य स्क्रॉल बॉक्स के किनारों के किनारों से जुड़ा होगा जिनके पास सामग्री है जो स्क्रॉल करते हैं, बॉक्स होने पर दिखाते हैं कि बॉक्स के बाहर आंतरिक तत्व फैल गए हैं। चारों दिशाओं में से कोई भी।

यदि आप चाहते हैं कि बार अनुपस्थित हो या डिफ़ॉल्ट रूप से छिपा हुआ हो, तो इसे या तो छुपा या हल्के से अपारदर्शी रखें, जब तक कि स्क्रॉल क्षेत्र को ओवर या टैप नहीं किया जाता है, और तब स्क्रॉल तंत्र प्रकट होता है।

  • आसान उपयोग: बॉक्स को हॉवर घटना पर हल्के ढंग से (बच्चे तत्व को स्क्रॉल करना शुरू करना) सक्रिय करना चाहिए, और पूरी तरह से माउस-डाउन पर।

यहाँ एक प्रदर्शन है:

यहाँ छवि विवरण दर्ज करें

लंबे स्क्रॉल क्षेत्रों के लिए, इस अभ्यास के माध्यम से त्वरित स्क्रॉल करना आवश्यक है, अन्यथा सामग्री को जल्दी से नेविगेट करने की क्षमता बाधित हो जाएगी।


इस से निपटने के बाद, मुझे लगता है कि मैं इसके लिए एक JQuery प्लगइन बना सकता हूं, और अपने अगले वेब ऐप के लिए इस अभ्यास का उपयोग कर सकता हूं।


6

सुनिश्चित करें कि पहले दिखाई गई सामग्री की डिफ़ॉल्ट मात्रा नीचे की तरफ एक आइटम दिखाती है (ऊर्ध्वाधर स्क्रॉलिंग) जो केवल आंशिक रूप से प्रकट होती है, जिससे उपयोगकर्ता को नीचे और अधिक जानकारी होती है, और वे इसे प्रकट / प्रकट कर सकते हैं।


विंडोज (/ फोन) 8 इस क्षैतिज रूप से बहुत बार ऐसा लगता है - जब कोई शीर्षक उपलब्ध क्षैतिज स्थान से अधिक लेता है, तो यह आपको अधिक विकल्प देखने के लिए बाएं / दाएं स्वाइप करने के लिए प्रोत्साहित करता है।
कटाना ३१४

1
संभवतः थोड़ा फीका-आउट / अस्पष्टता ढाल के साथ नीचे इंगित करने के लिए कि अधिक है।
wchargin

4

यहाँ मैं कोशिश करूँगा:

एक नरम ढाल जो सामग्री के एक छोटे से अधिक हो जाता है। यह इंगित करता है कि नीचे अधिक हैं। इसके अलावा, आप बेशक थोड़ा तीर जोड़ सकते हैं।

यहाँ छवि विवरण दर्ज करें


धन्यवाद - मैंने अन्य उत्तरों की जाँच की यह सुनिश्चित करने के लिए कि मैंने दोहराया नहीं।
बेंटह

2

आप कितना स्पष्ट करना चाहते हैं, यह नीचे आ जाएगा कि आपको कौन लगता है कि दर्शक क्या होंगे और संदर्भ क्या है।

सामान्य तरीके से खोजने वाली तकनीकें जैसे कि तीर और ग्राफिक्स जो गुना से परे जारी रहती हैं, उपयोगकर्ता की यात्रा में मदद कर सकती हैं। वैकल्पिक रूप से, आप एक लंगर मेनू / नौसेना प्रणाली के लिए जा सकते हैं, जो कई एकल पृष्ठ साइटें उपयोग करती हैं।

सबसे नरम और बदसूरत समाधान एक पॉपअप होगा जो उपयोगकर्ताओं को अधिक सामग्री के लिए नीचे स्क्रॉल करने के लिए सूचित करता है, फिर छुपाता है जब अभिनेता स्क्रॉल करता है (कुकी अधिसूचना शैली)।


1

एक अन्य विकल्प यह है कि स्क्रॉल को इंगित करने वाले तत्व पर मँडराते समय कर्सर को बदलें, जैसे कि एक चलता हुआ तीर जो इंगित करता है और नीचे की ओर इंगित करता है, या ऐसा कुछ जो 'स्क्रॉल करके अधिक पढ़ें' को इंगित करता है।

बेशक यह केवल डेस्कटॉप के लिए काम करता है।

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.