शुरुआती जानकारी
मोबाइल हेल्थ ऐप्लिकेशन का इस्तेमाल करने वाले ज़्यादातर डॉक्टरों के लिए, सवालों की सूची को पूरा करना एक अहम टास्क होता है.
डेटा डालना मुश्किल हो सकता है और गड़बड़ियां हो सकती हैं. स्ट्रक्चर्ड डेटा कैप्चर (एसडीसी) लाइब्रेरी और डिज़ाइन से जुड़े दिशा-निर्देशों की मदद से, हमारा मकसद आपको डेटा एंट्री के लिए उपयोगकर्ता अनुभव और कैप्चर किए गए डेटा की क्वालिटी को बेहतर बनाने में मदद करना है.
इस सेक्शन में बताई गई चार थीम यहां दी गई हैं:
लेआउट और नेविगेशन
लंबा स्क्रोल और पेज पर नंबर वाला लेआउट
![लंबे स्क्रोल और पेज पर नंबर वाले लेआउट की तुलना करना. लॉन्ग स्क्रोल करने पर एक पेज पर तीन सवाल हैं, जबकि पेज पर नंबर डालने के लिए एक सवाल है.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/comparinglayouts.png?hl=hi)
Android FHIR SDK टूल में दो लेआउट विकल्प हैं:
- देर तक स्क्रोल करें (डिफ़ॉल्ट)
- पेज पर नंबर डाला गया
लंबी स्क्रोल के आधार पर सवालों की सूची में एक पेज पर मौजूद सभी सवाल दिखते हैं और उपयोगकर्ता स्क्रोल करके हर सवाल पर जाते हैं.
पेज पर नंबरित सवालों की सूची, अलग-अलग पेजों पर कॉन्टेंट दिखाती है. मिलते-जुलते सवाल या इनपुट फ़ील्ड को एक पेज पर एक साथ रखा जा सकता है. एक पेज से दूसरे पेज पर जाने के लिए, पेज के सबसे नीचे 'वापस जाएं' और 'आगे बढ़ें' बटन को ऐंकर किया जाता है.
GitHub पर सवालों की सूची को पेजों में बांटने का तरीका जानें
आपको कौनसा लेआउट चुनना चाहिए?
हर लेआउट के अपने फ़ायदे और नुकसान हैं. नीचे हर तरह के लेआउट के एट्रिब्यूट दिए गए हैं. इन्हें ध्यान में रखकर आपको यह चुनना होगा कि आपको कौनसा लेआउट इस्तेमाल करना है.
लंबा स्क्रोल | पेज पर नंबर डाला गया | |
---|---|---|
नेविगेशन की स्पीड | नेविगेट करने में तेज़ | नेविगेट करने में ज़्यादा समय लगा |
नेविगेशन की सटीक जानकारी | कम सटीक नेविगेशन | ज़्यादा सटीक नेविगेशन |
टास्क स्विच करने के बाद, अपने सवाल पर दोबारा फ़ोकस करें | रुकावट के बाद फिर से नेविगेट करना मुश्किल है | किसी रुकावट के बाद, डिवाइस को फिर से चालू करना आसान है |
विज़िट के बाद डिजिटल सवालों की सूची को पूरा करना (पेपर से कॉपी करना) | कागज़ से कॉपी करना आसान है | पेपर से कॉपी करना ज़्यादा मुश्किल होता है |
छोटी स्क्रीन वाले डिवाइसों पर | छोटी स्क्रीन के लिए | खराब हैछोटी स्क्रीन के लिए बेहतर है |
सुलभता | सुलभता के लिहाज़ से खराब है. नेविगेट करना मुश्किल है. | सुलभता के लिए बेहतर है. ऐसी स्क्रीन जिन्हें स्क्रीन रीडर, लिखाई को बोली में बदलने की सुविधा, और दूसरी टेक्नोलॉजी इस्तेमाल कर सकती हैं. |
निर्देशों और पूरी जानकारी के लिए स्पेस | दिशा-निर्देश और निर्देशों के लिए खराब है | निर्देश और निर्देशों के लिए बेहतर हैं |
लंबा स्क्रोल
![सवालों की सूची, जिसमें सवाल के शीर्षक के आगे नंबर दिख रहे हैं.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/numberedquestionnaire.png?hl=hi)
सवालों को एक नंबर दें, ताकि एक पेज के लेआउट पर आसानी से नेविगेट किया जा सके.
![सवाल के टाइटल के फ़ॉन्ट साइज़ की तुलना की जा रही है. लंबा स्क्रोल 16 पिक्सल है. पेज पर नंबर डाला गया 28 पिक्सल है.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/adjustfont.png?hl=hi)
लॉन्ग स्क्रोल का इस्तेमाल करते समय, सवाल के टाइटल के फ़ॉन्ट का साइज़ छोटा करें, ताकि स्क्रीन पर ज़्यादा कॉन्टेंट दिखे. उदाहरण: लॉन्ग स्क्रोलिंग का साइज़ 16 पिक्सल है. पेज पर नंबर डाला गया 28 पिक्सल है.
पेजों को क्रम में लगाना
![पेज पर नंबर वाले सवाल "वे किस राज्य में रहते हैं?" इसके लिए ड्रॉपडाउन मेन्यू का इस्तेमाल किया जा सकता है.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/onequestion.png?hl=hi)
कीबोर्ड, ड्रॉपडाउन, और दूसरे कॉम्पोनेंट पेज पर जगह लेते हैं. इसलिए, हर पेज पर एक सवाल चुनें.
![पेज पर नंबर वाले पते के फ़ील्ड, जिनमें सबसे नीचे वाला फ़ील्ड स्क्रीन पर नहीं दिखता.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/hidecontent.png?hl=hi)
कॉन्टेंट, पेज के ऊपरी हिस्से में दिखना चाहिए.
![एक सवाल के तौर पर ग्रुप किए गए एक से ज़्यादा टेक्स्ट फ़ील्ड. सवाल का शीर्षक,
संपर्क किए जाने वाले वैकल्पिक व्यक्ति का नाम है. सवाल में नाम, संबंध, और फ़ोन नंबर
इनपुट फ़ील्ड के तौर पर शामिल किए गए हैं.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/groupcontent.png?hl=hi)
उदाहरण: ये तीन टेक्स्ट फ़ील्ड, संपर्क करने वाले व्यक्ति की वैकल्पिक जानकारी से जुड़े होते हैं. इसलिए, इन्हें एक पेज पर एक साथ रखा जाता है.
![एक ही पेज पर मौजूद ऐसे सवाल जो आपस में मेल नहीं खाते. पहला सवाल, बीमा के कवरेज से जुड़ा है और दूसरा सवाल, स्वास्थ्य की पुरानी समस्याओं के बारे में.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/unrelatedgroup.png?hl=hi)
भ्रम की स्थिति से बचने के लिए, एक ही पेज पर ऐसे कॉन्टेंट को ग्रुप करने से बचें जो आपके काम का न हो.
प्रोग्रेस दिखाने वाला इंंडिकेटर
प्रोग्रेस इंंडिकेटर, सवालों की सूची में की गई प्रोग्रेस को दिखाता है.
उपयोगकर्ताओं को नेविगेट करने और प्रोग्रेस देखने में मदद करने के लिए, सवालों की लंबी सूची में प्रोग्रेस इंडिकेटर शामिल करें. प्रोग्रेस इंडिकेटर की मदद से, सवालों की सूची में जगह की जानकारी देखी जा सकती है. साथ ही, यह भी पता चलता है कि कितनी प्रोग्रेस होनी बाकी है.
![प्रोग्रेस इंडिकेटर, सबसे ऊपर मौजूद सवालों की सूची के शीर्षक के नीचे मौजूद होता है.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/progress-scroll.png?hl=hi)
सवाल और ऐंकर के सबसे ऊपर रखें, ताकि स्क्रोल करते समय भी यह हमेशा दिखे.
![प्रोग्रेस इंडिकेटर, जो नेविगेशन बटन के ऊपर सबसे नीचे मौजूद है.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/progress-paginated.png?hl=hi)
इसे 'वापस जाएं' और 'आगे बढ़ें' बटन के ऊपर, सबसे नीचे रखा जा सकता है. इस लेआउट से यह भी दिखाया जा सकता है कि उपयोगकर्ता किस पेज पर है.
नेविगेशन बटन
नेविगेशन बटन (पीछे जाएं, आगे बढ़ें), सवालों की सूची के सबसे नीचे दिखते हैं. इनफ़ाइनाइट स्क्रोलिंग में या पेज पर नंबर वाले सवालों की सूची के आखिरी पेज पर, अगले बटन को 'सबमिट करें' के तौर पर लेबल किया जाता है.
बटनों को एक ही जगह पर रखें और हमेशा ऐसे चालू बटनों का इस्तेमाल करें जिन पर कार्रवाई के साथ-साथ 'वापस जाएं' और 'आगे बढ़ें' जैसे लेबल मौजूद होते हैं.
![नेविगेशन बटन चालू हैं. नीले रंग के फ़िल के साथ अगला बटन.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/active-buttons.png?hl=hi)
हमेशा ऐक्टिव बटन दिखाएं. भले ही, फ़ॉर्म अधूरे हों. अगला टैप करने पर, एक पॉप-अप डायलॉग दिखेगा. इसमें ऐसे फ़ील्ड या पुष्टि की गड़बड़ियां पूरी करने के निर्देश होंगे जो मौजूद नहीं हैं.
![आगे बढ़ें बटन काम नहीं कर रहा है. स्लेटी रंग के फ़िल के साथ अगला बटन.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/inactive-buttons.png?hl=hi)
इनऐक्टिव बटन की वजह से, उपयोगकर्ताओं को समस्या को ठीक करने का तरीका जानने में मुश्किल होती है.
![आगे बढ़ें बटन में सिर्फ़ ऐरो आइकॉन होता है, टेक्स्ट की जानकारी नहीं होती.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/icon-buttons.png?hl=hi)
सिर्फ़ आइकॉन वाले बटन इस्तेमाल करने से बचें. बटनों को हमेशा जानकारी देने वाली कार्रवाई से लेबल करें.
सवाल और निर्देश
![सवालों और निर्देशों के कॉम्पोनेंट दिखाने वाली, पेज पर नंबर के तौर पर दी गई सवालों की सूची.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/question-banner.png?hl=hi)
- सवालों की सूची का टाइटल.
- प्रगति संकेतक.
- समूह हेडर.
- सवाल का टाइटल.
- निर्देश.
- इनपुट फ़ील्ड.
- एंट्री का फ़ॉर्मैट.
- ज़रूरी फ़ील्ड.
- सहायता पर टैप करें.
ग्रुप का हेडर
ग्रुप हेडर एक टेक्स्ट हेडर होता है. यह सवाल के टाइटल के ऊपर दिखता है.
मिलते-जुलते सवालों का एक ग्रुप बनाने के लिए, ग्रुप हेडर का इस्तेमाल करें. ग्रुप हेडर का इस्तेमाल सिर्फ़ तब करें, जब यह काम की जानकारी देता हो.
![ग्रुप हेडर, मरीज़ का इतिहास है.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/group-short.png?hl=hi)
मिलते-जुलते सवालों का ग्रुप बनाने के लिए, छोटे शीर्षक का इस्तेमाल करें. उदाहरण: मरीज़ के इतिहास से जुड़े सभी सवालों को एक साथ ग्रुप किया गया है.
![ग्रुप हेडर में निजी जानकारी और लाइफ़स्टाइल से जुड़ी जानकारी होती है.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/group-long.png?hl=hi)
मुश्किल टाइटल या लंबे टाइटल का इस्तेमाल करने से बचें. ऐसा करने से एक लाइन से ज़्यादा लंबी नहीं होती.
जवाब का शीर्षक
सवाल का शीर्षक कम शब्दों में बताता है कि कौनसी जानकारी मांगी गई है. सवाल के टाइटल का फ़ॉन्ट साइज़ सबसे बड़ा होता है, ताकि लोग उस पर क्लिक कर सकें.
हर पेज या सवाल के लिए, सवाल का शीर्षक होना चाहिए. सवाल के टाइटल को छोटा या सवाल के तौर पर रखें.
![सवाल का टाइटल जन्म की तारीख है.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/title-short.png?hl=hi)
छोटे टाइटल से उपयोगकर्ता आसानी से पढ़ पाते हैं.
![सवाल का टाइटल यह है कि आपके जन्म की तारीख क्या है? आपका जन्म किस शहर में हुआ था?](https://developers.google.cn/static/open-health-stack/design/images/data-capture/title-long.png?hl=hi)
बहुत लंबे सवाल न डालें या दो सवालों को एक साथ नेस्ट न करें.
![सवाल का कोई टाइटल नहीं है.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/title-none.png?hl=hi)
सवालों का टाइटल हमेशा शामिल करें, ताकि उपयोगकर्ता आसानी से समझ सकें कि उन्हें कौनसी जानकारी डालनी होगी.
निर्देश
निर्देश, सवाल के शीर्षक के नीचे दिया गया एक टेक्स्ट फ़ील्ड होता है. हालांकि, यह ज़रूरी नहीं है.
सही निर्देशों के बारे में बताने के लिए instructions फ़ील्ड का इस्तेमाल करें. जैसे क्या सवाल ज़रूरी है, कितने विकल्प चुने जा सकते हैं (एक या एक से ज़्यादा), और पूरी जानकारी न दे पाने या सवाल का जवाब न दे पाने पर, उपयोगकर्ताओं को क्या करना चाहिए.
![निर्देश: कोई एक चुनें. आवश्यक सवाल.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/instructions-required.png?hl=hi)
निर्देशों वाले फ़ील्ड का इस्तेमाल करके, पता करें कि सवाल ज़रूरी है या नहीं और कितने सवाल चुने जा सकते हैं.
![निर्देश: अगर जन्म की तारीख की सटीक जानकारी नहीं है, तो DOB के अनजान चेकबॉक्स को चुनें.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/instructions-edge.png?hl=hi)
निर्देशों का पालन करके, उपयोगकर्ताओं को बताएं कि अगर उन्हें कोई ऐसी स्थिति दिखे जिसके लिए वे सभी फ़ील्ड पूरे न कर पा रहे हों, तो उन्हें क्या करना चाहिए.
![निर्देश: आपातकालीन स्थिति में दूसरा संपर्क इस्तेमाल किया जा सकेगा.
साथ ही, ये संपर्क परिवार के लोग हो सकते हैं (जैसे कि पार्टनर, मां, भाई-बहन.)](https://developers.google.cn/static/open-health-stack/design/images/data-capture/instructions-definitions.png?hl=hi)
सवालों के टाइटल में इस्तेमाल किए गए शब्दों के लिए, ज़्यादा संदर्भ या परिभाषाएं देने के लिए निर्देशों का इस्तेमाल करें.
लेबल टेक्स्ट
लेबल टेक्स्ट से उपयोगकर्ताओं को पता चलता है कि टेक्स्ट फ़ील्ड या ड्रॉपडाउन के लिए कौनसी जानकारी मांगी जाती है. फ़ील्ड को चुनने पर, लेबल टेक्स्ट टेक्स्ट फ़ील्ड के बीच से ऊपर की ओर जाता है.
हर टेक्स्ट फ़ील्ड और ड्रॉपडाउन बॉक्स में एक लेबल होना चाहिए. लेबल टेक्स्ट छोटा, साफ़, और पूरी तरह से दिखने वाला होना चाहिए.
![लेबल टेक्स्ट: नाम.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/label-short.png?hl=hi)
लेबल का टेक्स्ट छोटा, साफ़, और पूरी तरह दिखना चाहिए.
![लेबल टेक्स्ट: क्लाइंट का नाम डालें.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/label-long.png?hl=hi)
लेबल वाला टेक्स्ट बहुत लंबा नहीं होना चाहिए. साथ ही, उसमें काट-छांट नहीं की जानी चाहिए या उसमें एक से ज़्यादा लाइनें नहीं होनी चाहिए.
![कोई लेबल टेक्स्ट नहीं है.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/label-none.png?hl=hi)
टेक्स्ट फ़ील्ड को हमेशा लेबल करें, ताकि उपयोगकर्ताओं को पता चल सके कि कौनसी जानकारी डालनी है.
एंट्री फ़ॉर्मैट
EntryFormat को टेक्स्ट फ़ील्ड के नीचे दिखाया जाता है. इससे उपयोगकर्ताओं को यह जानकारी मिलती है कि किस फ़ॉर्मैट में डेटा डालना ज़रूरी है. गड़बड़ी के मैसेज, EntryFormat फ़ील्ड में दिखाए जाएंगे और मौजूदा EntryFormat के निर्देशों को बदल दिए जाएंगे.
तारीख, फ़ोन नंबर, इकाइयों, और पूर्णांक के लिए EntryFormat का इस्तेमाल करें.
![तारीख का फ़ॉर्मैट: dd/mm/yyyy.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/entry-do.png?hl=hi)
फ़ील्ड के नीचे तारीख का फ़ॉर्मैट दिखाएं और जानकारी देने वाला वाक्यांश शामिल करें.
![तारीख का कोई फ़ॉर्मैट नहीं है.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/entry-none.png?hl=hi)
डेटा का फ़ॉर्मैट न दिखाने की वजह से, डेटा गलत तरीके से डाला जा सकता है.
![धड़कन की दर के टेक्स्ट फ़ील्ड के नीचे एंट्री फ़ॉर्मैट में दिखता है: सामान्य
रेंज: 60-100 बीपीएम. खून में ऑक्सीजन की मात्रा वाले टेक्स्ट फ़ील्ड के नीचे
एंट्री फ़ॉर्मैट दिखता है: सामान्य रेंज: 95 से 100%.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/entry-range.png?hl=hi)
मेडिकल रेंज डालते समय, सामान्य रेंज के उदाहरण दें. इससे उपयोगकर्ताओं को गड़बड़ियों या उन संख्याओं की पहचान करने में मदद मिल सकती है जो सीमा से बाहर हैं.
ज़रूरी फ़ील्ड
ज़रूरी फ़ील्ड से पता चलता है कि उपयोगकर्ता को फ़ील्ड भरना है. साथ ही, फ़ील्ड पूरा होने तक उससे आगे की कार्रवाई नहीं की जा सकती.
यह बताने के लिए कि फ़ील्ड ज़रूरी है, सवाल के शीर्षक के आखिर में तारे का निशान (*) लगाएं. निर्देश फ़ील्ड में 'ज़रूरी सवाल' शामिल करें, क्योंकि यह हर किसी को पता नहीं होता कि तारे का निशान (*) से क्या पता चलता है. अगर सवाल का कोई टाइटल नहीं है, तो लेबल टेक्स्ट में तारे का निशान (*) लगाएं.
![नीचे दिए गए निर्देशों में सवाल के टाइटल और ज़रूरी सवाल के बाद तारे का निशान.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/required-explanation.png?hl=hi)
यह दिखाएं कि फ़ील्ड पर तारे का निशान (*) लगाना ज़रूरी है. साथ ही, उसमें ऐसे लिखित निर्देश भी शामिल करें जो `ज़रूरी सवाल' के बारे में बताते हों. कई लोगों को पता नहीं होता है कि तारे के निशान(*) का क्या मतलब है और जवाब से क्या फ़ायदा होगा.
![सवाल के शीर्षक के बाद तारे का निशान, लेकिन कोई लिखित जानकारी नहीं है कि तारे का क्या मतलब है.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/required-noexplanation.png?hl=hi)
बिना कोई लिखित जानकारी दिए सिर्फ़ तारे के निशान (*) को दिखाने से बचें.
![सवाल के टाइटल और ज़रूरी सवाल के बाद मौजूद स्टार का निशान, नीचे दिए गए निर्देशों में दिखाया गया है.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/required-localize.png?hl=hi)
ऐसे शब्दों का इस्तेमाल करें जो आपके उपयोगकर्ताओं के लिए सबसे ज़्यादा परिचित हों. उदाहरण: ऐसा हो सकता है कि "ज़रूरी" शब्द ज़्यादा इस्तेमाल किया जाए और कुछ देशों में इसका इस्तेमाल "ज़रूरी" के बजाय किया जाए.
![कोई तारे का निशान नहीं. निर्देशों में वैकल्पिक सवाल दिखाया गया है.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/required-optional.png?hl=hi)
अगर ज़्यादातर सवाल ज़रूरी हैं, तो बताएं कि कौनसे सवाल वैकल्पिक हैं.
![लेबल टेक्स्ट के बाद तारे का निशान. एंट्री फ़ॉर्मैट फ़ील्ड में ज़रूरी सवाल दिखाया गया है.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/required-label.png?hl=hi)
अगर सवाल का कोई टाइटल नहीं है, तो लेबल टेक्स्ट में स्टार का निशान लगाएं.
सहायता
सवाल के शीर्षक के बगल में, एक सहायता आइकॉन दिखेगा. आइकॉन पर टैप करने पर, ज़्यादा जानकारी के साथ सहायता जानकारी वाला बॉक्स दिखेगा. आइकॉन पर फिर से टैप करने से सहायता जानकारी वाला बॉक्स बंद हो जाता है.
यह एक वैकल्पिक घटक है. इसका इस्तेमाल सिर्फ़ तब करें, जब आप कुछ ऐसी अतिरिक्त जानकारी को दिखा सकें जिसका हमेशा दिखना ज़रूरी नहीं है.
![सहायता: मौसमी फ़्लू के टीके को इन्फ़्लुएंज़ा प्रतिरोधक भी कहा जाता है.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/help-do.png?hl=hi)
उस जानकारी के लिए सहायता का इस्तेमाल करें जिसे उपयोगकर्ताओं को शायद सिर्फ़ एक बार देखना पड़े या उससे ज़्यादा जानकारी मिले.
![सहायता: कोई एक विकल्प चुनें.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/help-dont.png?hl=hi)
सहायता बॉक्स में उन निर्देशों को छिपाने से बचें जो सभी को दिखने चाहिए.
डेटा कैप्चर
![डेटा कैप्चर करने के लिए आठ कॉम्पोनेंट,
टेक्स्ट फ़ील्ड, तारीख चुनने वाला टूल, ड्रॉपडाउन,
स्लाइडर, एक विकल्प, बूलियन विकल्प, एक से ज़्यादा विकल्प, और
खुला विकल्प.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/datacapture-banner.png?hl=hi)
किस कॉम्पोनेंट का इस्तेमाल कब करना चाहिए?
डेटा एंट्री का टाइप | बूलियन विकल्प | एक विकल्प | एक से ज़्यादा विकल्प | विकल्प खोलें | ड्रॉपडाउन | तारीख चुनने वाला टूल | टेक्स्ट फ़ील्ड | स्लाइडर | स्वत: पूर्ण |
---|---|---|---|---|---|---|---|---|---|
हां या नहीं चुनें | |||||||||
एक विकल्प चुनें | सावधानी |
||||||||
एक से ज़्यादा विकल्प चुनें | सावधानी |
||||||||
टेक्स्ट | |||||||||
तारीख | |||||||||
संख्याएं | सावधानी |
टेक्स्ट फ़ील्ड
टेक्स्ट फ़ील्ड से पता चलता है कि उपयोगकर्ता, जानकारी डाल सकते हैं.
टेक्स्ट फ़ील्ड का इस्तेमाल तब करें, जब किसी को सवालों की सूची में टेक्स्ट डालना हो, जैसे कि नाम, फ़ोन नंबर या पता. ऐसी डेटा एंट्री को सीमित करें जिसके लिए टेक्स्ट (कीबोर्ड) की ज़रूरत हो. इसके लिए, पहले से भरी गई जानकारी (एक से ज़्यादा विकल्प या एक विकल्प) का इस्तेमाल किया जा सकता है.
material.io पर टेक्स्ट फ़ील्ड के बारे में ज़्यादा जानें
![सवाल का टाइटल: एक नए व्यक्ति को रजिस्टर करें. टेक्स्ट फ़ील्ड 1: नाम. टेक्स्ट
फ़ील्ड 2: फ़ोन नंबर.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/text-do.png?hl=hi)
ऐसी डेटा एंट्री के लिए टेक्स्ट फ़ील्ड का इस्तेमाल करें जिसके लिए खास शब्द या नंबर टाइप करने की ज़रूरत होती है.
![सवाल का टाइटल: विज़िट करने की वजह? टेक्स्ट फ़ील्ड: वजह बताएं](https://developers.google.cn/static/open-health-stack/design/images/data-capture/text-dont.png?hl=hi)
फ़्री टेक्स्ट रिस्पॉन्स का इस्तेमाल करने से बचें. ऐसा तब करें, जब यह एक से ज़्यादा विकल्प, ड्रॉपडाउन या एक विकल्प वाला विकल्प हो सकता है.
एक विकल्प और बूलियन का विकल्प
एक विकल्प और बूलियन विकल्प चुनने के कंट्रोल, रेडियो बटन के तौर पर तब दिखते हैं, जब उपयोगकर्ताओं को विकल्पों में से कोई एक विकल्प चुनने के लिए कहा जाता है.
जब 'हां' या 'नहीं' का बाइनरी विकल्प हो, तो boolean choice का इस्तेमाल करें. अगर ऐसा नहीं है, तो एक विकल्प कॉम्पोनेंट का इस्तेमाल करें. अगर सूची में ~10 से ज़्यादा विकल्प हैं, तो किसी एक विकल्प के बजाय ड्रॉपडाउन का इस्तेमाल करें. कई विकल्प होने पर, ड्रॉपडाउन ज़्यादा घना और नेविगेट करने में आसान होता है.
![सवाल का टाइटल: क्या वे पहली बार इस साइट पर गए हैं? बूलियन चुनने के विकल्प
हां और नहीं हैं.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/singlechoice-boolean.png?hl=hi)
बूलियन विकल्प का इस्तेमाल करें, जब विकल्प 'हां' और 'नहीं' हों.
![सवाल का टाइटल: कहां तक पढ़ाई की है?
एक विकल्प वाले विकल्प हैं: 1. नहीं पता 2. कोई शिक्षा नहीं
3. प्राइमरी स्कूल 4. सेकंडरी स्कूल.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/singlechoice-single.png?hl=hi)
अगर उपयोगकर्ता, सूची में से कोई एक विकल्प चुन सकते हैं, तो एक विकल्प का इस्तेमाल करें.
![एक विकल्प वाली सूची, जिसमें राज्यों की काफ़ी लंबी सूची दिख रही है. राज्य 23 से 27 के बीच
यह जानकारी दिखती है.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/singlechoice-dont.png?hl=hi)
बहुत लंबी सूचियों (10+) के लिए, एक विकल्प का इस्तेमाल करने से बचें. इसके बजाय, ड्रॉपडाउन का इस्तेमाल करें.
तारीख चुनने वाला टूल
तारीख चुनने वाले टूल की मदद से, उपयोगकर्ता कैलेंडर की तारीख चुनने वाले टूल और कीबोर्ड, दोनों से तारीख डाल सकते हैं. कैलेंडर आइकॉन को टैप करने पर, कैलेंडर की तारीख चुनने वाला टूल चालू हो जाता है.
कैलेंडर तारीख चुनने वाले टूल का इस्तेमाल सिर्फ़ आज की तारीख के आस-पास की तारीखों के लिए करें, जैसे कि पिछली माहवारी या अगली विज़िट. अगर ऐसा नहीं है, तो जन्म की तारीख जैसी तारीख के लिए कीबोर्ड एंट्री को प्राथमिकता दें.
![जन्म की तारीख. कीबोर्ड की तारीख डालने की सुविधा चालू है. टेक्स्ट फ़ील्ड बॉक्स की दाईं ओर कैलेंडर आइकॉन. चेकबॉक्स पर सही का निशान लगा है, जिससे पता चलता है कि तारीख अनुमानित है.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/datepicker-do.png?hl=hi)
तारीख डालने के लिए, कीबोर्ड एंट्री (टेक्स्ट बॉक्स पर टैप करना) और कैलेंडर डेट पिकर (टैपिंग आइकॉन), दोनों को चालू करें.
![तारीख चुनने वाले टूल का कैलेंडर व्यू.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/datepicker-dont.png?hl=hi)
जन्म की तारीख के लिए इनपुट के तरीके के तौर पर, सिर्फ़ कैलेंडर की तारीख चुनने वाले टूल को चालू न करें. महीने और साल के बारे में जानना बहुत मुश्किल है.
ड्रॉपडाउन
ड्रॉपडाउन मेन्यू की मदद से उपयोगकर्ता, कई विकल्पों में से किसी एक को चुन सकते हैं. जैसे ही उपयोगकर्ता टाइप करना शुरू करता है, टाइप किए गए विकल्पों के हिसाब से विकल्प फ़िल्टर हो जाते हैं. इससे लोगों को एक बड़ी सूची में से, सही विकल्प तुरंत खोजने में मदद मिलती है.
अगर विकल्पों की सूची बहुत लंबी (10+ विकल्प) होती है, तो वे कम जगह लेते हैं. ऐसे में, ड्रॉपडाउन मेन्यू एक विकल्प के लिए एक बेहतरीन विकल्प होते हैं.
![राज्य की लिस्टिंग स्टेटस A-F. के लिए ड्रॉपडाउन.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/dropdown-do.png?hl=hi)
विकल्पों की एक लंबी सूची में से, कोई विकल्प चुनते समय ड्रॉपडाउन का इस्तेमाल करें. जैसे, कोई राज्य या शहर चुनना.
![उम्र के हिसाब से ड्रॉपडाउन. एक से छह तक नंबर डालें.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/dropdown-dont.png?hl=hi)
ऐसे ड्रॉपडाउन का इस्तेमाल करने से बचें जहां कॉन्टेंट को टाइप करना ज़्यादा आसान हो. इसके बजाय, उम्र जैसे सभी विकल्पों को स्क्रोल करके देखें.
एक से ज़्यादा विकल्प
एक से ज़्यादा विकल्प विकल्प चुनने का कंट्रोल, चेकबॉक्स के तौर पर तब दिखता है, जब उपयोगकर्ता विकल्पों की सूची में से एक से ज़्यादा सेक्शन बना सकता है.
एक से ज़्यादा विकल्प का इस्तेमाल करें. ऐसा तब करें, जब उपयोगकर्ता पहले से तय की गई सूची में से ही किसी विकल्प को चुन सकते हों. अगर उपयोगकर्ता अपना मुफ़्त जवाब भी जोड़ सकते हैं, तो इसके बजाय ओपन चॉइस कॉम्पोनेंट का इस्तेमाल करें. instructions फ़ील्ड में "लागू होने वाले सभी विकल्प चुनें" लिखें, ताकि उपयोगकर्ता जान सकें कि वे एक से ज़्यादा विकल्प चुन सकते हैं.
![सवाल का टाइटल: आज विज़िट करने की वजह क्या है? चार चेकबॉक्स और विकल्प दिखाए गए हैं, हर पंक्ति पर एक.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/multiple-do.png?hl=hi)
डिफ़ॉल्ट तौर पर, चेकबॉक्स के चारों ओर एक कंटेनर दिखता है, ताकि टैप किए जा सकने वाले एरिया को साफ़ तौर पर देखा जा सके.
![सवाल का टाइटल: आज विज़िट करने की वजह क्या है. छह चेकबॉक्स और हर लाइन में दो विकल्प दिखाए गए हैं. दो विकल्पों के लिए कुछ
टेक्स्ट कट गया है.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/multiple-dont.png?hl=hi)
हर लाइन में कई विकल्प दिखाने से बचें. ऐसा इसलिए होता है, क्योंकि फ़ोन की स्क्रीन और टेक्स्ट के साइज़ में अंतर होता है. इससे टेक्स्ट कट सकता है.
विकल्प खोलें
ओपन विकल्प, कई विकल्प वाले विकल्प की तरह ही होता है. हालांकि, इससे उपयोगकर्ता अन्य को चुन सकता है और फ़्री टेक्स्ट टाइप कर सकता है.
ओपन विकल्प का इस्तेमाल तब करें, जब विकल्पों की पहले से सेट सूची उपलब्ध हो. हालांकि, उपयोगकर्ता अतिरिक्त विकल्प भी जोड़ सकते हैं. ज़्यादातर विकल्प उपलब्ध होने पर, ओपन चॉइस का इस्तेमाल करें. हालांकि, आपको उम्मीद है कि कुछ उपयोगकर्ता अन्य को चुनेंगे, क्योंकि दिया गया कोई भी विकल्प लागू नहीं होगा.
![अन्य को चुना गया है. बिना पैसे चुकाए टेक्स्ट जोड़ने के लिए, टेक्स्ट फ़ील्ड चालू है.
कीबोर्ड दिख रहा है.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/openchoice-do.png?hl=hi)
इसका इस्तेमाल तब करें, जब यह ज़रूरी हो कि सटीक डेटा इकट्ठा किया जाए और कोई भी पहले से तय विकल्प लागू न हो. उदाहरण: पेशा.
![सवाल का टाइटल: क्या आपको कुछ और जोड़ना है? तीन विकल्प: हां, नहीं, और
अन्य. अन्य को चुना गया है. बिना पैसे चुकाए टेक्स्ट जोड़ने के लिए, टेक्स्ट फ़ील्ड चालू है.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/openchoice-dont.png?hl=hi)
अगर ज़्यादातर जवाबों के लिए अन्य चुनने की ज़रूरत हो, तो इसका इस्तेमाल करने से बचें. ऐसे मामले में, टेक्स्ट फ़ील्ड या पैराग्राफ़ फ़ील्ड का इस्तेमाल करें.
स्लाइडर
स्लाइडर की मदद से उपयोगकर्ता, अलग-अलग वैल्यू में से किसी भी विकल्प को चुन सकते हैं. Android FHIR SDK में स्लाइडर एक अलग स्लाइडर है. डिस्क्रीट स्लाइडर की मदद से उपयोगकर्ता, पहले से तय की गई सीमा से कोई खास वैल्यू चुन सकते हैं. सही वैल्यू को दिखाने के लिए टिक मार्क का इस्तेमाल किया जा सकता है. अंकों वाला डेटा डालने के लिए, स्लाइडर का इस्तेमाल करने से बचें. इसके बजाय, टेक्स्ट फ़ील्ड या ड्रॉपडाउन मेन्यू का इस्तेमाल करें.
material.io पर स्लाइडर के बारे में ज़्यादा जानें
![सवाल का टाइटल: क्लाइंट के कितने बच्चे हैं? नंबर चार वाले एक स्लाइडर को
चुना गया है.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/slider-dont.png?hl=hi)
बड़ी रेंज होने पर खास वैल्यू के लिए स्लाइडर का इस्तेमाल करने से बचें. इसके बजाय, कीबोर्ड एंट्री वाले टेक्स्ट फ़ील्ड का इस्तेमाल करें.
डेटा की पुष्टि और गड़बड़ियां
डेटा सत्यापन
डेटा की पुष्टि करने से, टेक्स्ट फ़ील्ड में डाले जा सकने वाले डेटा टाइप या वैल्यू को सीमित किया जाता है. डेटा की पुष्टि करने से, इकट्ठा किए गए डेटा की क्वालिटी बेहतर हो सकती है.
फ़ॉर्मैट या वैल्यू से जुड़ी पाबंदियां दिखाने के लिए, EntryFormat फ़ील्ड का इस्तेमाल करें. डेटा की पुष्टि करने से जुड़ी, सही गड़बड़ी के मैसेज इन-लाइन और तुरंत दिखाएं, ताकि उपयोगकर्ता गड़बड़ी को ठीक कर सकें.
![लेबल टेक्स्ट: फ़ोन नंबर. एंट्री का फ़ॉर्मैट: आठ अंक.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/validation-show.png?hl=hi)
डेटा की पुष्टि करने से जुड़ी पाबंदियां पहले ही दिखाएं, ताकि उपयोगकर्ताओं को डेटा डालने का तरीका पता चल सके.
![लेबल टेक्स्ट: फ़ोन नंबर. एंट्री का फ़ॉर्मैट: कोई नहीं.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/validation-hide.png?hl=hi)
यह न दिखाए कि फ़ोन नंबर में कितने अंक होने चाहिए, हो सकता है कि उपयोगकर्ता कोई गड़बड़ी देखें और पुष्टि होने में ज़्यादा समय लगे.
![डाली गई तारीख 22/33/4444 है. गड़बड़ी का मैसेज: तारीख का फ़ॉर्मैट गलत है. फ़ॉर्मैट
यह होना चाहिए: dd/mm/yyyy.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/validation-timely.png?hl=hi)
फ़ील्ड भरने के तुरंत बाद, डेटा की पुष्टि से जुड़ी काम की गड़बड़ियां दिखाएं. गड़बड़ी के मैसेज, मौजूदा एंट्री फ़ॉर्मैट टेक्स्ट को बदल देते हैं.
![डायलॉग. इन गड़बड़ियों को ठीक करें. 1. फ़ोन नंबर. 2. जन्म की तारीख.
बटन 1: फिर भी सबमिट करें. बटन 2: गड़बड़ियां ठीक करें.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/validation-dontwait.png?hl=hi)
पहली बार पुष्टि करने से जुड़ी गड़बड़ियां दिखाने के लिए, उपयोगकर्ता के "सबमिट करें" बटन को दबाने तक इंतज़ार न करें.
गड़बड़ियां
गड़बड़ी के मैसेज, कुछ गड़बड़ी होने पर उपयोगकर्ताओं को चेतावनी देते हैं और समस्या को ठीक करने का तरीका बताते हैं.
गड़बड़ियों के बारे में बताने के लिए रंग, आइकॉनोग्राफ़ी, और टेक्स्ट का इस्तेमाल करना.
material.io पर गड़बड़ी के मैसेज के बारे में ज़्यादा जानें
![गड़बड़ी का मैसेज 'ज़रूरी सवाल है. कोई विकल्प चुनें.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-howtofix.png?hl=hi)
बताएं कि यह गड़बड़ी क्यों हुई (ज़रूरी सवाल) और उसे ठीक करने के लिए क्या किया जा सकता है (इनमें से कोई एक चुनें.)
![गड़बड़ी का मैसेज 'गड़बड़ी' है.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-noexplanation.png?hl=hi)
गड़बड़ी का ऐसा मैसेज जिसमें सिर्फ़ "गड़बड़ी" लिखा हो, उपयोगकर्ता को गड़बड़ी को ठीक करने का तरीका नहीं बता सकते.
![जन्म की तारीख. डाली गई तारीख 22/33/4444 है. गड़बड़ी के मैसेज की तारीख का फ़ॉर्मैट गलत है. फ़ॉर्मैट dd/mm/yyyy होना चाहिए.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-noblame.png?hl=hi)
उदाहरण: "तारीख का गलत फ़ॉर्मैट. फ़ॉर्मैट dd/mm/yyyy" होना चाहिए.
![जन्म की तारीख. डाली गई तारीख 22/33/4444 है. गड़बड़ी का मैसेज यह है कि 'आपने
तारीख का गलत फ़ॉर्मैट डाला है.'](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-dontblame.png?hl=hi)
गड़बड़ी वाले ऐसे मैसेज के लिए उपयोगकर्ता को दोषी न दें जिनमें "आप" लिखा हो. उदाहरण: "आपने तारीख का गलत फ़ॉर्मैट डाला है."
![गड़बड़ी का मैसेज, जिसमें लाल रंग के टेक्स्ट के आगे 'ज़रूरी सवाल' दिख रहा है. एक या उससे ज़्यादा विकल्प चुनें. चेकबॉक्स कंटेनर पर लाल रंग की आउटलाइन
दिखती है.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-combo.png?hl=hi)
रंग, आइकॉनोग्राफ़ी, और टेक्स्ट का इस्तेमाल करके, उपयोगकर्ताओं को गड़बड़ी की जानकारी दें.
![गड़बड़ी का कोई मैसेज या आइकॉन नहीं है. चेकबॉक्स कंटेनर में लाल रंग की आउटलाइन होती है.
जिससे पता चलता है कि कोई गड़बड़ी हुई है.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-onlycolor.png?hl=hi)
लाल-हरे रंग की पहचान न कर पाने जैसी सामान्य दृष्टि से जुड़ी परेशानियों को दूर करने के लिए, गड़बड़ी के बारे में बताने के लिए सिर्फ़ रंग पर भरोसा करने से बचें.
![चेकबॉक्स कंटेनर में लाल रंग की आउटलाइन वाली इमेज होती है. साथ ही, हर कंटेनर के पीछे गड़बड़ी का एक आइकॉन दिखता है. तीन आइकॉन दिख रहे हैं.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-icons.png?hl=hi)
अक्सर एक आइकॉन काफ़ी होता है. गड़बड़ी के बारे में बताने के लिए, आइकॉन का इस्तेमाल बार-बार न करें.