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

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

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

d226b95944e2d78.png

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

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

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

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

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

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

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

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

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

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

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

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

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

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

616b22e303cb0bee.png

खास जानकारी

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

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

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

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

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

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

शैली

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

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

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

26cdd98cb56e8ee0.png

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

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

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

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

UXW में यह दिखना चाहिए कि अलग-अलग भाषाओं के लोग, पूरे पैराग्राफ़ पढ़ने के बजाय पेजों को 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.io पर लिखने से जुड़े दिशा-निर्देश दिए गए हैं:

डायलॉग

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

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

कॉम्पोनेंट

प्राथमिकता

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

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

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

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

बैनर

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

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

Dialog

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

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

शीर्षक

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

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

6081893091a2e0d3.png

स्नैकबार

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

5152d51fe7a77698.png

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

fbb75c8e3393cd6.png

8. सभी जानकारी को कॉन्टेंट मैट्रिक्स में एक साथ रखना

खास जानकारी

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

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

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

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

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

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

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

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

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

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

यह न भूलें:

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

9. ऐडवांस विषय और संसाधन (वैकल्पिक)

खास जानकारी

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

संसाधन

10. बधाई हो!

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

46fad4a7c10dd9f7.png