UX

टियर 2 का आइकॉन

टीयर 2 — बड़ी स्क्रीन के लिए ऑप्टिमाइज़ किया गया

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

लार्ज स्क्रीन पर, यूज़र इंटरफ़ेस (यूआई) को ज़्यादा जगह मिलती है. इससे यूज़र को बेहतर अनुभव मिलता है. यह अनुभव, छोटी स्क्रीन पर नहीं मिलता.

इन यूज़र इंटरफ़ेस (यूआई) एलिमेंट को शामिल करके, अपने ऐप्लिकेशन को बड़ी स्क्रीन के लिए ऑप्टिमाइज़ करें:

  • नेविगेशन रेल या नेविगेशन पैनल
  • बड़े टच टारगेट
  • सही जगह पर मौजूद मेन्यू और डायलॉग
  • कई पैनल वाले लेआउट

अडैप्टिव लेआउट

ऐसे अडैप्टिव लेआउट बनाएं जो बड़ी और छोटी स्क्रीन पर आपके ऐप्लिकेशन के यूज़र इंटरफ़ेस (यूआई) को ऑप्टिमाइज़ करते हों. एक साथ कई फ़ॉर्म फ़ैक्टर के लिए डिज़ाइन और बिल्ड करें. नए डिवाइस टाइप के लिए, अपने ऐप्लिकेशन को आने वाले समय के हिसाब से तैयार करें.

कैननिकल लेआउट

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

रिस्पॉन्सिव यूज़र इंटरफ़ेस (यूआई)

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

गतिविधि एम्बेड करना

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

अगले चरण

बेहतर यूज़र एक्सपीरियंस (यूएक्स) के लिए यूज़र इंटरफ़ेस (यूआई) डेवलपमेंट के बारे में जानने के लिए, डेवलपर के लिए बनी ये गाइड देखें: