मटीरियल के कम्यूनिकेशन सिद्धांत: UX राइटिंग के बारे में जानकारी

1. शुरू करने से पहले

मटीरियल डिज़ाइन के कम्यूनिकेशन से जुड़े दिशा-निर्देशों के बारे में जानें!

d226b95944e2d78.png

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

क्या आपको पता है कि Material के कम्यूनिकेशन सेक्शन में, यूज़र एक्सपीरियंस (यूएक्स) राइटिंग के अलावा और भी बहुत कुछ शामिल है? डेटा विज़ुअलाइज़ेशन से लेकर ऑनबोर्डिंग और खाली स्थिति के पैटर्न तक के विषयों पर एक नज़र डालें.

एक लेखक की तरह सोचें!

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

आपको क्या सीखने को मिलेगा

  • यूज़र एक्सपीरियंस राइटिंग क्या है और यह क्यों ज़रूरी है
  • अलग-अलग संदर्भों के लिए सही टोन और आवाज़ का पता कैसे लगाएं
  • कॉम्पोनेंट के हिसाब से लिखने से जुड़ी बातें
  • ज़्यादा जानने के लिए संसाधन

आपको किन चीज़ों की ज़रूरत होगी

  • कोडलैब की एक्सरसाइज़ को पूरा करने के लिए, कोई दस्तावेज़ खोलें या कागज़ का कोई टुकड़ा लें.

ज़रूरी शर्तें

यह लैब, Material Design में लेखन, व्याकरण, और डिज़ाइन के बुनियादी सिद्धांतों पर आधारित है. यूज़र इंटरफ़ेस (यूआई) में इंटरैक्टिव एलिमेंट के बारे में सामान्य जानकारी होना ज़रूरी है.

यह सुविधा मुख्य रूप से अंग्रेज़ी भाषा के लिए है, लेकिन यह कई भाषाओं में काम करती है

इस लैब में, उपयोगकर्ताओं को बेहतर अनुभव देने के लिए कम्यूनिकेशन के सिद्धांतों के बारे में बताया गया है. हालांकि, उदाहरण और शब्दों का चुनाव अमेरिकन इंग्लिश के नियमों के हिसाब से किया गया है.

इस गाइड में, कॉन्टेक्स्ट और संस्कृति के हिसाब से बदलाव करने के बारे में बताया गया है. इसलिए, इसे किसी भी भाषा में यूज़र इंटरफ़ेस (यूआई) पर लागू किया जा सकता है. आपको नौवें चरण में दिए गए संसाधनों में, अंग्रेज़ी के अलावा अन्य भाषाओं के लिए ज़रूरी बातों के बारे में ज़्यादा जानकारी मिलेगी.

2. यूएक्स राइटिंग क्या है?

616b22e303cb0bee.png

खास जानकारी

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

यूएक्स राइटर की तरह सोचने से, टास्क पूरा करने, उपयोगकर्ता की संतुष्टि, और इस्तेमाल में आसानी को बेहतर बनाया जा सकता है!

यूज़र एक्सपीरियंस राइटिंग, अन्य तरह की राइटिंग से कैसे अलग है?

यूएक्स राइटिंग का मतलब असल लोगों के लिए लिखना है.

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

किसी भी टेक्स्ट में शब्दों का चुनाव, उसकी लंबाई, स्टाइल, और बनावट से यह तय होता है कि कोई व्यक्ति, सुविधाओं और टास्क के लक्ष्य और फ़ायदों को कितनी अच्छी तरह से समझता है.

शैली

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

ऐप्लिकेशन और इंटरफ़ेस के लिए लिखते समय, अनौपचारिक भाषा का इस्तेमाल किया जाता है. इसकी दो मुख्य वजहें हैं:

  • ऑनलाइन बातचीत, प्रिंट या अकादमिक लेखन की तुलना में कम औपचारिक होती है
  • यूज़र इंटरफ़ेस (यूआई) टेक्स्ट, स्क्रीन के साइज़ के हिसाब से होता है. इसलिए, वर्णों की संख्या सीमित होती है

26cdd98cb56e8ee0.png

उपयोगकर्ता को ध्यान में रखकर लिखना, जिसे "इसे काम का बनाओ" भी कहा जाता है

