इंडस्ट्री के हिसाब से मैस्कॉट का टोन: स्टेट-मैपिंग मैट्रिक्स

हर इंडस्ट्री में मैस्कॉट कितना खिलंदड़ा होना चाहिए?

मैस्कॉट कितना खिलंदड़ा हो, यह इस पर निर्भर करता है कि किसी स्क्रीन पर यूज़र का क्या दाँव पर है। जहाँ गलती की कीमत पैसे, सेहत या सुरक्षा से चुकानी पड़े, वहाँ यूज़र सबसे पहले भरोसेमंद काम चाहते हैं। जहाँ प्रोडक्ट कोई गेम, लेसन या वर्कआउट है, वहाँ पर्सनैलिटी खुद उसकी वैल्यू का हिस्सा है।

टोन पर हुई रिसर्च इस बँटवारे का समर्थन करती है। Nielsen Norman Group की एक स्टडी में, ज़्यादा बातचीत वाले अंदाज़ की बैंकिंग साइट को औपचारिक साइट की तुलना में ज़्यादा फ़्रेंडली, थोड़ा ज़्यादा भरोसेमंद और रिकमेंड किए जाने लायक माना गया, जबकि एक मज़ाकिया इंश्योरेंस साइट को "कुछ ज़्यादा ही यारी-दोस्ती वाली" बताया गया और उसकी विश्वसनीयता घटी। NN/g ने यह भी पाया कि डिज़ायरेबिलिटी स्कोर में 52% अंतर की वजह भरोसेमंदी थी (NN/g)।

हर पंक्ति के लिए अलग गाइड है: फ़िनटेक, बच्चे और शिक्षा, हेल्थकेयर चैटबॉट, VPN और सिक्योरिटी और फ़िटनेस।

फ़ाइनेंस, हेल्थ और सिक्योरिटी में कौन से मूड वर्जित हैं?

कोई भी स्टेट पूरी तरह बैन नहीं है। वर्जित है गलत स्क्रीन पर कोई स्टेट दिखाना। ज़्यादातर नुकसान तीन पैटर्न से होता है:

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

sad लूप (स्टैंडर्ड दस-लूप सेट में मूड 4) के अब भी उपयोग हैं: किसी गेम में प्लेफ़ुल "कोई रिज़ल्ट नहीं" स्क्रीन, या हल्के-फुल्के अंदाज़ वाली खाली कार्ट। गंभीर कैटेगरी में इसे कम जोखिम वाले, गैर-व्यक्तिगत पलों के लिए रखें, या प्रोडक्ट से पूरी तरह हटा दें।

यही सावधानी कॉपी पर भी लागू होती है। NN/g एरर मैसेज में मज़ाक न करने की सलाह देता है, क्योंकि यूज़र जब एरर बार-बार देखते हैं तो मज़ाक बासी हो जाता है, और ऐसी भाषा से बचने को कहता है जो यूज़र पर दोष डाले (NN/g)।

इंडस्ट्री के हिसाब से एरर और success स्टेट कैसे अलग होते हैं?

success और error वे दो वन-शॉट हैं जिन्हें हर ऐप सबसे ज़्यादा फ़ायर करता है, और टोन का सबसे ज़्यादा जोखिम इन्हीं में होता है। एक अच्छी आदत यह है कि कोई भी एनिमेशन बनने से पहले अपनी इंडस्ट्री के हिसाब से इन्हें तय कर लें।

ध्यान दें कि गंभीर कैटेगरी में error कॉलम में खुद error एनिमेशन का इस्तेमाल शायद ही होता है। कार्टून जैसा परेशान दिखने वाला error वन-शॉट गेम में चलता है, लेकिन बैंक में यह हल्का और लापरवाह लग सकता है। अगर आप इसे रखते हैं, तो जाँच लें कि यह "उफ़्फ़" के बजाय "कुछ गड़बड़ हो गई" जैसा लगे।

मैस्कॉट मोशन गाइडलाइन कैसे लिखें?

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

काम की गाइडलाइन एक पेज में आ जाती है और चार सवालों के जवाब देती है:

