कहानी गेमिफिकेशन पैटर्न

Storyline गति मीटर

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

सर्वश्रेष्ठ के लिए अभ्यास
में काम करता है Storyline
निर्माण प्रकार JS + वेरिएबल्स
जटिलता मध्यम

इसका उपयोग कब करें

इसका उपयोग तब करें जब आप गेमिफिकेशन को व्यवहार को मजबूत करने के लिए चाहते हैं, न कि उससे व्याकुल करने के लिए।

गेमिफिकेशन तब सबसे अच्छा काम करता है जब यह शिक्षार्थियों को प्रगति का अनुभव करने, आत्मविश्वास बनाने और अर्थपूर्ण निर्णयों के माध्यम से संलग्न रहने में मदद करता है।

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

यह परिदृश्य अभ्यास, संचालन निर्णय, ऑनबोर्डिंग निर्णय, सुरक्षा व्यवहार, ग्राहक सहायता स्थितियों, कोचिंग वार्तालापों और कार्यप्रवाह-आधारित सीखने के लिए अच्छी तरह से काम करता है।

लाइव प्रीव्यू

इंटरैक्शन का प्रयास करें।

गति मीटर में बदलाव देखने के लिए एक निर्णय चुनें। स्टोरीलाइन में, वही तर्क वेरिएबल, ऑब्जेक्ट स्टेट्स, टेक्स्ट फील्ड्स और फीडबैक पैनल को अपडेट करेगा।

परिदृश्य

एक शिक्षार्थी एक कार्य के बीच में है और निर्देशों और स्क्रीन पर जो वे देखते हैं, उसके बीच एक असंगति का अनुभव करता है। उन्हें अगला कदम क्या उठाना चाहिए?

गति

70 /100
उपयोगी गति बनाना
कोचिंग फीडबैक

मजबूत कदम।

असंगति की पुष्टि करने के लिए रुकना कार्यप्रवाह की रक्षा करता है बिना अधिक प्रतिक्रिया किए। यह शिक्षार्थी को आगे बढ़ने में मदद करता है जबकि अनावश्यक जोखिम को कम करता है।

01

यह निर्णय को पुरस्कृत करता है, क्लिक करने को नहीं।

शिक्षार्थी को उन निर्णयों के लिए गति मिलती है जो जोखिम को कम करते हैं, स्पष्टता में सुधार करते हैं, या इच्छित व्यवहार का समर्थन करते हैं।

02

यह प्रगति को दृश्य बनाता है।

एक दृश्य मीटर शिक्षार्थियों को आंदोलन का अनुभव देता है बिना बैज, लीडरबोर्ड, या कृत्रिम प्रतिस्पर्धा की आवश्यकता के।

03

यह कोचिंग फीडबैक का समर्थन करता है।

फीडबैक शिक्षार्थी के निर्णय के प्रभाव को समझाता है, जो इंटरैक्शन को एक साधारण स्कोर से अधिक उपयोगी बनाता है।

कहानी की सेटअप

इसे वेरिएबल, स्टेट्स, और एक जावास्क्रिप्ट ट्रिगर के साथ बनाएं।

स्टोरीलाइन में, शिक्षार्थी के वर्तमान विकल्प, गति स्कोर, फीडबैक शीर्षक, फीडबैक शरीर, और फीडबैक टोन को स्टोर करने के लिए वेरिएबल बनाएं।

प्रत्येक निर्णय बटन एक विकल्प मान सेट करता है। एक सबमिट ट्रिगर जावास्क्रिप्ट चलाता है जो निर्णय का मूल्यांकन करता है, गति स्कोर को अपडेट करता है, और फीडबैक टेक्स्ट लौटाता है।

आप गति स्कोर को प्रगति बार, डायल, स्लाइडर, टेक्स्ट फील्ड, या कस्टम दृश्य मीटर से कनेक्ट कर सकते हैं।

वेरिएबल selectedChoice

उस निर्णय को स्टोर करता है जिसे शिक्षार्थी ने चुना।

वेरिएबल momentumScore

शिक्षार्थी के वर्तमान गति मान को स्टोर करता है।

वेरिएबल feedbackTitle

उत्पन्न फीडबैक शीर्षक को स्टोर करता है।

वेरिएबल feedbackBody

उत्पन्न कोचिंग संदेश को स्टोर करता है।

वेरिएबल feedbackTone

वैकल्पिक दृश्य स्टेट्स के लिए फीडबैक प्रकार को स्टोर करता है।

वेरिएबल momentumStatus

मीटर के बगल में दिखाए जाने वाले लेबल को स्टोर करता है।

JavaScript कॉपी करें

स्टोरीलाइन जावास्क्रिप्ट प्रारंभिक लॉजिक।

इसे “जावास्क्रिप्ट निष्पादित करें” ट्रिगर में जोड़ें जब शिक्षार्थी एक विकल्प चुनता है। सुनिश्चित करें कि स्टोरीलाइन वेरिएबल नाम कोड से मेल खाते हैं।

// Storyline Momentum Meter
// Create these Storyline variables first:
// selectedChoice, momentumScore, feedbackTitle, feedbackBody, feedbackTone, momentumStatus

var player = GetPlayer();

var choice = player.GetVar("selectedChoice");
var currentMomentum = Number(player.GetVar("momentumScore"));

if (isNaN(currentMomentum)) {
  currentMomentum = 50;
}

var feedbackTitle = "";
var feedbackBody = "";
var feedbackTone = "";
var momentumStatus = "";
var momentumChange = 0;

/*
Expected selectedChoice values:
- guess
- verify
- restart
*/