यूज़र एक्सपीरियंस राइटिंग में, व्याकरण के नियमों का पालन करने के बजाय, लक्ष्य को ध्यान में रखकर लिखने को प्राथमिकता दी जाती है. इसका मतलब यह नहीं है कि व्याकरण के नियमों का पालन करना ज़रूरी नहीं है. व्याकरण के नियमों का पालन करने से, जानकारी को साफ़ तौर पर और एक जैसे तरीके से पेश किया जा सकता है. हालांकि, सबसे पहले उपयोगकर्ता की ज़रूरतों को ध्यान में रखना चाहिए. इसके बाद, व्याकरण के नियमों का पालन करना चाहिए.

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

लोगों के पढ़ने के तरीके के हिसाब से लिखना

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

वेब कॉन्टेंट के लिए, इसका मतलब अक्सर छोटे पैराग्राफ़, स्कैन की जा सकने वाली जानकारी देने वाली हेडिंग, और रणनीतिक फ़ॉर्मैटिंग होता है.

7476a332db7c2adc.png

ऑनलाइन पढ़ने के पैटर्न से जुड़ी स्टडी में, आई ट्रैकिंग के उदाहरण. nngroup.com से मिली इमेज और रिसर्च (2006; 2017).

टेस्ट करना

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

यह पक्का करने के लिए कि आपने जो लिखा है उसका मतलब वही है जो आपने सोचा था, टेस्टिंग एक ज़रूरी चरण है. इससे यह पता चलता है कि असल में, कॉन्टेंट कितना साफ़ तौर पर समझ में आ रहा है, उसका मतलब क्या है, और वह कितना असरदार है.

तरीके

आसान और सस्ता

  • आपने जो लिखा है उसे ज़ोर से पढ़ें. क्या आपको ऐसा लगा कि यह जवाब किसी इंसान ने दिया है? अगर ऐसा नहीं है, तो फिर से लिखें.
  • किसी दूसरे व्यक्ति से अपने लिखे हुए शब्दों को पढ़ने और यह बताने के लिए कहें कि उसे क्या लगता है कि आपके शब्दों का क्या मतलब है
  • यूज़र इंटरफ़ेस (यूआई) के संदर्भ में, अपने लेखन के उदाहरणों के साथ कई लोगों से सर्वे करें
  • यह जानने के लिए कि कोई शब्द या वाक्यांश, दूसरे शब्द या वाक्यांश की तुलना में ज़्यादा इस्तेमाल किया जाता है या नहीं, Google Trends या Google Books Ngram Viewer का इस्तेमाल करें

कॉन्टेंट की बारीकी से जांच करने के लिए, इन अनुमानित तरीकों का इस्तेमाल किया जाता है:

  • समझने में आसानी और रीडेबिलिटी
  • टास्क पूरा होने की स्थिति और उसमें लगने वाला समय
  • टोन और परसेप्शन का आकलन

3. सिद्धांत

968920a2b1c680f8.png

खास जानकारी

Material के लिए कॉन्टेंट लिखने से जुड़े दिशा-निर्देशों में दिए गए सिद्धांतों को, सटीक और कम शब्दों वाली भाषा का इस्तेमाल करके, लोगों का भरोसा जीतने और उन्हें बेहतर तरीके से जानकारी देने के लिए बनाया गया है. अपनी ज़रूरतों के हिसाब से, मटीरियल के सिद्धांतों में बदलाव किया जा सकता है.

दिशा-निर्देशों की मदद से, एक ग्रुप के तौर पर कई लोग एक जैसे फ़ैसले ले सकते हैं.

कम शब्दों में जवाब दें, लेकिन रोबोट की तरह नहीं

टेक्स्ट के छोटे-छोटे सेगमेंट लिखें, जिन्हें आसानी से पढ़ा जा सके. इनमें कुछ ही आइडिया पर फ़ोकस किया गया हो.

e97ed7c661869cc0.png

आसान और सीधी भाषा में लिखना

आसान और सीधी भाषा का इस्तेमाल करें, ताकि टेक्स्ट को आसानी से समझा जा सके. कुछ भी लिखने से पहले, खुद से पूछें कि क्या इस विचार को आसान तरीके से ज़ाहिर किया जा सकता है.

dd7091938a1f6486.png

उपयोगकर्ताओं को साफ़ तौर पर जानकारी देना

अंग्रेज़ी में, दूसरे व्यक्ति (आप या आपका) के लिए इस्तेमाल किए जाने वाले शब्दों को अक्सर ज़्यादा सीधे और साफ़ तौर पर इस्तेमाल किया जाता है. जब मालिकाना हक पर ज़ोर देना हो, तब पहले व्यक्ति (मैं, मुझे या मेरा) का इस्तेमाल किया जा सकता है.

"आप" और "आपका", किसी उपयोगकर्ता को सीधे तौर पर संबोधित करने के बेहतर तरीके हैं.

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

d849a5f73510661f.png

पहले और दूसरे व्यक्ति के लिए इस्तेमाल होने वाले शब्दों को एक साथ इस्तेमाल न करें

लोगों को समझने में परेशानी न हो, इसके लिए "मैं"/"मेरा" और "तुम"/"तुम्हारा" एक ही वाक्यांश में नहीं होने चाहिए.

462745d0da4c1c68.png

ज़रूरी जानकारी देना

किसी खास संदर्भ के लिए सिर्फ़ ज़रूरी जानकारी दें, ताकि उपयोगकर्ता कई विकल्पों को समझने के बजाय, अपने काम पर ध्यान दे सकें. किसी भी डायलॉग या सूचना में, यह ध्यान रखें कि किसी ऑपरेशन और उसके गंभीर नतीजे के बारे में बताने के लिए, कौनसी जानकारी ज़रूरी है.

691f2e5233fc0a60.png

4. आवाज़ और टोन

खास जानकारी

किसी अनुभव के लिए, तय किए गए लहजे और भाषा शैली का इस्तेमाल किए बिना, एक जैसी भाषा और साफ़ तौर पर जानकारी देना मुश्किल होता है.

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

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

765203f936d1b440.png

यह Android के किसी पुराने कैंपेन का उदाहरण है. इसमें साफ़ और सीधी भाषा का इस्तेमाल किया गया है.

आवाज़ और टोन क्या है?

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

Google Voice

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

आवाज़ के सिद्धांत, शब्दों को चुनने में मदद करते हैं. ये सिद्धांत तब बेहतर तरीके से काम करते हैं, जब इन्हें उदाहरणों के साथ दिखाया जाता है. इससे पता चलता है कि आवाज़ का इस्तेमाल कैसे किया जाता है. उदाहरणों के बिना, सिद्धांत अक्सर इतने अमूर्त होते हैं कि वे किसी ग्रुप के स्टाइल से जुड़े फ़ैसलों का मार्गदर्शन नहीं कर पाते.

आवाज़ के सिद्धांत के कुछ सामान्य उदाहरण यहां दिए गए हैं:

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

टोन

लिखने के आपके तरीके से, मूड और भावनाएं पता चलती हैं. भले ही, आपका ऐसा करने का इरादा हो या न हो.

उदाहरण के लिए, अगर किसी आवाज़ को "मददगार" और "मानवीय" के तौर पर तय किया गया है, तो उस लक्ष्य को पूरा करने वाली टोन, मांग करने वाली और संक्षिप्त होने के बजाय, मददगार और सामान्य हो सकती है.

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

यह ज़रूरी क्यों है

सही टोन से, उपयोगकर्ताओं का भरोसा जीता जा सकता है. उदाहरण के लिए, अगर गड़बड़ी के मैसेज में सहायता देने के बजाय मज़ाक किया गया है, तो हल्के-फुल्के अंदाज़ में लिखे गए मैसेज से, उपयोगकर्ता को यह नहीं पता चल पाएगा कि उसकी समस्या सही है और उसे ठीक किया जा सकता है.

टोन मैप बनाना

टोन मैप की मदद से, अपनी आवाज़ और टोन को अडजस्ट करने की रणनीति को प्लान और दस्तावेज़ में शामिल किया जा सकता है.

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

उदाहरण के लिए, किसी रूटीन की पुष्टि करने के लिए मज़ेदार सूचना भेजना, शुरुआत में अच्छा लगता है. हालांकि, पांचवीं बार सूचना मिलने पर, यह मज़ेदार होने के बजाय परेशान करने वाली लग सकती है.

गड़बड़ी की स्थितियों में भी टोन मैपिंग का इस्तेमाल किया जा सकता है. इससे, बातचीत वाली सामान्य टोन को बदलकर, मदद करने वाली और ज़्यादा जानकारी देने वाली टोन में बदला जा सकता है.

1. सबसे पहले, दो ऐसे डाइमेंशन या स्पेक्ट्रम चुनें जो आपकी पसंद के टोन में रेंज दिखा सकें.

यूएक्स राइटिंग में टोन के लिए, यहां कुछ अहम ऐक्सिस दिए गए हैं:

  • मज़ेदार बनाम गंभीर
  • कम शब्दों में दी गई जानकारी बनाम ज़्यादा जानकारी
  • भावनाएं दिखाने वाले बनाम सामान्य
  • कैज़ुअल बनाम रिजिड

2. दो इंटरसेक्टिंग लाइनों वाली ग्रिड बनाएं और हर ऐक्सिस को टोन के एक डाइमेंशन के साथ पहचानें.

यहां दिए गए उदाहरण में, आपको दिखेगा कि मज़ेदार बनाम गंभीर और संक्षिप्त बनाम पूरी जानकारी, मैप के डाइमेंशन हैं.

37ee5409f8d0ca13.png

3. इसके बाद, मैसेज के उन टाइप या पैटर्न की सूची बनाएं जिनका इस्तेमाल अक्सर किया जाता है. मैप किए जा सकने वाले मैसेज टाइप में ये शामिल हैं:

  • शामिल होने के बारे में जानकारी
  • पुष्टि करना और स्वीकार करना
  • सहायता और सुझाव
  • गड़बड़ियां
  • सूचनाएं
  • लेबल
  • खाली स्थितियां

4. हर मैसेज टाइप को दोनों ऐक्सिस के हिसाब से अपने मैप पर रखें.

इन बातों का ध्यान रखें:

  • किसी मैसेज के लिए स्क्रीन पर कितनी जगह उपलब्ध होगी?
  • किसी मैसेज टाइप के लिए, समझ आना कितना ज़रूरी है? क्या कोई ऐसा काम किया जा रहा है जिससे नुकसान हो सकता है?
  • आपको किस तरह के मैसेज के लिए, उपयोगकर्ता को क्या जानकारी देनी है या उसे कैसा महसूस कराना है? उदाहरण के लिए, अक्सर ऑनबोर्डिंग के साथ-साथ हल्के-फुल्के लेकिन काम के इरादे से की गई बातचीत भी शामिल होती है.

5. पूरा किया गया उदाहरण

यहां ऐप्लिकेशन के सामान्य अनुभवों के हिसाब से, मैसेज टाइप का एक उदाहरण दिया गया है.

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

ba35da42583637a8.png

5. कॉन्टेंट का स्ट्रक्चर

968920a2b1c680f8.png

खास जानकारी

किसी स्टेटमेंट का स्ट्रक्चर, उसे समझने में मदद कर सकता है. साथ ही, इससे उपयोगकर्ता को अपने काम पर फ़ोकस करने में मदद मिलती है. टेक्स्ट के साथ इमेज जोड़ने पर, जानकारी के स्ट्रक्चर का एक और मकसद होता है: ऐक्सेसिबिलिटी को बेहतर बनाना.

मकसद से शुरू करें

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

6a3d1b6c30188235.png

ज़रूरत के हिसाब से जानकारी दिखाना

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

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

84109125e1570bab.png

ऐक्सेस किया जा सकने वाला कॉन्टेंट डिज़ाइन करना

कम दृष्टि वाले लोगों या स्क्रीन रीडर का इस्तेमाल करने वाले लोगों के लिए, इमेज और टेक्स्ट को साथ में इस्तेमाल करने के बारे में भी सोचना ज़रूरी है. Material के सुलभता से जुड़े लेखन सेक्शन में, इमेज और कैप्शन को साथ में इस्तेमाल करने के बारे में दिशा-निर्देश दिए गए हैं. इससे पेज के कॉन्टेंट का डिज़ाइन सभी उपयोगकर्ताओं के लिए काम करता है.

दिखने वाला और न दिखने वाला टेक्स्ट

सुलभता से जुड़े टेक्स्ट में ये शामिल हैं:

  • दिखने वाला टेक्स्ट: यूज़र इंटरफ़ेस (यूआई) एलिमेंट के लेबल, बटन, लिंक, और फ़ॉर्म पर मौजूद टेक्स्ट
  • न दिखने वाला टेक्स्ट: ऐसा ब्यौरा जो स्क्रीन पर नहीं दिखता. जैसे, इमेज के लिए वैकल्पिक टेक्स्ट

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

वैकल्पिक टेक्स्ट (वैकल्पिक लेख)

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

यहां दिए गए उदाहरण में, स्क्रीन रीडर इमेज के बारे में सबसे ज़रूरी जानकारी देकर, आस-पास मौजूद टेक्स्ट के बारे में कॉन्टेक्स्ट देता है.

a327ec11a8a08a4d.png

वैकल्पिक टेक्स्ट सिर्फ़ इमेज के लिए होता है. इसलिए, वैकल्पिक टेक्स्ट में "इसकी इमेज" या "इसकी तस्वीर" जोड़ने की ज़रूरत नहीं है. स्क्रीन रीडर, इमेज की जगह वैकल्पिक लेख को ज़ोर से पढ़कर सुनाएगा.

8690cba70c572908.png

6. शब्दों के सुझाव

खास जानकारी

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

पढ़ने के सभी लेवल के लिए लिखना

ऐसे सामान्य शब्दों का इस्तेमाल करें जो सभी उम्र के लोगों को आसानी से समझ में आएं.

7938ae9f12f98a8.png

जार्गन का इस्तेमाल न करें

जब किसी आसान वाक्यांश से वही बात बताई जा सकती है, तो इंडस्ट्री के हिसाब से तय की गई शब्दावली या यूज़र इंटरफ़ेस (यूआई) की सुविधाओं के लिए बनाए गए नामों का इस्तेमाल न करें.

a3ea0ee65129dac8.png

एक जैसे शब्दों का इस्तेमाल करना

अपने यूज़र इंटरफ़ेस (यूआई) की सुविधाओं में एक जैसे शब्दों का इस्तेमाल करें.

ba6c4e76345c54e5.png

वर्तमान काल में लिखना

प्रॉडक्ट के व्यवहार के बारे में बताने के लिए, वर्तमान काल का इस्तेमाल करें. किसी प्रॉडक्ट के हमेशा काम करने के तरीके के बारे में बताने के लिए, भविष्य काल का इस्तेमाल न करें.

जब आपको भूतकाल या भविष्य काल में लिखना हो, तो क्रिया के सामान्य रूप का इस्तेमाल करें.

3125e74655e15f6a.png

यूज़र इंटरफ़ेस (यूआई) एलिमेंट और कंट्रोल को लेबल के हिसाब से रेफ़र करना

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

5d752db3ba472c6f.png

ज़रूरी जानकारी देना

सिर्फ़ वह जानकारी दें जिस पर उपयोगकर्ता को किसी टास्क को पूरा करने के लिए फ़ोकस करना है.

cf1825fb95e0cbcb.png

ज़रूरी बातें

  • पढ़ने के सभी लेवल के लिए लिखना
  • शब्दों का इस्तेमाल लगातार करें, न कि सिर्फ़ नएपन के लिए
  • वर्तमान काल
  • अंकों का इस्तेमाल करना

7. कॉम्पोनेंट के लिए लिखना

f0434663c3f3ed39.png

खास जानकारी

Material के कॉम्पोनेंट का यूज़र इंटरफ़ेस (यूआई) में एक इंटेंट होता है. साथ ही, खास कॉम्पोनेंट के लिए लिखने से इंटेंट को मज़बूत किया जा सकता है.

इन कॉम्पोनेंट के लिए, Material.io पर लिखने से जुड़े दिशा-निर्देश दिए गए हैं:

डायलॉग

डायलॉग का इस्तेमाल इन कामों के लिए किया जाता है:

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

कॉम्पोनेंट

प्राथमिकता

उपयोगकर्ता की कार्रवाई

नाश्ते के सामान का काउंटर

निम्‍न प्राथमिकता

स्नैकबार अपने-आप गायब हो जाते हैं