1. मैस्कॉट कहाँ दिख सकता है? स्क्रीन साफ़-साफ़ लिखें, और उन स्क्रीन की भी सूची बनाएँ जहाँ यह कभी नहीं दिखना चाहिए (कानूनी टेक्स्ट, सहमति, ज़रूरी अलर्ट)।
2. कौन सा स्टेट किस इवेंट के साथ? एक टेबल, हर इवेंट के लिए एक पंक्ति, जिसमें स्टेट हो, यह लूप होता है या एक बार चलता है, और उसके बाद किस स्टेट पर लौटता है।
3. हर स्टेट के साथ कौन सी कॉपी? मैस्कॉट टोन तय करता है, मतलब टेक्स्ट बताता है। टेक्स्ट पहले लिखें।
4. मोशन कम करने पर क्या होगा? हर स्टेट के लिए स्टैटिक पोज़ तय करें।

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

अगर मैस्कॉट मार्केटिंग में भी आता है, तो विज्ञापनों और सोशल पोस्ट के लिए अलग और थोड़े ढीले नियम रखें। ब्रांड कैरेक्टर पर विज्ञापन रिसर्च, जैसे System1 की, उसी संदर्भ के बारे में है, ऐप के अंदर के व्यवहार के बारे में नहीं।

एक्सेसिबिलिटी के नियम अलग-अलग इंडस्ट्री में कैसे लागू होते हैं?

एक्सेसिबिलिटी की ज़रूरतें इंडस्ट्री के साथ नहीं बदलतीं। हर मैस्कॉट के लिए तीन नियम मायने रखते हैं:

• रोकें, बंद करें, छिपाएँ। WCAG 2.2.2 के तहत, जो चलता हुआ कंटेंट अपने आप शुरू होता है, पाँच सेकंड से ज़्यादा चलता है और दूसरे कंटेंट के साथ दिखता है, उसे रोकने, बंद करने या छिपाने का तरीका होना चाहिए (W3C)। किसी फ़ॉर्म के पास लूप होता idle या attention स्टेट इसी दायरे में आता है।
• मोशन कम करें। prefers-reduced-motion बताता है कि यूज़र ने सिस्टम से गैर-ज़रूरी मोशन कम करने को कहा है (MDN)। इसकी जगह स्टैटिक पोज़ दिखाएँ, और टेक्स्ट स्टेटस को वैसा ही रखें।
• अकेला संकेत नहीं। मैस्कॉट का एक्सप्रेशन किसी स्टेटस को बताने का अकेला तरीका नहीं हो सकता। हर स्टेट के साथ टेक्स्ट रखें, और सिर्फ़ रंग पर निर्भर न रहें।

ये नियम वहाँ सबसे ज़्यादा मायने रखते हैं जहाँ टोन सबसे नाज़ुक है। जिस यूज़र को अभी-अभी बुरी खबर मिली हो, या जिसे वेस्टिबुलर डिसऑर्डर हो, उसे यह जानने के लिए कि क्या हुआ, कभी उछलता हुआ कैरेक्टर नहीं देखना पड़ना चाहिए।

इम्प्लीमेंटेशन की जानकारी के लिए एक्सेसिबल एनिमेशन और मोशन कम करना देखें।

क्या एक ही मैस्कॉट प्लेफ़ुल और गंभीर दोनों पल संभाल सकता है?

हाँ, अगर स्टेट सेट इतना बड़ा हो कि उसमें शांत स्टेट भी हों। जो मैस्कॉट सिर्फ़ उछलना और खुश होना जानता है, उसे गंभीर स्क्रीन पर गलत एक्सप्रेशन के साथ दिखना पड़ेगा। जिसके पास शांत idle, thinking, listening और sleeping लूप भी हैं, वह बिना परफ़ॉर्म किए स्क्रीन पर बना रह सकता है।

एक कैरेक्टर के लिए एक व्यावहारिक बँटवारा:

• गंभीर स्क्रीन के लिए शांत लूप: idle, thinking, listening, sleeping।
• कम जोखिम वाली स्क्रीन के लिए एक्सप्रेसिव लूप: happy, wave, talking।
• सिग्नल लूप: loading और attention, टेक्स्ट के साथ इस्तेमाल किए जाते हैं।
• रिएक्शन: success, error, yes, no, enter और exit, हर एक को छोटा रखें।

