अरबों लोगों के लिए यूज़र इंटरफ़ेस (यूआई) और कॉन्टेंट
संग्रह की मदद से व्यवस्थित रहें
अपनी प्राथमिकताओं के आधार पर, कॉन्टेंट को सेव करें और कैटगरी में बांटें.
पक्का करें कि आपका ऐप्लिकेशन, इंटरैक्टिव यूज़र इंटरफ़ेस (यूआई) उपलब्ध कराता हो. साथ ही, वह लोगों के इनपुट का तुरंत जवाब देता हो. अगर ज़रूरी हो, तो ऐप्लिकेशन के धीरे-धीरे लॉन्च होने की समस्या को ठीक करता हो.
पक्का करें कि आपका ऐप्लिकेशन, भाषाओं के बीच के अंतर को ध्यान में रखकर बनाया गया हो, ताकि उसे आसानी से स्थानीय भाषा में बदला जा सके. जैसे, शब्दों के बीच की दूरी, शब्दों की डेंसिटी, शब्दों का क्रम, शब्दों पर ज़ोर देने का तरीका, और शब्दों में अंतर. यह भी पक्का करें कि तारीख, समय, और अन्य इकाइयां अंतरराष्ट्रीय स्तर पर इस्तेमाल की जा रही हों और फ़ोन की सेटिंग के हिसाब से दिख रही हों.
तेज़ी से काम करने वाला और रिस्पॉन्सिव यूज़र इंटरफ़ेस
उपयोगकर्ता को ऐप्लिकेशन की परफ़ॉर्मेंस काफ़ी हद तक, ऐप्लिकेशन के रिस्पॉन्स देने की क्षमता से पता चलती है. उदाहरण के लिए, उपयोगकर्ता के साथ इंटरैक्शन और साफ़ तौर पर दिखने वाला डिसप्ले, बेहतर परफ़ॉर्म करने वाले ऐप्लिकेशन की दो अहम विशेषताएं हैं. यहां आपको ऐप्लिकेशन की स्पीड और रिस्पॉन्सिवनेस से जुड़े इन और अन्य पहलुओं को ऑप्टिमाइज़ करने के बारे में सलाह मिल सकती है.
छुए जा सकने वाले सभी आइटम पर टच के लिए वाइब्रेशन
- टच फ़ीडबैक की सुविधा से, यूज़र इंटरफ़ेस को छूने पर एक अलग तरह का अनुभव मिलता है. आपको यह पक्का करना चाहिए कि आपका ऐप्लिकेशन, छूने लायक सभी एलिमेंट पर टच फ़ीडबैक देता हो. इससे ऐप्लिकेशन की लेटेन्सी को कम करने में मदद मिलती है.
-
रिस्पॉन्सिव इंटरैक्शन से, ऐप्लिकेशन को ज़्यादा एक्सप्लोर करने में मदद मिलती है. ऐसा इसलिए, क्योंकि यह उपयोगकर्ताओं के इनपुट के हिसाब से, समय पर, लॉजिकल, और मज़ेदार स्क्रीन रिएक्शन दिखाता है.
रिस्पॉन्सिव इंटरैक्शन की सुविधा से, ऐप्लिकेशन को सिर्फ़ जानकारी देने वाली सेवा से बेहतर बनाया जा सकता है. इससे ऐप्लिकेशन, कई विज़ुअल और टेक्टाइल रिस्पॉन्स का इस्तेमाल करके कम्यूनिकेट कर पाता है.
- ज़्यादा जानकारी के लिए, कस्टम टच फ़ीडबैक पर Android ट्रेनिंग देखें.
यूज़र इंटरफ़ेस हमेशा इंटरैक्टिव होना चाहिए
- बैकग्राउंड में गतिविधि करते समय, जवाब न देने वाले ऐप्लिकेशन धीरे-धीरे काम करते हैं. इससे लोगों की संतुष्टि कम होती है. यह पक्का करें कि बैकग्राउंड में कोई भी गतिविधि होने पर भी, आपके ऐप्लिकेशन का यूज़र इंटरफ़ेस (यूआई) हमेशा रिस्पॉन्सिव रहे. इसके लिए, बैकग्राउंड थ्रेड में नेटवर्क ऑपरेशन या कोई भी मुश्किल ऑपरेशन करें. साथ ही, यूज़र इंटरफ़ेस (यूआई) थ्रेड को जितना हो सके उतना निष्क्रिय रखें.
- मटेरियल डिज़ाइन वाले ऐप्लिकेशन, कॉन्टेंट लोड करते समय कम से कम विज़ुअल बदलाव करते हैं. इसके लिए, वे हर ऑपरेशन को एक ही ऐक्टिविटी इंडिकेटर से दिखाते हैं.
लोडिंग इंडिकेटर की मदद से, डायलॉग को ब्लॉक करने से बचें.
- खाली
स्टेट तब दिखती हैं, जब किसी व्यू में दिखाने के लिए कोई कॉन्टेंट नहीं होता. ऐसा हो सकता है कि सूची में कोई आइटम न हो या खोज के लिए कोई नतीजा न मिला हो. स्टार्टर, शिक्षा, या सबसे मिलते-जुलते कॉन्टेंट का इस्तेमाल करके, खाली स्टेट से बचें.
जब ये विकल्प लागू नहीं होते हैं, तब एक ऐसी इमेज दिखाएं जिस पर क्लिक नहीं किया जा सकता. साथ ही, एक टेक्स्ट टैगलाइन दिखाएं
जिसमें उपयोगकर्ता को यह बताया गया हो कि जब कुछ दिखाने के लिए होगा, तब उन्हें क्या दिखेगा.
- ज़्यादा जानकारी के लिए, अपने ऐप्लिकेशन को रिस्पॉन्सिव बनाए रखना के बारे में Android ट्रेनिंग देखें.
कम कीमत वाले डिवाइसों पर 60 फ़्रेम प्रति सेकंड का टारगेट
- पक्का करें कि आपका ऐप्लिकेशन हमेशा तेज़ी से और आसानी से काम करे. भले ही, वह कम कीमत वाले डिवाइसों पर चल रहा हो.
- ओवरड्रॉ की वजह से, आपके ऐप्लिकेशन की परफ़ॉर्मेंस काफ़ी धीमी हो सकती है. ऐसा तब होता है, जब पिक्सल को हर पास में एक से ज़्यादा बार ड्रॉ किया जाता है. इसका एक उदाहरण यह है कि जब आपके पास कोई ऐसी इमेज हो जिस पर बटन रखा गया हो. हालांकि, कुछ ओवरड्रॉ से बचा नहीं जा सकता, लेकिन फ़्रेम रेट को बेहतर बनाए रखने के लिए, इसे कम से कम रखना चाहिए. अपने ऐप्लिकेशन पर जीपीयू ओवरड्रॉ डीबग करें, ताकि यह पक्का किया जा सके कि इसे कम से कम किया गया है.
- Android डिवाइस, स्क्रीन को हर सेकंड में 60 फ़्रेम (एफ़पीएस) पर रीफ़्रेश करते हैं. इसका मतलब है कि आपके ऐप्लिकेशन को स्क्रीन को करीब 16 मिलीसेकंड में अपडेट करना होगा. डिवाइस पर मौजूद टूल का इस्तेमाल करके, अपने ऐप्लिकेशन की परफ़ॉर्मेंस का आकलन करें. इससे आपको यह पता चलेगा कि आपका ऐप्लिकेशन, औसतन 16 मि॰से॰ के समय में फ़्रेम रेंडर कर रहा है या नहीं.
- कम कीमत वाले डिवाइसों पर ऐनिमेशन कम करें या हटाएं, ताकि डिवाइस के सीपीयू और जीपीयू पर पड़ने वाले असर को कम किया जा सके. ज़्यादा जानकारी के लिए, लेआउट की परफ़ॉर्मेंस को बेहतर बनाना लेख पढ़ें.
- व्यू हाइरार्की को बेहतर तरीके से व्यवस्थित करने पर, ऐप्लिकेशन की मेमोरी पर असर डाले बिना उसकी स्पीड बढ़ाई जा सकती है. ज़्यादा जानकारी के लिए, परफ़ॉर्मेंस
और व्यू हाइरारकी देखें.
ऐप्लिकेशन को शुरू होने में समय लगने पर, लॉन्च स्क्रीन का इस्तेमाल करना
- लॉन्च स्क्रीन, उपयोगकर्ता को आपके ऐप्लिकेशन का पहला अनुभव देती है.
ऐप्लिकेशन लॉन्च करते समय खाली कैनवस दिखाने से, उसके लोड होने में लगने वाले समय का पता चलता है. इसलिए, लोड होने में लगने वाले समय को कम करने के लिए, प्लेसहोल्डर यूज़र इंटरफ़ेस (यूआई) या ब्रैंडेड लॉन्च स्क्रीन का इस्तेमाल करें.
-
प्लेसहोल्डर यूज़र इंटरफ़ेस (यूआई), लॉन्च ट्रांज़िशन का सबसे आसान तरीका है. यह ऐप्लिकेशन लॉन्च करने और इन-ऐप्लिकेशन गतिविधि ट्रांज़िशन, दोनों के लिए सही है.
-
ब्रैंडेड लॉन्च स्क्रीन से, ब्रैंड को कुछ समय के लिए एक्सपोज़र मिलता है. इससे यूज़र इंटरफ़ेस (यूआई) को कॉन्टेंट पर फ़ोकस करने में मदद मिलती है.
- स्टार्ट होने में ज़्यादा समय लगने की समस्या से बचने का सबसे अच्छा तरीका यह है कि आप इस समस्या को होने ही न दें. लॉन्च होने में लगने वाले समय की परफ़ॉर्मेंस से आपको ऐसी जानकारी मिलती है जिससे ऐप्लिकेशन के लॉन्च होने में लगने वाले समय को कम किया जा सकता है.
यूज़र इंटरफ़ेस के सबसे सही तरीके
-
मटीरियल डिज़ाइन एक विज़ुअल लैंग्वेज है. यह डिज़ाइन के क्लासिक सिद्धांतों को टेक्नोलॉजी और विज्ञान की नई संभावनाओं के साथ जोड़ती है. Material Design, एक ही सिस्टम पर काम करता है. इससे अलग-अलग प्लैटफ़ॉर्म और डिवाइसों पर एक जैसा अनुभव मिलता है. मटीरियल डिज़ाइन के मुख्य कॉम्पोनेंट का इस्तेमाल करें, ताकि उपयोगकर्ताओं को आसानी से पता चल सके कि आपके ऐप्लिकेशन का इस्तेमाल कैसे करना है.
- इस्तेमाल के लिए तैयार मटीरियल डिज़ाइन कॉम्पोनेंट, Material Design Support library में उपलब्ध हैं. ये कॉम्पोनेंट, Android 2.1 (एपीआई लेवल 7) और उसके बाद के वर्शन पर काम करते हैं.
स्थानीय भाषा के अनुसार
- आपके उपयोगकर्ता दुनिया के किसी भी हिस्से से हो सकते हैं. ऐसा हो सकता है कि उनकी पहली भाषा आपकी भाषा न हो. अगर आपने अपने ऐप्लिकेशन को ऐसी भाषा में उपलब्ध नहीं कराया है जिसे आपके उपयोगकर्ता पढ़ सकते हैं, तो यह एक अच्छा मौका गंवाने जैसा है. इसलिए, आपको अपने ऐप्लिकेशन को
मुख्य स्थानीय भाषाओं के हिसाब से बनाना चाहिए.
- ज़्यादा जानने के लिए, Android ट्रेनिंग में अलग-अलग भाषाओं के लिए सहायता पर जाएं. साथ ही, स्थानीय भाषा में अनुवाद करने से जुड़ी चेकलिस्ट देखें.
- Android 7.0 (एपीआई लेवल 24) से, Android फ़्रेमवर्क ICU4J API का सबसेट उपलब्ध कराता है. इससे आपको अपने ऐप्लिकेशन को कई भाषाओं में स्थानीय भाषा में उपलब्ध कराने में मदद मिल सकती है. ज़्यादा जानकारी के लिए,
ICU4J Android Framework APIs देखें.
अन्य संसाधन
इस विषय के बारे में ज़्यादा जानने के लिए, यहां दिए गए अन्य संसाधन देखें:
अन्य विषय
ब्लॉग पोस्ट
इस पेज पर मौजूद कॉन्टेंट और कोड सैंपल कॉन्टेंट के लाइसेंस में बताए गए लाइसेंस के हिसाब से हैं. Java और OpenJDK, Oracle और/या इससे जुड़ी हुई कंपनियों के ट्रेडमार्क या रजिस्टर किए हुए ट्रेडमार्क हैं.
आखिरी बार 2025-07-27 (UTC) को अपडेट किया गया.
[[["समझने में आसान है","easyToUnderstand","thumb-up"],["मेरी समस्या हल हो गई","solvedMyProblem","thumb-up"],["अन्य","otherUp","thumb-up"]],[["वह जानकारी मौजूद नहीं है जो मुझे चाहिए","missingTheInformationINeed","thumb-down"],["बहुत मुश्किल है / बहुत सारे चरण हैं","tooComplicatedTooManySteps","thumb-down"],["पुराना","outOfDate","thumb-down"],["अनुवाद से जुड़ी समस्या","translationIssue","thumb-down"],["सैंपल / कोड से जुड़ी समस्या","samplesCodeIssue","thumb-down"],["अन्य","otherDown","thumb-down"]],["आखिरी बार 2025-07-27 (UTC) को अपडेट किया गया."],[],[],null,["# UI and content for billions\n\nMake sure that your app offers an interactive UI that responds quickly to user input and, if necessary, compensates for a slow launch.\nEnsure that your app is designed to be easily localized by\naccommodating the variations between languages: allow for spacing, density,\norder, emphasis, and wording variations. Also make sure that date, time, and\nother units are internationalized and displayed according to the phone's\nsettings.\n\nFast and responsive user interface\n----------------------------------\n\n\u003cbr /\u003e\n\n\nThe user's perception of app performance is formed in large part by the app's\nresponsiveness. For example, interaction with the user and a crisp display are two important\ncharacteristics of a performant app. Here you can find tips on how to optimize these and\nother aspects of an app's speed and responsiveness.\n\n### Touch feedback on all touchable items\n\n- Touch feedback adds a tactile feeling to the user interface. You should ensure your app provides touch feedback on all touchable elements to reduce the perceived app latency as much as possible.\n- [Responsive interaction](https://material.io/guidelines/motion/material-motion.html) encourages deeper exploration of an app by creating timely, logical, and delightful screen reactions to user input. Responsive interaction elevates an app from an information-delivery service to an experience that communicates using multiple visual and tactile responses.\n- For more information, see the Android training on [Customizing Touch\n Feedback](/training/material/animations#Touch).\n\n### UI should always be interactive\n\n- Apps that are unresponsive when performing background activity feel slow and reduce user satisfaction. Ensure your app always has a responsive UI regardless of any background activity. Achieve this by performing network operations or any heavy-duty operations in a background thread---keep the UI thread as idle as you can.\n- Material Design apps use minimal visual changes when loading content by representing each operation with a single activity indicator. Avoid blocking dialogs with [loading indicators](https://material.io/guidelines/components/progress-activity.html).\n- [Empty\n states](https://material.io/guidelines/patterns/empty-states.html) occur when a view has no content to show. It might be a list that has no items or a search that returns no results. Avoid empty states using starter, educational, or best match content. When these options aren't applicable display a non-interactive image and a text tagline that tell the user what they'll see when there is something to display.\n- For more information, see the Android training on [Keeping Your App\n Responsive](/training/articles/perf-anr).\n\n### Target 60 frames per second on low-cost devices\n\n- Ensure that your app always runs fast and smoothly, even on low-cost devices.\n- Overdraw can significantly slow down your app---it occurs when the pixels are being drawn more than once per pass. An example of this is when you have an image with a button placed on top of it. While some overdraw is unavoidable, it should be minimized to ensure a smooth frame rate. Perform [Debug\n GPU overdraw](/tools/performance/debug-gpu-overdraw) on your app to ensure it's minimized.\n- Android devices refresh the screen at 60 frames per second (fps), meaning your app has to update the screen within roughly 16 milliseconds. [Profile\n your app](/studio/profile/dev-options-rendering) using on-device tools to see if and when your app is not meeting this 16 ms average.\n- Reduce or remove animations on low-cost devices to lessen the burden on the device's CPU and GPU. For more information, see [Improve\n layout performance](/develop/ui/views/layout/improving-layouts).\n- An efficient view hierarchy can speed up your app without increasing the app's memory footprint. For more information, see [Performance\n and View Hierarchies.](/topic/performance/optimizing-view-hierarchies)\n\n### Use a launch screen on slow to start apps\n\n- The launch screen is a user's first experience of your application. Displaying a blank canvas while launching your app increases the perception of its loading time, so consider using a placeholder UI or a branded launch screen to reduce the perceived loading time.\n- A[placeholder UI](https://material.io/design/communication/launch-screen.html#placeholder-ui) is the most seamless launch transition, appropriate for both app launches and in-app activity transitions.\n- [Branded launch screens](/guide/topics/ui/splash-screen) provide momentary brand exposure, freeing the UI to focus on content.\n- The best way to deal with slow start speeds is not to have them. [Launch-Time Performance](/topic/performance/launch-time) provides information that may help you speed up your app's launch time.\n\nUser interface best practices\n-----------------------------\n\n- [Material Design](https://material.io/guidelines/material-design/introduction.html) is a visual language that synthesizes the classic principles of good design with the innovation and possibility of technology and science. Material Design provides a single underlying system that allows for a unified experience across platforms and device sizes. Consider using key Material Design components so that users intuitively know how to use your app.\n- Ready-to-use Material Design components are available in the [Material Design Support\n library](/topic/libraries/support-library/features#material-design). These components are supported in Android 2.1 (API level 7) and above.\n\nLocalization\n------------\n\n- Your users could be from any part of the world and their first language may not be yours. If you don't present your app in a language that your users can read, it is a missed opportunity. You should therefore localize your app for key regional languages.\n- To learn more, visit the Android training on [Supporting\n Different Languages](/training/basics/supporting-devices/languages) and see the [localization checklist](/distribute/tools/localization-checklist).\n- Starting from Android 7.0 (API level 24), the Android framework makes available a subset of the [ICU4J APIs](http://userguide.icu-project.org/), which can help you localize your app into multiple languages. For more information, see [ICU4J Android Framework APIs.](/guide/topics/resources/icu4j-framework)\n\n\u003cbr /\u003e\n\nAdditional resources\n--------------------\n\nTo learn more about this topic, view the following additional resources:\n\n### Further topics\n\n- [Keeping your app responsive](/training/articles/perf-anr)\n- [Improving layout performance](/training/improving-layouts)\n- [Introduction to animations](/training/animation/overview)\n\n### Blog posts\n\n- [Writing for global audiences](https://medium.com/google-design/writing-for-global-audiences-d339d23e9612)"]]