बैनर

प्रमुखता से दिखाया गया, सामान्य प्राथमिकता

बैनर तब तक दिखते हैं, जब तक उपयोगकर्ता उन्हें खारिज नहीं करता या जब तक बैनर दिखने की वजह ठीक नहीं हो जाती

Dialog

सबसे ज़्यादा प्राथमिकता

डायलॉग, ऐप्लिकेशन के इस्तेमाल को तब तक ब्लॉक करते हैं, जब तक उपयोगकर्ता डायलॉग में कोई कार्रवाई नहीं करता या डायलॉग से बाहर नहीं निकल जाता (अगर उपलब्ध हो)

शीर्षक

डायलॉग का मकसद, उसके टाइटल और बटन के टेक्स्ट से पता चलना चाहिए.

टाइटल में कम शब्दों में साफ़ तौर पर कोई स्टेटमेंट या सवाल होना चाहिए.

6081893091a2e0d3.png

स्नैकबार

स्नैकबार में एक टेक्स्ट लेबल होता है, जो सीधे तौर पर उस प्रोसेस से जुड़ा होता है जो की जा रही है. मोबाइल डिवाइसों पर, किसी लेबल में ज़्यादा से ज़्यादा दो लाइनों का टेक्स्ट हो सकता है.

5152d51fe7a77698.png

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

fbb75c8e3393cd6.png

8. सभी को एक कॉन्टेंट मैट्रिक्स में शामिल करें

खास जानकारी

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

यह स्प्रेडशीट का एक अच्छा नाम है (हां...यह "कोई तकनीकी शब्द नहीं" के लिए शब्द चुनने से जुड़े दिशा-निर्देश का उल्लंघन करता है.)

कॉन्टेंट मैट्रिक्स सेट अप करना

एक स्प्रेडशीट या टेबल बनाएं. इसमें उन शब्दों और वाक्यों को ट्रैक करें जो अच्छी तरह से काम करते हैं और जिन्हें दोहराया जा सकता है.

कॉन्टेंट मैट्रिक्स का मकसद यह पता लगाना और दस्तावेज़ में यह जानकारी देना है कि कोई भी मैसेज, यहां दी गई चीज़ों से कैसे जुड़ा है:

  • उपयोगकर्ता के लक्ष्य और कॉन्टेक्स्ट
  • किसी लक्ष्य को पूरा करने के लिए ज़रूरी जानकारी
  • ड्राफ़्ट और फ़ाइनल यूज़र इंटरफ़ेस (यूआई) टेक्स्ट, जिसमें कम शब्दों में और आसान भाषा में जानकारी दी गई हो

कॉन्टेंट मैट्रिक्स में यूज़र इंटरफ़ेस (यूआई) टेक्स्ट से जुड़े फ़ैसलों में यह भी दिखना चाहिए कि:

  • आवाज़ और टोन के सिद्धांत
  • कॉम्पोनेंट के टाइप

आखिर में, कॉन्टेंट मैट्रिक्स में शब्दों की सूची शामिल की जा सकती है:

  • उन शब्दों और वाक्यांशों की सूची बनाएं जिनका इस्तेमाल, सुविधाओं, कार्रवाइयों, और लक्ष्यों के बारे में बताने के लिए किया जाना चाहिए
  • उन शब्दों की सूची बनाएं जिन्हें समानार्थी शब्दों या काम के न होने वाले वाक्यांशों के तौर पर इस्तेमाल नहीं किया जाना चाहिए

यह न भूलें:

  • तकनीकी शब्दों को बदलना या उनकी परिभाषा देना
  • किसी कार्रवाई या संज्ञा के लिए, सबसे आम शब्द का इस्तेमाल करें

9. ऐडवांस विषय और संसाधन (ज़रूरी नहीं)

खास जानकारी

इस कोडलैब में, यूएक्स राइटिंग शुरू करने के सबसे सही तरीकों और तरीकों के बारे में बताया गया है. यह तो सिर्फ़ शुरुआत है.

संसाधन

10. बधाई हो!

बहुत बढ़िया! अब आप यूज़र इंटरफ़ेस (यूआई) के लिए साफ़ और असरदार टेक्स्ट लिख सकते हैं!

46fad4a7c10dd9f7.png