बच्चों और एजुकेशन ऐप के मैस्कॉट: Duolingo से सीख
Charmotion टीम द्वारा · अपडेट:

एजुकेशन ऐप का मैस्कॉट सीखने पर रिएक्ट करे, सीखने वाले पर दबाव न डाले। जवाबों के लिए तुरंत yes और no रिएक्शन, पूरे हुए लेसन के लिए success रिएक्शन और इंतज़ार के दौरान शांत लूप इस्तेमाल करें। गलतियों पर कभी उदास चेहरा लूप न करें और यूज़र को अपराध-बोध दिलाकर वापस न बुलाएँ। बच्चों के ऐप में, मैस्कॉट के आवाज़ या फ़ोटो लेने से पहले COPPA और UK Children's Code की समीक्षा करें।
मुख्य बातें
- Duolingo अपने World Characters के lip sync के लिए 40+ भाषाओं और 100+ कोर्स में Rive स्टेट मशीन इस्तेमाल करता है।
- Duolingo के अनुसार एक streak एनिमेशन से नए learners का day-7 retention 1.7% बढ़ा; इसका 3.6x course-completion आँकड़ा सिर्फ़ सहसंबंध दिखाता है।
- गलत जवाबों पर रिएक्ट करने से ज़्यादा सही जवाबों का जश्न मनाएँ, और गलती के बाद जल्दी न्यूट्रल पर लौटें।
- संशोधित COPPA Rule 23 जून 2025 से लागू हुआ, और ज़्यादातर compliance की समय-सीमा 22 अप्रैल 2026 है।
- अपराध-बोध दिलाने वाले रिमाइंडर confirmshaming हैं; UK Children's Code बच्चों की स्वीकृति की ज़रूरत का फ़ायदा उठाने के खिलाफ़ चेतावनी देता है।
पहले से कोई कैरेक्टर या लोगो है? अपने कैरेक्टर को असली ऐप स्क्रीन में देखें: स्प्लैश, ऑनबोर्डिंग, लोडिंग और एम्प्टी स्टेट स्क्रीन। यह फ़्री है, आपके ब्राउज़र में चलता है और कुछ भी अपलोड नहीं होता।
Duolingo अपने कैरेक्टर को एनिमेट कैसे करता है?
किसी लर्निंग ऐप में मैस्कॉट एनिमेशन का सबसे अच्छी तरह दर्ज उदाहरण Duolingo है। उसके engineering blog के अनुसार, वह अपने दस World Characters के lip sync के लिए Rive इस्तेमाल करता है, जिसमें 20 से ज़्यादा mouth shapes हैं, और यह 40+ भाषाओं और 100+ कोर्स में चलता है। टीम ने Rive को कुछ हद तक इसलिए चुना क्योंकि फ़ाइल साइज़ छोटे थे, और इसलिए भी कि स्टेट मशीन से developers programmatically तय कर सकते हैं कि कौन सी एनिमेशन स्टेट चलें (Duolingo blog)।
बाद में Rive ने Duolingo के Video Call फ़ीचर के बारे में बताया, जिसमें कैरेक्टर Lily 8 head और 8 body एनिमेशन को मिलाकर 64 से ज़्यादा idle वेरिएशन बनाती है, और फ़ाइल 1 MB से कम रहती है (Rive blog)। यह एक ग्राहक प्रोजेक्ट के बारे में Rive का अपना विवरण है।
छोटे ऐप्स के लिए सीख आर्किटेक्चर में है, पैमाने में नहीं। स्टेट मशीन वाली एक इंटरैक्टिव फ़ाइल से एक ही कैरेक्टर कई इवेंट पर रिएक्ट कर सकता है, हर पल के लिए अलग वीडियो की ज़रूरत नहीं होती। आपका लेसन code एक स्टेट सेट करता है, और फ़ाइल ट्रांज़िशन संभाल लेती है।
इस पैटर्न के सामान्य परिचय के लिए मैस्कॉट एनिमेशन स्टेट और एनिमेटेड ऐप मैस्कॉट कैसे बनाएँ देखें।
क्या streak और celebration एनिमेशन लर्निंग ऐप्स के लिए मददगार हैं?
Duolingo ने दो आँकड़े प्रकाशित किए हैं जिनका अक्सर हवाला दिया जाता है, और दोनों का मतलब अलग है (Duolingo blog):
- जो learners 7-दिन की streak तक पहुँचते हैं, उनके कोर्स पूरा करने की संभावना 3.6 गुना ज़्यादा होती है। यह एक सहसंबंध है। प्रेरित learners streak भी बनाए रखते हैं और कोर्स भी पूरा करते हैं; ज़रूरी नहीं कि streak ही कोर्स पूरा होने की वजह हो।
- एक नए streak एनिमेशन से इस संभावना में 1.7% बढ़ोतरी हुई कि बिल्कुल नया learner 7 दिन बाद भी ऐप इस्तेमाल कर रहा हो। यह एक एनिमेशन का A/B नतीजा है, जिसे कंपनी ने खुद रिपोर्ट किया है।
दोनों आँकड़े Duolingo के अपने हैं, और एक बहुत बड़े audience वाले प्रोडक्ट से आते हैं। ये इस विचार का समर्थन करते हैं कि सही जगह पर रखा गया celebration असर डाल सकता है, यह नहीं कि कोई भी celebration असर डालेगा।
डिज़ाइन के लिए सीख यह है कि सबसे बड़ा रिएक्शन उस पल पर रखें जो आदत के लिए सबसे अहम हो, जैसे लेसन पूरा करना या streak बढ़ाना, और बाकी सब छोटा रखें। अगर हर tap पर जश्न हो, तो अहम पल अलग से नज़र नहीं आते।
लेसन फ़्लो में कौन सी मैस्कॉट स्टेट चाहिए?
लेसन फ़्लो छोटे-छोटे इवेंट का एक क्रम होता है, जिसके लिए लूप और वन-शॉट का मेल सही बैठता है:
| इवेंट | स्टेट | लूप या वन-शॉट | नोट्स |
|---|---|---|---|
| लेसन शुरू होता है | enter, फिर idle (0) | वन-शॉट, फिर लूप | एंट्री एक-दो सेकंड के अंदर रखें |
| सवाल दिखाया गया | listening (6) या thinking (3) | लूप | हल्का रखें; फ़ोकस सवाल पर है |
| सही जवाब | yes, फिर थोड़ी देर happy (1) | वन-शॉट | अगले सवाल से पहले idle पर लौटें |
| गलत जवाब | no, फिर idle (0) | वन-शॉट | बार-बार गलती होने पर कभी sad (4) लूप न करें |
| लेसन पूरा हुआ | success | वन-शॉट | फ़्लो का सबसे बड़ा रिएक्शन |
| पढ़कर सुनाना या ट्यूटर की बातचीत | talking (7) | लूप | सिर्फ़ ऑडियो चलते समय |
| निष्क्रिय या रुका हुआ | sleeping (8) | लूप | शांत, कम मोशन |
| रिमाइंडर या वापसी वाली स्क्रीन | wave (2) | लूप | अपराध-बोध जगाने वाली कॉपी नहीं |
यह असंतुलन ज़रूरी है: सही जवाब पर साफ़ दिखने वाला इनाम मिले, गलत जवाब पर बस एक छोटी, तटस्थ प्रतिक्रिया। जो सीखने वाला लगातार तीन जवाब गलत दे, उसे मैस्कॉट को धीरे-धीरे और ज़्यादा नाराज़ होते नहीं देखना चाहिए।
बच्चों के साथ manipulation किए बिना जश्न कैसे मनाएँ?
बच्चे कैरेक्टर की तारीफ़ पर बहुत तेज़ी से प्रतिक्रिया देते हैं, और ठीक इसी वजह से इसका इस्तेमाल उनके खिलाफ़ नहीं होना चाहिए। UK Information Commissioner's Office का Children's Code (स्टैंडर्ड 13) कहता है कि बच्चों से गैर-ज़रूरी निजी डेटा लेने या प्राइवेसी सुरक्षा बंद करवाने के लिए nudge तकनीकों का इस्तेमाल न करें, और उनकी तारीफ़ पाने की ज़रूरत का फ़ायदा उठाने के खिलाफ़ चेतावनी देता है। यही स्टैंडर्ड भलाई की ओर ले जाने वाले nudge को बढ़ावा देता है, जैसे ब्रेक लेना (ICO)।
व्यवहार में:
- सीखने का जश्न मनाएँ, डेटा का नहीं। माइक्रोफ़ोन चालू करने, फ़ोटो जोड़ने, दोस्तों को बुलाने या ट्रैकिंग स्वीकार करने पर बच्चे को कभी इनाम न दें।
- मैस्कॉट को सहमति और प्राइवेसी वाली स्क्रीन से दूर रखें। "चालू करें" बटन के पास कोई happy या attention लूप न हो।
- ब्रेक के लिए मैस्कॉट का इस्तेमाल करें। सेशन के बाद रुकने का इशारा करने वाली sleeping या wave स्टेट एक सकारात्मक nudge है।
- इनाम को मेहनत से जोड़ें। lesson पूरा करने पर success रिएक्शन ठीक है। lesson खत्म होने के बाद भी बच्चे को टैप करते रहने के लिए बनाया गया रिएक्शन ठीक नहीं है।
ये नियम बड़ों के learning ऐप पर भी अच्छे से लागू होते हैं।
मैस्कॉट डिज़ाइन के लिए COPPA और UK Children's Code का क्या मतलब है?
मैस्कॉट खुद नियमों के दायरे में नहीं आते, लेकिन वे जो डेटा इकट्ठा करते हैं, वह आता है। अमेरिका में FTC का संशोधित COPPA Rule 23 जून 2025 को लागू हुआ, और ज़्यादातर दायित्व 22 अप्रैल 2026 तक पूरे करने थे। संशोधनों में शामिल हैं: बच्चों का डेटा third parties को देने से पहले अलग से सत्यापन योग्य अभिभावक सहमति, निजी जानकारी की परिभाषा में बायोमेट्रिक पहचानकर्ताओं को जोड़ना, और लिखित डेटा रिटेंशन पॉलिसी की अनिवार्यता (Federal Register)।
यह उन मैस्कॉट फ़ीचर्स के लिए अहम है जो हानिरहित लगते हैं:
- जो मैस्कॉट बच्चे को ज़ोर से पढ़ते हुए "सुनता" है, वह आवाज़ का डेटा इकट्ठा करता है।
- जो मैस्कॉट कैमरे के ज़रिए बच्चे के चेहरे पर रिएक्ट करता है, उसमें बायोमेट्रिक डेटा शामिल हो सकता है।
- मैस्कॉट के पीछे चलने वाली कोई third-party analytics या AI सर्विस third party को डेटा देने के रूप में गिनी जा सकती है।
UK में Children's Code ऊपर बताए गए nudge नियम जोड़ता है। अगर आपका ऐप बच्चों के लिए है, तो माइक्रोफ़ोन, कैमरा या किसी बाहरी सर्विस का इस्तेमाल करने वाले हर मैस्कॉट फ़ीचर को अपने प्राइवेसी रिव्यू से गुज़ारें। यह गाइड डिज़ाइन से जुड़ा मार्गदर्शन है, कानूनी सलाह नहीं।
जो मैस्कॉट सिर्फ़ टैप और जवाबों पर पहले से बने एनिमेशन चलाता है, वह अपने आप कुछ भी इकट्ठा नहीं करता। नियमों का पालन बनाए रखने के लिए यही सबसे आसान डिज़ाइन है।
अपराध-बोध जगाने वाले रिमाइंडर से कैसे बचें?
रिमाइंडर और कैंसलेशन स्क्रीन पर ही मैस्कॉट सबसे ज़्यादा हद पार करते हैं। Confirmshaming एक जाना-माना deceptive pattern है, जिसमें यूज़र को भावनात्मक रूप से बहलाकर ऐसा काम करवाया जाता है जो वह वैसे नहीं करता (Deceptive Patterns)। "आप मुझे छोड़कर जा रहे हैं?" जैसी कॉपी के साथ रोता हुआ मैस्कॉट इसका सटीक उदाहरण है।
ज़्यादा सुरक्षित पैटर्न:
- रिमाइंडर नोटिफ़िकेशन: एक दोस्ताना wave और "आज के lesson के लिए तैयार हैं?" जैसी तटस्थ लाइन।
- छूटा हुआ दिन: idle या wave, ऐसी कॉपी के साथ जो नुकसान गिनाने के बजाय यूज़र का वापस स्वागत करे।
- रिमाइंडर बंद करना या unsubscribe करना: idle या exit, एक सीधे-सादे कन्फ़र्मेशन के साथ। कोई sad स्टेट नहीं।
- स्ट्रीक टूटने पर: इसे टेक्स्ट में स्वीकार करें, और अगला हासिल किया जा सकने वाला लक्ष्य दिखाएँ।
sad लूप lesson के अंदर मज़ेदार पलों के लिए आपकी फ़ाइल में रह सकता है, लेकिन इसे हर उस स्क्रीन से दूर रखें जहाँ यूज़र तय कर रहा हो कि आगे बढ़ना है, भुगतान करना है या शेयर करना है।
मोशन कम करने और pause के कंट्रोल कैसे जोड़ें?
learning स्क्रीन पर मोशन और पढ़ना साथ-साथ होते हैं, और WCAG 2.2.2 ठीक इसी स्थिति के बारे में है। जो चलता-फिरता कंटेंट अपने आप शुरू हो, पाँच सेकंड से ज़्यादा चले और दूसरे कंटेंट के साथ दिखे, उसे pause करने, रोकने या छिपाने का तरीका होना चाहिए (W3C)। reading exercise के पास लूप होता मैस्कॉट इसी श्रेणी में आता है।
- सिस्टम सेटिंग्स का सम्मान करें। वेब पर
prefers-reduced-motionबताता है कि यूज़र ने गैर-ज़रूरी मोशन कम करने को कहा है (MDN); native प्लेटफ़ॉर्म पर भी इसके बराबर विकल्प हैं। ऐसे में एक स्थिर पोज़ दिखाएँ। - ऐप के अंदर एक स्विच जोड़ें। बच्चे OS सेटिंग्स शायद ही बदलते हैं। साफ़ दिखने वाला "calm mode" toggle, बेहतर हो कि parent area में, उनके लिए यह कमी पूरी करता है।
- लूप को शांत होने दें। रिएक्शन के बाद लगातार उछलते रहने के बजाय कम मोशन वाली idle या sleeping स्टेट पर लौटें।
- फ़ीडबैक टेक्स्ट में भी दें। "सही!" या "फिर से कोशिश करें" टेक्स्ट में भी दिखना चाहिए, ताकि मोशन बंद होने पर भी lesson काम करे।
Charmotion के सेट में वे स्टेट शामिल हैं जो यह गाइड इस्तेमाल करती है (yes, no, success, happy, listening, talking, sleeping, wave), एक .riv में, साथ में स्टोर प्रीव्यू के लिए MP4 और GIF। Kiko जैसा गोल-मटोल कैरेक्टर, ऊपर दिखाई गई Charmotion की अपनी कास्ट की लोमड़ी, ज़्यादा दोस्ताना अंदाज़ दिखाता है जो छोटे दर्शकों के लिए सही है।
अक्सर पूछे जाने वाले सवाल
बच्चों के ऐप का मैस्कॉट गलत जवाबों पर कैसे रिएक्ट करे?
संक्षेप में और बिना शर्मिंदा किए। एक छोटा no रिएक्शन चलाएँ, फिर तटस्थ idle पर लौटें, और बार-बार गलती होने पर कभी उदास चेहरे का लूप न चलाएँ। गलतियों पर रिएक्शन की तुलना में सही जवाबों का जश्न ज़्यादा साफ़ दिखाएँ, और पक्का करें कि फ़ीडबैक टेक्स्ट में भी दिखे ताकि मोशन बंद होने पर भी काम करे।
क्या Duolingo का स्ट्रीक एनिमेशन सच में retention बढ़ाता है?
Duolingo के मुताबिक एक नए स्ट्रीक एनिमेशन से बिल्कुल नए learners में 7 दिन बाद भी सक्रिय रहने वालों का हिस्सा 1.7% बढ़ा। यह कंपनी का अपना A/B नतीजा है। उसका अलग दावा कि 7-दिन की स्ट्रीक वाले learners के कोर्स पूरा करने की संभावना 3.6 गुना ज़्यादा है, एक correlation है।
क्या COPPA ऐप मैस्कॉट पर लागू होता है?
COPPA उस डेटा पर लागू होता है जो आपका ऐप 13 साल से कम उम्र के बच्चों से इकट्ठा करता है, मैस्कॉट के ज़रिए भी। अगर कैरेक्टर माइक्रोफ़ोन, कैमरा या किसी third-party सर्विस का इस्तेमाल करता है, तो वह संशोधित नियम के दायरे में आता है, जो 23 जून 2025 से लागू है और जिसका पालन 22 अप्रैल 2026 तक ज़रूरी है। बारीकियों के लिए कानूनी सलाहकार से बात करें।
क्या रिमाइंडर स्क्रीन पर उदास मैस्कॉट एक dark pattern है?
हो सकता है। यूज़र को अपराध-बोध दिलाकर वापस लाना या सब्सक्रिप्शन जारी रखवाना confirmshaming है, जो एक जाना-माना deceptive pattern है। इसके बजाय तटस्थ wave या idle स्टेट और स्वागत करने वाली कॉपी इस्तेमाल करें। बच्चों के ऐप में UK Children's Code बच्चे की तारीफ़ पाने की ज़रूरत का फ़ायदा उठाने के खिलाफ़ भी चेतावनी देता है।
इस गाइड से झटपट जवाब
स्रोत
- How Duolingo's characters lip sync (visemes), Duolingo Blog
- Duolingo's AI-powered Video Call brings Lily to life, Rive Blog
- How Duolingo's streak builds habit, Duolingo Blog
- Children's Online Privacy Protection Rule (final rule amendments), Federal Register (FTC)
- Age appropriate design code: 13. Nudge techniques, Information Commissioner's Office (UK)
- Confirmshaming, Deceptive Patterns
- Understanding SC 2.2.2: Pause, Stop, Hide, W3C WAI
- prefers-reduced-motion, MDN Web Docs