ऐप्लिकेशन डिज़ाइन करने के सबसे सही तरीके

वर्टिकल लेआउट के लिए ऑप्टिमाइज़ करना

वर्टिकल लेआउट का इस्तेमाल करके, अपने ऐप्लिकेशन के डिज़ाइन को आसान बनाएं. इससे उपयोगकर्ता, कॉन्टेंट पर जाने के लिए एक ही दिशा में स्क्रोल कर सकते हैं.

यह करें

इस ऐप्लिकेशन का लक्ष्य, उपयोगकर्ता को पॉइंट A से पॉइंट B तक ले जाना है.

ऐसा न करें

वर्टिकल और हॉरिज़ॉन्टल, दोनों तरह के स्क्रोलिंग का इस्तेमाल करें. ऐसा न करने पर, ऐप्लिकेशन का इस्तेमाल करने में लोगों को परेशानी हो सकती है.

समय दिखाना

समय (ओवरले) को सबसे ऊपर दिखाएं, क्योंकि इससे उपयोगकर्ता को समय देखने के लिए एक ही जगह मिलती है.

यह करें

समय को ओवरले में सबसे ऊपर दिखाएं, क्योंकि इससे उपयोगकर्ता को समय देखने के लिए एक ही जगह मिलती है.

ऐसा न करें

समय को कुछ समय के लिए दिखने वाले डायलॉग, पुष्टि करने वाले ओवरले या पिकर पर दिखाएं. उदाहरण के लिए, हो सकता है कि उपयोगकर्ता को पुष्टि करने वाली स्क्रीन सिर्फ़ कुछ समय के लिए दिखे.

ऐक्सेस किए जा सकने वाले इनलाइन एंट्री पॉइंट

पक्का करें कि सभी कार्रवाइयां इनलाइन में दिखाई गई हों. साथ ही, ऐक्सेस करने के लिए साफ़ आइकॉन और लेबल का इस्तेमाल किया गया हो. इसमें सेटिंग और प्राथमिकताओं के एंट्री पॉइंट शामिल हैं.

यह करें

जब भी हो सके, आइकॉन और लेबल, दोनों का इस्तेमाल करें.

ऐसा न करें

उपयोगकर्ता को कोई कार्रवाई करने के लिए कहने के लिए, सिर्फ़ आइकॉन का इस्तेमाल करें.

उपयोगकर्ताओं को जानकारी देने के लिए लेबल का इस्तेमाल करना

लंबी डायलॉग बॉक्स के लिए, कॉन्टेंट को स्क्रोल करते समय उपयोगकर्ता को लेबल की मदद से दिशा-निर्देश दें.

यह करें

कॉन्टेंट को व्यवस्थित करने के लिए, सेक्शन ब्रेक, लेबल, और अन्य संकेतों का इस्तेमाल करें. इससे, अलग-अलग तरह के कॉन्टेंट वाले लंबे व्यू को स्क्रोल करते समय, उपयोगकर्ताओं को दिशा-निर्देश देने में मदद मिलती है.

ऐसा न करें

ऐसे डायलॉग के लिए लेबल जोड़ें जिनमें एक ही तरह का कॉन्टेंट शामिल हो.

प्राइमरी ऐक्शन को बेहतर बनाना

ओवरले में मुख्य कार्रवाइयों को सबसे ऊपर रखकर, उपयोगकर्ताओं के लिए आपके ऐप्लिकेशन में कार्रवाई करना आसान बनाएं.

यह करें

साफ़ तौर पर बताए गए प्राइमरी ऐक्शन को सबसे ऊपर दिखाएं.

ऐसा न करें

बहुत लंबे पेज पर, मुख्य कार्रवाई को सबसे नीचे रखें.

स्क्रोलिंग स्क्रीन पर स्क्रोलबार दिखाना

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

यह करें

अगर पूरा व्यू स्क्रोल होता है, तो स्क्रोल-इंडिकेटर दिखाएं.

ऐसा न करें

स्क्रोल न करने वाले व्यू पर स्क्रोल-इंडिकेटर दिखाएं या स्क्रोल करने वाले व्यू पर स्क्रोलबार न दिखाएं.

बड़ी स्क्रीन के साइज़ के हिसाब से डिज़ाइन करना

पक्का करें कि इस्तेमाल किए जा रहे कॉम्पोनेंट, उपलब्ध चौड़ाई को भर दें. साथ ही, स्क्रोल न करने वाले लेआउट की ऊंचाई पर भी ध्यान दें.

Compose के सभी कॉम्पोनेंट, रिस्पॉन्सिव तरीके से बनाए जाते हैं. हालांकि, अपने डिज़ाइन को बेहतर बनाने और बड़े डिसप्ले पर ज़्यादा वैल्यू जोड़ने के लिए, कॉम्पोनेंट में पसंद के मुताबिक बदलाव किए जा सकते हैं.

यह करें

पक्का करें कि कॉन्टेंट, उपलब्ध चौड़ाई और ऊंचाई में फ़िल हो. साथ ही, फ़ुल स्क्रीन एलिमेंट (ProgressIndicators, TimeText वगैरह) बिना स्क्रोल किए जाने वाले लेआउट के हिसाब से ढल जाएं.

ऐसा न करें

ऐसे कॉम्पोनेंट का इस्तेमाल करना जो तय चौड़ाई के हों और स्क्रीन को रिस्पॉन्सिव तरीके से न भरते हों या उपलब्ध जगह को भरने के लिए कॉन्टेंट के व्यवहार में बदलाव न करते हों.

रिस्पॉन्सिव (प्रतिशत) मार्जिन का इस्तेमाल करना

हमारा सुझाव है कि मार्जिन के लिए प्रतिशत का इस्तेमाल करें, ताकि मार्जिन का साइज़, डिसप्ले के बढ़ते हुए कर्व के हिसाब से अडजस्ट हो सके.

यह करें

प्रतिशत के ज़्यादा मार्जिन का इस्तेमाल करके, पक्का करें कि कॉन्टेंट ऊपर और नीचे से न काटे जाए.

ऐसा न करें

कॉम्पोनेंट को अतिरिक्त मार्जिन के बिना, उपलब्ध जगह को भरने के लिए सिर्फ़ स्केल नहीं किया जाना चाहिए.