शुरुआती जानकारी
मोबाइल हेल्थ ऐप्लिकेशन का इस्तेमाल करने वाले ज़्यादातर डॉक्टरों के लिए, सवालों की सूची को पूरा करना एक अहम टास्क होता है.
डेटा डालना मुश्किल हो सकता है और गड़बड़ियां हो सकती हैं. स्ट्रक्चर्ड डेटा कैप्चर (एसडीसी) लाइब्रेरी और डिज़ाइन से जुड़े दिशा-निर्देशों की मदद से, हमारा मकसद आपको डेटा एंट्री के लिए उपयोगकर्ता अनुभव और कैप्चर किए गए डेटा की क्वालिटी को बेहतर बनाने में मदद करना है.
इस सेक्शन में बताई गई चार थीम यहां दी गई हैं:
लेआउट और नेविगेशन
लंबा स्क्रोल और पेज पर नंबर वाला लेआउट
Android FHIR SDK टूल में दो लेआउट विकल्प हैं:
- देर तक स्क्रोल करें (डिफ़ॉल्ट)
- पेज पर नंबर डाला गया
लंबी स्क्रोल के आधार पर सवालों की सूची में एक पेज पर मौजूद सभी सवाल दिखते हैं और उपयोगकर्ता स्क्रोल करके हर सवाल पर जाते हैं.
पेज पर नंबरित सवालों की सूची, अलग-अलग पेजों पर कॉन्टेंट दिखाती है. मिलते-जुलते सवाल या इनपुट फ़ील्ड को एक पेज पर एक साथ रखा जा सकता है. एक पेज से दूसरे पेज पर जाने के लिए, पेज के सबसे नीचे 'वापस जाएं' और 'आगे बढ़ें' बटन को ऐंकर किया जाता है.
GitHub पर सवालों की सूची को पेजों में बांटने का तरीका जानें
आपको कौनसा लेआउट चुनना चाहिए?
हर लेआउट के अपने फ़ायदे और नुकसान हैं. नीचे हर तरह के लेआउट के एट्रिब्यूट दिए गए हैं. इन्हें ध्यान में रखकर आपको यह चुनना होगा कि आपको कौनसा लेआउट इस्तेमाल करना है.
| लंबा स्क्रोल | पेज पर नंबर डाला गया | |
|---|---|---|
| नेविगेशन की स्पीड | नेविगेट करने में तेज़ | नेविगेट करने में ज़्यादा समय लगा |
| नेविगेशन की सटीक जानकारी | कम सटीक नेविगेशन | ज़्यादा सटीक नेविगेशन |
| टास्क स्विच करने के बाद, अपने सवाल पर दोबारा फ़ोकस करें | रुकावट के बाद फिर से नेविगेट करना मुश्किल है | किसी रुकावट के बाद, डिवाइस को फिर से चालू करना आसान है |
| विज़िट के बाद डिजिटल सवालों की सूची को पूरा करना (पेपर से कॉपी करना) | कागज़ से कॉपी करना आसान है | पेपर से कॉपी करना ज़्यादा मुश्किल होता है |
| छोटी स्क्रीन वाले डिवाइसों पर | छोटी स्क्रीन के लिए खराब है | छोटी स्क्रीन के लिए बेहतर है |
| सुलभता | सुलभता के लिहाज़ से खराब है. नेविगेट करना मुश्किल है. | सुलभता के लिए बेहतर है. ऐसी स्क्रीन जिन्हें स्क्रीन रीडर, लिखाई को बोली में बदलने की सुविधा, और दूसरी टेक्नोलॉजी इस्तेमाल कर सकती हैं. |
| निर्देशों और पूरी जानकारी के लिए स्पेस | दिशा-निर्देश और निर्देशों के लिए खराब है | निर्देश और निर्देशों के लिए बेहतर हैं |
लंबा स्क्रोल
सवालों को एक नंबर दें, ताकि एक पेज के लेआउट पर आसानी से नेविगेट किया जा सके.
लॉन्ग स्क्रोल का इस्तेमाल करते समय, सवाल के टाइटल के फ़ॉन्ट का साइज़ छोटा करें, ताकि स्क्रीन पर ज़्यादा कॉन्टेंट दिखे. उदाहरण: लॉन्ग स्क्रोलिंग का साइज़ 16 पिक्सल है. पेज पर नंबर डाला गया 28 पिक्सल है.
पेजों को क्रम में लगाना
कीबोर्ड, ड्रॉपडाउन, और दूसरे कॉम्पोनेंट पेज पर जगह लेते हैं. इसलिए, हर पेज पर एक सवाल चुनें.
कॉन्टेंट, पेज के ऊपरी हिस्से में दिखना चाहिए.
उदाहरण: ये तीन टेक्स्ट फ़ील्ड, संपर्क करने वाले व्यक्ति की वैकल्पिक जानकारी से जुड़े होते हैं. इसलिए, इन्हें एक पेज पर एक साथ रखा जाता है.
भ्रम की स्थिति से बचने के लिए, एक ही पेज पर ऐसे कॉन्टेंट को ग्रुप करने से बचें जो आपके काम का न हो.
प्रोग्रेस दिखाने वाला इंंडिकेटर
प्रोग्रेस इंंडिकेटर, सवालों की सूची में की गई प्रोग्रेस को दिखाता है.
उपयोगकर्ताओं को नेविगेट करने और प्रोग्रेस देखने में मदद करने के लिए, सवालों की लंबी सूची में प्रोग्रेस इंडिकेटर शामिल करें. प्रोग्रेस इंडिकेटर की मदद से, सवालों की सूची में जगह की जानकारी देखी जा सकती है. साथ ही, यह भी पता चलता है कि कितनी प्रोग्रेस होनी बाकी है.
सवाल और ऐंकर के सबसे ऊपर रखें, ताकि स्क्रोल करते समय भी यह हमेशा दिखे.
इसे 'वापस जाएं' और 'आगे बढ़ें' बटन के ऊपर, सबसे नीचे रखा जा सकता है. इस लेआउट से यह भी दिखाया जा सकता है कि उपयोगकर्ता किस पेज पर है.
नेविगेशन बटन
नेविगेशन बटन (पीछे जाएं, आगे बढ़ें), सवालों की सूची के सबसे नीचे दिखते हैं. इनफ़ाइनाइट स्क्रोलिंग में या पेज पर नंबर वाले सवालों की सूची के आखिरी पेज पर, अगले बटन को 'सबमिट करें' के तौर पर लेबल किया जाता है.
बटनों को एक ही जगह पर रखें और हमेशा ऐसे चालू बटनों का इस्तेमाल करें जिन पर कार्रवाई के साथ-साथ 'वापस जाएं' और 'आगे बढ़ें' जैसे लेबल मौजूद होते हैं.
हमेशा ऐक्टिव बटन दिखाएं. भले ही, फ़ॉर्म अधूरे हों. अगला टैप करने पर, एक पॉप-अप डायलॉग दिखेगा. इसमें ऐसे फ़ील्ड या पुष्टि की गड़बड़ियां पूरी करने के निर्देश होंगे जो मौजूद नहीं हैं.
इनऐक्टिव बटन की वजह से, उपयोगकर्ताओं को समस्या को ठीक करने का तरीका जानने में मुश्किल होती है.
सिर्फ़ आइकॉन वाले बटन इस्तेमाल करने से बचें. बटनों को हमेशा जानकारी देने वाली कार्रवाई से लेबल करें.
सवाल और निर्देश
- सवालों की सूची का टाइटल.
- प्रगति संकेतक.
- समूह हेडर.
- सवाल का टाइटल.
- निर्देश.
- इनपुट फ़ील्ड.
- एंट्री का फ़ॉर्मैट.
- ज़रूरी फ़ील्ड.
- सहायता पर टैप करें.
ग्रुप का हेडर
ग्रुप हेडर एक टेक्स्ट हेडर होता है. यह सवाल के टाइटल के ऊपर दिखता है.
मिलते-जुलते सवालों का एक ग्रुप बनाने के लिए, ग्रुप हेडर का इस्तेमाल करें. ग्रुप हेडर का इस्तेमाल सिर्फ़ तब करें, जब यह काम की जानकारी देता हो.
मिलते-जुलते सवालों का ग्रुप बनाने के लिए, छोटे शीर्षक का इस्तेमाल करें. उदाहरण: मरीज़ के इतिहास से जुड़े सभी सवालों को एक साथ ग्रुप किया गया है.
मुश्किल टाइटल या लंबे टाइटल का इस्तेमाल करने से बचें. ऐसा करने से एक लाइन से ज़्यादा लंबी नहीं होती.
जवाब का शीर्षक
सवाल का शीर्षक कम शब्दों में बताता है कि कौनसी जानकारी मांगी गई है. सवाल के टाइटल का फ़ॉन्ट साइज़ सबसे बड़ा होता है, ताकि लोग उस पर क्लिक कर सकें.
हर पेज या सवाल के लिए, सवाल का शीर्षक होना चाहिए. सवाल के टाइटल को छोटा या सवाल के तौर पर रखें.
छोटे टाइटल से उपयोगकर्ता आसानी से पढ़ पाते हैं.
बहुत लंबे सवाल न डालें या दो सवालों को एक साथ नेस्ट न करें.
सवालों का टाइटल हमेशा शामिल करें, ताकि उपयोगकर्ता आसानी से समझ सकें कि उन्हें कौनसी जानकारी डालनी होगी.
निर्देश
निर्देश, सवाल के शीर्षक के नीचे दिया गया एक टेक्स्ट फ़ील्ड होता है. हालांकि, यह ज़रूरी नहीं है.
सही निर्देशों के बारे में बताने के लिए instructions फ़ील्ड का इस्तेमाल करें. जैसे क्या सवाल ज़रूरी है, कितने विकल्प चुने जा सकते हैं (एक या एक से ज़्यादा), और पूरी जानकारी न दे पाने या सवाल का जवाब न दे पाने पर, उपयोगकर्ताओं को क्या करना चाहिए.
निर्देशों वाले फ़ील्ड का इस्तेमाल करके, पता करें कि सवाल ज़रूरी है या नहीं और कितने सवाल चुने जा सकते हैं.
निर्देशों का पालन करके, उपयोगकर्ताओं को बताएं कि अगर उन्हें कोई ऐसी स्थिति दिखे जिसके लिए वे सभी फ़ील्ड पूरे न कर पा रहे हों, तो उन्हें क्या करना चाहिए.
सवालों के टाइटल में इस्तेमाल किए गए शब्दों के लिए, ज़्यादा संदर्भ या परिभाषाएं देने के लिए निर्देशों का इस्तेमाल करें.
लेबल टेक्स्ट
लेबल टेक्स्ट से उपयोगकर्ताओं को पता चलता है कि टेक्स्ट फ़ील्ड या ड्रॉपडाउन के लिए कौनसी जानकारी मांगी जाती है. फ़ील्ड को चुनने पर, लेबल टेक्स्ट टेक्स्ट फ़ील्ड के बीच से ऊपर की ओर जाता है.
हर टेक्स्ट फ़ील्ड और ड्रॉपडाउन बॉक्स में एक लेबल होना चाहिए. लेबल टेक्स्ट छोटा, साफ़, और पूरी तरह से दिखने वाला होना चाहिए.
लेबल का टेक्स्ट छोटा, साफ़, और पूरी तरह दिखना चाहिए.
लेबल वाला टेक्स्ट बहुत लंबा नहीं होना चाहिए. साथ ही, उसमें काट-छांट नहीं की जानी चाहिए या उसमें एक से ज़्यादा लाइनें नहीं होनी चाहिए.
टेक्स्ट फ़ील्ड को हमेशा लेबल करें, ताकि उपयोगकर्ताओं को पता चल सके कि कौनसी जानकारी डालनी है.
एंट्री फ़ॉर्मैट
EntryFormat को टेक्स्ट फ़ील्ड के नीचे दिखाया जाता है. इससे उपयोगकर्ताओं को यह जानकारी मिलती है कि किस फ़ॉर्मैट में डेटा डालना ज़रूरी है. गड़बड़ी के मैसेज, EntryFormat फ़ील्ड में दिखाए जाएंगे और मौजूदा EntryFormat के निर्देशों को बदल दिए जाएंगे.
तारीख, फ़ोन नंबर, इकाइयों, और पूर्णांक के लिए EntryFormat का इस्तेमाल करें.
फ़ील्ड के नीचे तारीख का फ़ॉर्मैट दिखाएं और जानकारी देने वाला वाक्यांश शामिल करें.
डेटा का फ़ॉर्मैट न दिखाने की वजह से, डेटा गलत तरीके से डाला जा सकता है.
मेडिकल रेंज डालते समय, सामान्य रेंज के उदाहरण दें. इससे उपयोगकर्ताओं को गड़बड़ियों या उन संख्याओं की पहचान करने में मदद मिल सकती है जो सीमा से बाहर हैं.
ज़रूरी फ़ील्ड
ज़रूरी फ़ील्ड से पता चलता है कि उपयोगकर्ता को फ़ील्ड भरना है. साथ ही, फ़ील्ड पूरा होने तक उससे आगे की कार्रवाई नहीं की जा सकती.
यह बताने के लिए कि फ़ील्ड ज़रूरी है, सवाल के शीर्षक के आखिर में तारे का निशान (*) लगाएं. निर्देश फ़ील्ड में 'ज़रूरी सवाल' शामिल करें, क्योंकि यह हर किसी को पता नहीं होता कि तारे का निशान (*) से क्या पता चलता है. अगर सवाल का कोई टाइटल नहीं है, तो लेबल टेक्स्ट में तारे का निशान (*) लगाएं.
यह दिखाएं कि फ़ील्ड पर तारे का निशान (*) लगाना ज़रूरी है. साथ ही, उसमें ऐसे लिखित निर्देश भी शामिल करें जो `ज़रूरी सवाल' के बारे में बताते हों. कई लोगों को पता नहीं होता है कि तारे के निशान(*) का क्या मतलब है और जवाब से क्या फ़ायदा होगा.
बिना कोई लिखित जानकारी दिए सिर्फ़ तारे के निशान (*) को दिखाने से बचें.
ऐसे शब्दों का इस्तेमाल करें जो आपके उपयोगकर्ताओं के लिए सबसे ज़्यादा परिचित हों. उदाहरण: ऐसा हो सकता है कि "ज़रूरी" शब्द ज़्यादा इस्तेमाल किया जाए और कुछ देशों में इसका इस्तेमाल "ज़रूरी" के बजाय किया जाए.
अगर ज़्यादातर सवाल ज़रूरी हैं, तो बताएं कि कौनसे सवाल वैकल्पिक हैं.
अगर सवाल का कोई टाइटल नहीं है, तो लेबल टेक्स्ट में स्टार का निशान लगाएं.
सहायता
सवाल के शीर्षक के बगल में, एक सहायता आइकॉन दिखेगा. आइकॉन पर टैप करने पर, ज़्यादा जानकारी के साथ सहायता जानकारी वाला बॉक्स दिखेगा. आइकॉन पर फिर से टैप करने से सहायता जानकारी वाला बॉक्स बंद हो जाता है.
यह एक वैकल्पिक घटक है. इसका इस्तेमाल सिर्फ़ तब करें, जब आप कुछ ऐसी अतिरिक्त जानकारी को दिखा सकें जिसका हमेशा दिखना ज़रूरी नहीं है.
उस जानकारी के लिए सहायता का इस्तेमाल करें जिसे उपयोगकर्ताओं को शायद सिर्फ़ एक बार देखना पड़े या उससे ज़्यादा जानकारी मिले.
सहायता बॉक्स में उन निर्देशों को छिपाने से बचें जो सभी को दिखने चाहिए.
डेटा कैप्चर
किस कॉम्पोनेंट का इस्तेमाल कब करना चाहिए?
| डेटा एंट्री का टाइप | बूलियन विकल्प | एक विकल्प | एक से ज़्यादा विकल्प | विकल्प खोलें | ड्रॉपडाउन | तारीख चुनने वाला टूल | टेक्स्ट फ़ील्ड | स्लाइडर | स्वत: पूर्ण |
|---|---|---|---|---|---|---|---|---|---|
| हां या नहीं चुनें | |||||||||
| एक विकल्प चुनें | सावधानी |
||||||||
| एक से ज़्यादा विकल्प चुनें | सावधानी |
||||||||
| टेक्स्ट | |||||||||
| तारीख | |||||||||
| संख्याएं | सावधानी |
टेक्स्ट फ़ील्ड
टेक्स्ट फ़ील्ड से पता चलता है कि उपयोगकर्ता, जानकारी डाल सकते हैं.
टेक्स्ट फ़ील्ड का इस्तेमाल तब करें, जब किसी को सवालों की सूची में टेक्स्ट डालना हो, जैसे कि नाम, फ़ोन नंबर या पता. ऐसी डेटा एंट्री को सीमित करें जिसके लिए टेक्स्ट (कीबोर्ड) की ज़रूरत हो. इसके लिए, पहले से भरी गई जानकारी (एक से ज़्यादा विकल्प या एक विकल्प) का इस्तेमाल किया जा सकता है.
material.io पर टेक्स्ट फ़ील्ड के बारे में ज़्यादा जानें
ऐसी डेटा एंट्री के लिए टेक्स्ट फ़ील्ड का इस्तेमाल करें जिसके लिए खास शब्द या नंबर टाइप करने की ज़रूरत होती है.
फ़्री टेक्स्ट रिस्पॉन्स का इस्तेमाल करने से बचें. ऐसा तब करें, जब यह एक से ज़्यादा विकल्प, ड्रॉपडाउन या एक विकल्प वाला विकल्प हो सकता है.
एक विकल्प और बूलियन का विकल्प
एक विकल्प और बूलियन विकल्प चुनने के कंट्रोल, रेडियो बटन के तौर पर तब दिखते हैं, जब उपयोगकर्ताओं को विकल्पों में से कोई एक विकल्प चुनने के लिए कहा जाता है.
जब 'हां' या 'नहीं' का बाइनरी विकल्प हो, तो boolean choice का इस्तेमाल करें. अगर ऐसा नहीं है, तो एक विकल्प कॉम्पोनेंट का इस्तेमाल करें. अगर सूची में ~10 से ज़्यादा विकल्प हैं, तो किसी एक विकल्प के बजाय ड्रॉपडाउन का इस्तेमाल करें. कई विकल्प होने पर, ड्रॉपडाउन ज़्यादा घना और नेविगेट करने में आसान होता है.
बूलियन विकल्प का इस्तेमाल करें, जब विकल्प 'हां' और 'नहीं' हों.
अगर उपयोगकर्ता, सूची में से कोई एक विकल्प चुन सकते हैं, तो एक विकल्प का इस्तेमाल करें.
बहुत लंबी सूचियों (10+) के लिए, एक विकल्प का इस्तेमाल करने से बचें. इसके बजाय, ड्रॉपडाउन का इस्तेमाल करें.
तारीख चुनने वाला टूल
तारीख चुनने वाले टूल की मदद से, उपयोगकर्ता कैलेंडर की तारीख चुनने वाले टूल और कीबोर्ड, दोनों से तारीख डाल सकते हैं. कैलेंडर आइकॉन को टैप करने पर, कैलेंडर की तारीख चुनने वाला टूल चालू हो जाता है.
कैलेंडर तारीख चुनने वाले टूल का इस्तेमाल सिर्फ़ आज की तारीख के आस-पास की तारीखों के लिए करें, जैसे कि पिछली माहवारी या अगली विज़िट. अगर ऐसा नहीं है, तो जन्म की तारीख जैसी तारीख के लिए कीबोर्ड एंट्री को प्राथमिकता दें.
तारीख डालने के लिए, कीबोर्ड एंट्री (टेक्स्ट बॉक्स पर टैप करना) और कैलेंडर डेट पिकर (टैपिंग आइकॉन), दोनों को चालू करें.
जन्म की तारीख के लिए इनपुट के तरीके के तौर पर, सिर्फ़ कैलेंडर की तारीख चुनने वाले टूल को चालू न करें. महीने और साल के बारे में जानना बहुत मुश्किल है.
ड्रॉपडाउन
ड्रॉपडाउन मेन्यू की मदद से उपयोगकर्ता, कई विकल्पों में से किसी एक को चुन सकते हैं. जैसे ही उपयोगकर्ता टाइप करना शुरू करता है, टाइप किए गए विकल्पों के हिसाब से विकल्प फ़िल्टर हो जाते हैं. इससे लोगों को एक बड़ी सूची में से, सही विकल्प तुरंत खोजने में मदद मिलती है.
अगर विकल्पों की सूची बहुत लंबी (10+ विकल्प) होती है, तो वे कम जगह लेते हैं. ऐसे में, ड्रॉपडाउन मेन्यू एक विकल्प के लिए एक बेहतरीन विकल्प होते हैं.
विकल्पों की एक लंबी सूची में से, कोई विकल्प चुनते समय ड्रॉपडाउन का इस्तेमाल करें. जैसे, कोई राज्य या शहर चुनना.
ऐसे ड्रॉपडाउन का इस्तेमाल करने से बचें जहां कॉन्टेंट को टाइप करना ज़्यादा आसान हो. इसके बजाय, उम्र जैसे सभी विकल्पों को स्क्रोल करके देखें.
एक से ज़्यादा विकल्प
एक से ज़्यादा विकल्प विकल्प चुनने का कंट्रोल, चेकबॉक्स के तौर पर तब दिखता है, जब उपयोगकर्ता विकल्पों की सूची में से एक से ज़्यादा सेक्शन बना सकता है.
एक से ज़्यादा विकल्प का इस्तेमाल करें. ऐसा तब करें, जब उपयोगकर्ता पहले से तय की गई सूची में से ही किसी विकल्प को चुन सकते हों. अगर उपयोगकर्ता अपना मुफ़्त जवाब भी जोड़ सकते हैं, तो इसके बजाय ओपन चॉइस कॉम्पोनेंट का इस्तेमाल करें. instructions फ़ील्ड में "लागू होने वाले सभी विकल्प चुनें" लिखें, ताकि उपयोगकर्ता जान सकें कि वे एक से ज़्यादा विकल्प चुन सकते हैं.
डिफ़ॉल्ट तौर पर, चेकबॉक्स के चारों ओर एक कंटेनर दिखता है, ताकि टैप किए जा सकने वाले एरिया को साफ़ तौर पर देखा जा सके.
हर लाइन में कई विकल्प दिखाने से बचें. ऐसा इसलिए होता है, क्योंकि फ़ोन की स्क्रीन और टेक्स्ट के साइज़ में अंतर होता है. इससे टेक्स्ट कट सकता है.
विकल्प खोलें
ओपन विकल्प, कई विकल्प वाले विकल्प की तरह ही होता है. हालांकि, इससे उपयोगकर्ता अन्य को चुन सकता है और फ़्री टेक्स्ट टाइप कर सकता है.
ओपन विकल्प का इस्तेमाल तब करें, जब विकल्पों की पहले से सेट सूची उपलब्ध हो. हालांकि, उपयोगकर्ता अतिरिक्त विकल्प भी जोड़ सकते हैं. ज़्यादातर विकल्प उपलब्ध होने पर, ओपन चॉइस का इस्तेमाल करें. हालांकि, आपको उम्मीद है कि कुछ उपयोगकर्ता अन्य को चुनेंगे, क्योंकि दिया गया कोई भी विकल्प लागू नहीं होगा.
इसका इस्तेमाल तब करें, जब यह ज़रूरी हो कि सटीक डेटा इकट्ठा किया जाए और कोई भी पहले से तय विकल्प लागू न हो. उदाहरण: पेशा.
अगर ज़्यादातर जवाबों के लिए अन्य चुनने की ज़रूरत हो, तो इसका इस्तेमाल करने से बचें. ऐसे मामले में, टेक्स्ट फ़ील्ड या पैराग्राफ़ फ़ील्ड का इस्तेमाल करें.
स्लाइडर
स्लाइडर की मदद से उपयोगकर्ता, अलग-अलग वैल्यू में से किसी भी विकल्प को चुन सकते हैं. Android FHIR SDK में स्लाइडर एक अलग स्लाइडर है. डिस्क्रीट स्लाइडर की मदद से उपयोगकर्ता, पहले से तय की गई सीमा से कोई खास वैल्यू चुन सकते हैं. सही वैल्यू को दिखाने के लिए टिक मार्क का इस्तेमाल किया जा सकता है. अंकों वाला डेटा डालने के लिए, स्लाइडर का इस्तेमाल करने से बचें. इसके बजाय, टेक्स्ट फ़ील्ड या ड्रॉपडाउन मेन्यू का इस्तेमाल करें.
material.io पर स्लाइडर के बारे में ज़्यादा जानें
बड़ी रेंज होने पर खास वैल्यू के लिए स्लाइडर का इस्तेमाल करने से बचें. इसके बजाय, कीबोर्ड एंट्री वाले टेक्स्ट फ़ील्ड का इस्तेमाल करें.
डेटा की पुष्टि और गड़बड़ियां
डेटा सत्यापन
डेटा की पुष्टि करने से, टेक्स्ट फ़ील्ड में डाले जा सकने वाले डेटा टाइप या वैल्यू को सीमित किया जाता है. डेटा की पुष्टि करने से, इकट्ठा किए गए डेटा की क्वालिटी बेहतर हो सकती है.
फ़ॉर्मैट या वैल्यू से जुड़ी पाबंदियां दिखाने के लिए, EntryFormat फ़ील्ड का इस्तेमाल करें. डेटा की पुष्टि करने से जुड़ी, सही गड़बड़ी के मैसेज इन-लाइन और तुरंत दिखाएं, ताकि उपयोगकर्ता गड़बड़ी को ठीक कर सकें.
डेटा की पुष्टि करने से जुड़ी पाबंदियां पहले ही दिखाएं, ताकि उपयोगकर्ताओं को डेटा डालने का तरीका पता चल सके.
यह न दिखाए कि फ़ोन नंबर में कितने अंक होने चाहिए, हो सकता है कि उपयोगकर्ता कोई गड़बड़ी देखें और पुष्टि होने में ज़्यादा समय लगे.
फ़ील्ड भरने के तुरंत बाद, डेटा की पुष्टि से जुड़ी काम की गड़बड़ियां दिखाएं. गड़बड़ी के मैसेज, मौजूदा एंट्री फ़ॉर्मैट टेक्स्ट को बदल देते हैं.
पहली बार पुष्टि करने से जुड़ी गड़बड़ियां दिखाने के लिए, उपयोगकर्ता के "सबमिट करें" बटन को दबाने तक इंतज़ार न करें.
गड़बड़ियां
गड़बड़ी के मैसेज, कुछ गड़बड़ी होने पर उपयोगकर्ताओं को चेतावनी देते हैं और समस्या को ठीक करने का तरीका बताते हैं.
गड़बड़ियों के बारे में बताने के लिए रंग, आइकॉनोग्राफ़ी, और टेक्स्ट का इस्तेमाल करना.
material.io पर गड़बड़ी के मैसेज के बारे में ज़्यादा जानें
बताएं कि यह गड़बड़ी क्यों हुई (ज़रूरी सवाल) और उसे ठीक करने के लिए क्या किया जा सकता है (इनमें से कोई एक चुनें.)
गड़बड़ी का ऐसा मैसेज जिसमें सिर्फ़ "गड़बड़ी" लिखा हो, उपयोगकर्ता को गड़बड़ी को ठीक करने का तरीका नहीं बता सकते.
उदाहरण: "तारीख का गलत फ़ॉर्मैट. फ़ॉर्मैट dd/mm/yyyy" होना चाहिए.
गड़बड़ी वाले ऐसे मैसेज के लिए उपयोगकर्ता को दोषी न दें जिनमें "आप" लिखा हो. उदाहरण: "आपने तारीख का गलत फ़ॉर्मैट डाला है."
रंग, आइकॉनोग्राफ़ी, और टेक्स्ट का इस्तेमाल करके, उपयोगकर्ताओं को गड़बड़ी की जानकारी दें.
लाल-हरे रंग की पहचान न कर पाने जैसी सामान्य दृष्टि से जुड़ी परेशानियों को दूर करने के लिए, गड़बड़ी के बारे में बताने के लिए सिर्फ़ रंग पर भरोसा करने से बचें.
अक्सर एक आइकॉन काफ़ी होता है. गड़बड़ी के बारे में बताने के लिए, आइकॉन का इस्तेमाल बार-बार न करें.