Charmotion का स्टैंडर्ड सेट इसी ढाँचे पर चलता है: आप कोई कैरेक्टर, मैस्कॉट या लोगो अपलोड करते हैं और कुछ ही मिनटों में 17 एनिमेशन पाते हैं, mood नंबर (0–9) से चुने जाने वाले दस लूप, छह वन-शॉट ट्रिगर और एक लॉन्च इंट्रो के साथ, हर पेड प्लान पर एक .riv के साथ MP4, GIF और ट्रांसपेरेंट वीडियो में। इस गाइड में टोन से जुड़े फ़ैसले फिर भी आपके हैं; फ़ाइल बस हर स्टेट उपलब्ध कराती है।

सभी स्टेट की पूरी सूची और हर एक का उपयोग जानने के लिए मैस्कॉट एनिमेशन स्टेट पढ़ें।

इंडस्ट्री के हिसाब से सही मैस्कॉट मोशन गाइडलाइन कैसे लिखें

1. हर स्क्रीन का जोखिम आँकें. हर उस स्क्रीन की सूची बनाएँ जहाँ मैस्कॉट दिख सकता है, और यूज़र वहाँ क्या खो सकता है इसके आधार पर उसे कम, मध्यम या ज़्यादा जोखिम वाली मार्क करें।
2. ज़्यादा जोखिम वाली स्क्रीन हटाएँ. कानूनी टेक्स्ट, सहमति फ़्लो और ज़रूरी अलर्ट से मैस्कॉट हटा दें, या उसे स्टैटिक या शांत attention पोज़ तक सीमित रखें।
3. इवेंट को स्टेट से जोड़ें. हर इवेंट के लिए टेबल में एक पंक्ति लिखें: स्टेट, वह लूप होता है या एक बार चलता है, और किस लूप पर वापस लौटता है।
4. पहले कॉपी लिखें. हर स्टेट का टेक्स्ट पहले लिखें ताकि मैसेज कैरेक्टर के बिना भी पूरा हो, फिर उससे मेल खाता मोशन चुनें।
5. मोशन कम करने के लिए पोज़ तय करें. हर स्टेट के लिए एक स्टैटिक पोज़ चुनें और पाँच सेकंड से लंबे लूप के लिए pause कंट्रोल जोड़ें।

अक्सर पूछे जाने वाले सवाल

किन इंडस्ट्री को मैस्कॉट से बचना चाहिए?

किसी को इनसे पूरी तरह बचने की ज़रूरत नहीं है, लेकिन फ़ाइनेंस, हेल्थ और सिक्योरिटी में मैस्कॉट संयमित होना चाहिए और बुरी खबर, चेतावनी और कानूनी टेक्स्ट से दूर रहना चाहिए। NN/g ने पाया कि मज़ाकिया टोन से एक बीमा कंपनी की विश्वसनीयता को नुकसान हुआ, इसलिए जिस भी कैटेगरी में प्रोडक्ट इस्तेमाल करने का फ़ैसला भरोसे पर टिका हो, वहाँ टोन को ध्यान से टेस्ट करें।

क्या मैस्कॉट को कभी उदास दिखना चाहिए?

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

क्या मैस्कॉट एक्सेसिबिलिटी की समस्या है?

नहीं, अगर इसे सही तरीके से बनाया जाए। WCAG 2.2.2 के तहत लूपिंग एनिमेशन में pause या stop कंट्रोल दें, मोशन कम करें चालू होने पर स्टैटिक पोज़ दिखाएँ, और पक्का करें कि मैस्कॉट जो भी स्टेटस दिखाता है, वह टेक्स्ट में भी लिखा हो ताकि screen reader उसे पढ़ सकें।

इस गाइड से झटपट जवाब

• अलग-अलग इंडस्ट्री में मैस्कॉट कितना मज़ेदार होना चाहिए?

स्रोत

• The Impact of Tone of Voice on Users' Brand Perception, Nielsen Norman Group
• Error-Message Guidelines, Nielsen Norman Group
• Understanding SC 2.2.2: Pause, Stop, Hide, W3C WAI
• prefers-reduced-motion, MDN Web Docs
• Celebrities v. fluent devices: how recurring brand characters drive lasting consumer connections, Advertising Week