if (choice === "verify") {
  momentumChange = 20;
  feedbackTitle = "Strong move.";
  feedbackBody = "Pausing to verify the mismatch protects the workflow without overreacting. This keeps the learner moving while reducing unnecessary risk.";
  feedbackTone = "strong";
}

else if (choice === "guess") {
  momentumChange = -20;
  feedbackTitle = "Momentum risk.";
  feedbackBody = "Guessing may feel faster, but it can create downstream issues. The better move is to confirm the mismatch before continuing.";
  feedbackTone = "risk";
}

else if (choice === "restart") {
  momentumChange = -10;
  feedbackTitle = "Understandable, but inefficient.";
  feedbackBody = "Restarting may solve the issue, but it adds unnecessary friction. A better first step is to verify the mismatch and use the available guidance.";
  feedbackTone = "redirect";
}

else {
  momentumChange = 0;
  feedbackTitle = "Choose a response first.";
  feedbackBody = "Select a decision to update the momentum meter and receive coaching feedback.";
  feedbackTone = "neutral";
}

var newMomentum = currentMomentum + momentumChange;

if (newMomentum > 100) {
  newMomentum = 100;
}

if (newMomentum < 0) {
  newMomentum = 0;
}

if (newMomentum >= 80) {
  momentumStatus = "Strong momentum";
}

else if (newMomentum >= 60) {
  momentumStatus = "Building useful momentum";
}

else if (newMomentum >= 40) {
  momentumStatus = "Momentum needs attention";
}

else {
  momentumStatus = "High friction zone";
}

player.SetVar("momentumScore", newMomentum);
player.SetVar("feedbackTitle", feedbackTitle);
player.SetVar("feedbackBody", feedbackBody);
player.SetVar("feedbackTone", feedbackTone);
player.SetVar("momentumStatus", momentumStatus);

ट्रिगर गाइड

स्टोरीलाइन में इसे कैसे वायर करें।

तीन निर्णय बटन बनाएं। प्रत्येक बटन वेरिएबल को जावास्क्रिप्ट में उपयोग किए गए मानों में से एक पर सेट करता है: जारी रखें, रोकें, या बढ़ाएं। selectedChoice जावास्क्रिप्ट में उपयोग किए गए मानों में से एक के लिए वेरिएबल: अनुमान, सत्यापित, या पुनः प्रारंभ करें।

एक संख्या वेरिएबल बनाएं जिसे कहा जाता है momentumScore और इसका डिफ़ॉल्ट मान 50 सेट करें। यह शिक्षार्थियों को ऊपर या नीचे जाने की जगह देता है।

अपने फीडबैक पैनल की दृश्य स्थिति को बदलने के लिए। सुनिश्चित करें कि स्थिति सभी के लिए स्पष्ट हो, इसके लिए लेबल और आइकन के साथ रंग का उपयोग करें। feedbackTitle, feedbackBody, momentumScore, और momentumStatus स्टोरीलाइन वेरिएबल संदर्भों का उपयोग करते हुए।

लॉजिक को उस व्यवहार से मेल करें जिसे आप आकार देना चाहते हैं। feedbackTone और momentumScore ऑब्जेक्ट स्टेट्स को बदलने के लिए। उदाहरण के लिए, मीटर शिक्षार्थी की गति के आधार पर शांत से सावधानी या उच्च घर्षण में बदल सकता है।

डिज़ाइन नोट्स

गेम लेयर को सीखने के लक्ष्य की सेवा में रखें।

मीटर अनुभव का मुख्य बिंदु नहीं बनना चाहिए। इसे शिक्षार्थियों को यह नोटिस करने में मदद करनी चाहिए कि क्या उनके निर्णय स्पष्टता बना रहे हैं, घर्षण को कम कर रहे हैं, या जोखिम बढ़ा रहे हैं।

केवल इसलिए गति को पुरस्कृत करने से बचें क्योंकि यह गेमिफाइड लगता है। कई कार्यस्थल संदर्भों में, मजबूत व्यवहार सही समय पर धीमा होना है।

इस पैटर्न का सबसे अच्छा संस्करण शिक्षार्थियों को ऐसा महसूस कराता है कि वे निर्णय बना रहे हैं, अंक नहीं जुटा रहे हैं।

“गलत” उत्तरों को कार्टूनिश रूप से बुरा न बनाएं। मूल्य इस बात में है कि शिक्षार्थियों को यह समझने में मदद करना कि एक विकल्प क्यों जोखिम भरा, जल्दी, अधूरा, या मजबूत है।

स्कोरिंग को उस व्यवहार से मेल खाने के लिए ट्यून करें जिसे आप मजबूत करना चाहते हैं।

नमूना विकल्पों को अपने स्वयं के परिदृश्य के निर्णयों से बदलें। प्रत्येक विकल्प को व्यवहार की गुणवत्ता के आधार पर गति पर प्रभाव डालना चाहिए, न कि यह स्पष्ट रूप से सही या गलत लगता है।

आप गति परिवर्तनों को समायोजित कर सकते हैं। उदाहरण के लिए, मजबूत निर्णय 15 अंक जोड़ सकते हैं, जोखिम भरे निर्णय 20 घटा सकते हैं, और समझने योग्य लेकिन अप्रभावी विकल्प 5 घटा सकते हैं।

आप एक लंबे परिदृश्य बनाने के लिए कई स्लाइडों में समान तर्क का उपयोग कर सकते हैं जहाँ शिक्षार्थी समय के साथ गति बनाते हैं या खोते हैं।

डिज़ाइन लैब

पैटर्न विवरण

निर्णय विकल्प