Tujuan
Pindahkan pelajar dari kekeliruan ke tindakan seterusnya.
Pola ini membantu pelajar menyelesaikan masalah langkah demi langkah. Setiap pilihan mengecilkan laluan dan menghasilkan panduan praktikal berdasarkan simptom yang mereka kenal pasti.
Terbaik untuk
- Penyelesaian masalah operasi
- Sokong aliran kerja
- Panduan aplikasi atau alat
- Pemeriksaan keselamatan
- Sokongan keputusan pengurus
- Kesediaan hari pertama atau laluan pertama
Falsafah pembelajaran
Tujuannya bukan untuk membuat pelajar meneka jawapan yang sempurna. Tujuannya adalah untuk mengajar pola pemikiran yang boleh diulang: perhatikan isyarat, ketepikan yang jelas, putuskan sama ada untuk bertindak, cuba semula, dokumentasikan, atau tingkatkan.
Pratonton langsung
Ikuti laluan dan dapatkan bimbingan adaptif.
Demo ini menggunakan aliran penyelesaian masalah tiga langkah yang mudah. Dalam Storyline, setiap langkah boleh berada di satu slaid, satu lapisan, atau satu panel dinamik yang dikawal oleh pembolehubah.
Langkah 01 · Kenal pasti isyarat
Seorang pelajar mengatakan arahan aplikasi tidak sepadan dengan apa yang mereka lihat di lapangan.
Apakah perkara pertama yang perlu anda fahami?
Langkah 02 · Ketepikan yang jelas
Apakah pemeriksaan yang perlu dilakukan sebelum memilih laluan sokongan?
Langkah ini membantu mengelakkan peningkatan terlalu awal atau memberikan sokongan umum terlalu lewat.
Langkah 03 · Pilih tindakan seterusnya
Apakah langkah seterusnya yang paling berguna?
Laluan penyelesaian masalah yang terbaik memberikan sokongan yang cukup kepada pelajar untuk teruskan tanpa menyembunyikan risiko sebenar.
Nota pembinaan jalan cerita
Pembolehubah yang dicadangkan
Gunakan pembolehubah Storyline untuk menyimpan setiap langkah. JavaScript boleh menilai keseluruhan laluan dan mengembalikan skor, maklum balas, dan panduan langkah seterusnya.
signalChoice
checkChoice
actionChoice
troubleshootingPath
diagnosisScore
efficiencyScore
supportFitScore
feedbackTitle
feedbackBody
feedbackTone
recommendedAction
Model interaksi
Cara corak ini berfungsi
Kenal pasti isyarat
Pelajar menyebut jenis masalah sebelum memilih penyelesaian.
Keluarkan punca yang jelas
Aliran menguatkan tabiat penyelesaian masalah yang berguna: semak sebelum bertindak.
Pilih tindakan seterusnya
Pelajar memilih sama ada untuk menyokong, mencuba semula, mendokumenkan, atau meningkatkan.
Latih laluan
Maklum balas memberi respons kepada keseluruhan laluan keputusan, bukan hanya klik terakhir.
Logik permulaan
Blok permulaan JavaScript Storyline
Gunakan ini selepas pelajar menyelesaikan langkah terakhir. Sesuaikan kombinasi laluan, skor, dan bahasa maklum balas untuk aliran kerja anda sendiri.
// Troubleshooting Decision Path starter logic for Articulate Storyline
// Suggested trigger: Execute JavaScript after learner completes the final step
const player = GetPlayer();
const signalChoice = player.GetVar("signalChoice");
const checkChoice = player.GetVar("checkChoice");
const actionChoice = player.GetVar("actionChoice");
const pathKey = `${signalChoice}_${checkChoice}_${actionChoice}`;
const pathProfiles = {
"field_mismatch_compare_context_decision_aid": {
diagnosis: 96,
efficiency: 92,
support: 95,
tone: "Exactly",
title: "Strong troubleshooting path",
body: "This path identifies the real-world mismatch, checks where the documented flow breaks down, and gives the learner a practical decision aid. It supports action without ignoring the system issue.",
recommendedAction: "Provide the decision aid and document the mismatch for content or product review."
},
"field_mismatch_compare_context_escalate_with_context": {
diagnosis: 94,
efficiency: 78,
support: 88,
tone: "Strong",
title: "Good escalation with useful context",
body: "This path works well when the mismatch may affect other learners or indicates that the documented flow is outdated. The escalation is stronger because it includes the exact point of failure.",
recommendedAction: "Escalate with screenshots, learner language, and the step where the flow diverged."
},
"unclear_instruction_repeat_module_full_restart": {
diagnosis: 58,
efficiency: 30,
support: 42,
tone: "Not exactly",
title: "This may be too heavy",
body: "Restarting the full experience may create frustration if the learner only needs one unclear instruction clarified. A lighter support moment would likely be more useful.",
recommendedAction: "Clarify the confusing instruction and provide a short example."
},
"tech_failure_skip_check_escalate_with_context": {
diagnosis: 82,
efficiency: 76,
support: 84,
tone: "Cautious",
title: "Escalation may be appropriate",
body: "If this is truly a technical failure, escalation can be the right move. The key is to include enough context so the next team can act instead of restarting the investigation.",
recommendedAction: "Capture device, screen, step, error language, and what the learner already tried."
}
};
const fallbackProfiles = {
decision_aid: {
diagnosis: 78,
efficiency: 84,
support: 88,
tone: "Useful",
title: "Useful support path",
body: "A decision aid can help the learner continue without overloading the moment. Make sure the aid is tied to the actual signal, not just a generic reminder.",
recommendedAction: "Create a short field-ready guide for the specific condition."
},
escalate_with_context: {
diagnosis: 74,
efficiency: 66,
support: 78,
tone: "Cautious",
title: "Escalation needs context",
body: "Escalation can be useful, but only if the learner or support team captures the right details. Without context, escalation just moves confusion to another team.",
recommendedAction: "Document the exact mismatch before escalating."
},
full_restart: {
diagnosis: 46,
efficiency: 28,
support: 36,
tone: "Redirect",
title: "Avoid restarting by default",
body: "Sending someone back through a full experience can feel like punishment if they only need targeted help. Use full restart only when the foundation is clearly missing.",
recommendedAction: "Use targeted support before assigning a full restart."
}
};
const profile = pathProfiles[pathKey] || fallbackProfiles[actionChoice] || fallbackProfiles.decision_aid;
player.SetVar("troubleshootingPath", pathKey);
player.SetVar("diagnosisScore", profile.diagnosis);
player.SetVar("efficiencyScore", profile.efficiency);
player.SetVar("supportFitScore", profile.support);
player.SetVar("feedbackTone", profile.tone);
player.SetVar("feedbackTitle", profile.title);
player.SetVar("feedbackBody", profile.body);
player.SetVar("recommendedAction", profile.recommendedAction);
Nota reka bentuk
Kekalkan ia beroperasi.
Corak penyelesaian masalah paling berguna apabila ia terasa seperti sokongan dalam aliran kerja. Gunakan bahasa praktikal, langkah pendek, dan titik keputusan yang jelas. Jangan buat pelajar membaca novel sebelum mereka boleh bertindak.
Idea penyesuaian
- Tambahkan tangkapan skrin atau contoh visual pada setiap langkah.
- Gunakan keyakinan pelajar sebagai input tambahan.
- Cabang kepada bantuan sokongan yang berbeza berdasarkan laluan akhir.
- Biarkan pelajar membandingkan laluan mereka dengan laluan pakar.
- Gunakan corak ini sebagai alternatif ringan kepada SOP statik.
Makmal Reka Bentuk
Bina sokongan yang membantu orang bergerak ke hadapan.
Gunakan corak ini apabila momen pembelajaran sebenarnya adalah momen sokongan prestasi: pelajar perlu mendiagnosis, memutuskan, dan bertindak dengan lebih jelas.
Kembali ke Design Lab