Pilihan yang berat dengan penilaian
Gunakan apabila beberapa pilihan boleh dipertahankan, tetapi setiap satu mencipta akibat operasi yang berbeza.
Corak Reka Bentuk Lab
Decision Tradeoff Visualizer
Corak interaksi yang boleh digunakan semula yang membantu pelajar membandingkan keputusan yang mungkin dengan menunjukkan bagaimana setiap pilihan mempengaruhi kelajuan, kejelasan, risiko, kepercayaan, dan usaha.
Akibat yang jelas
Pelajar melihat pertukaran bukannya menerima respons yang betul atau salah yang mudah.
HTML/CSS/JS
Berfungsi sebagai interaksi web berdiri sendiri, sumber terbenam, blok Rise, atau objek web Storyline.
Kenapa corak ini wujud
Kebanyakan keputusan di tempat kerja bukanlah momen pilihan berganda yang bersih.
Dalam kerja sebenar, orang sering memilih antara pilihan yang semuanya agak munasabah. Satu pilihan mungkin cepat tetapi berisiko. Pilihan lain mungkin membina kepercayaan tetapi memerlukan lebih banyak usaha. Pilihan lain mungkin mengurangkan ketidakpastian tetapi melambatkan aliran kerja.
Decision Tradeoff Visualizer mengubah ketegangan itu menjadi momen pembelajaran. Daripada memberitahu pelajar sama ada mereka betul atau salah, ia membantu mereka melihat apa yang berubah dengan keputusan mereka.
Pratonton langsung
Pilih respons dan bandingkan pertukaran.
Senario: Seorang rakan penghantaran melaporkan bahawa arahan aplikasi tidak jelas sebelum memulakan laluan yang sensitif terhadap masa. Anda perlu memutuskan laluan sokongan apa yang ingin disyorkan.
Senario
Keputusan sokongan
Apa yang akan anda syorkan terlebih dahulu?
Individu sudah bersedia untuk memulakan, tetapi mereka tidak pasti arahan aplikasi mana yang terpakai. Laluan ini sensitif terhadap masa, dan meneka boleh menyebabkan kekeliruan di kemudian hari.
Pilihan seimbang
Jelas sebelum bertindak
Pilihan ini menambah sedikit jeda, tetapi ia meningkatkan kejelasan dan mengurangkan risiko memberikan panduan berdasarkan andaian yang salah.
Kelajuan
68
Kejelasan
92
Kawalan risiko
86
Kepercayaan
88
Kesuaian usaha
74
Nota bimbingan
Sokongan yang berguna sering bermula dengan mengurangkan ketidakpastian. Soalan penjelasan boleh mengelakkan jawapan cepat daripada menjadi mahal.
Nota reka bentuk
Gunakan ini apabila matlamat pembelajaran adalah penilaian yang lebih baik, bukan ingatan jawapan.
Jadikan pertukaran itu nyata.
Gunakan dimensi yang penting dalam kerja sebenar, seperti risiko, kepercayaan, kualiti, kelajuan, usaha, keyakinan, atau impak pelanggan.
Elakkan keseimbangan palsu.
Tidak semua pilihan perlu sama sah. Beberapa pilihan boleh lebih lemah, tetapi maklum balas harus menerangkan mengapa.
Bimbing logik keputusan.
Tujuannya bukan untuk memberi ganjaran kepada pelajar dengan skor. Tujuannya adalah untuk menunjukkan apa yang berubah dengan keputusan mereka.
Cara untuk menyesuaikannya
Tukar senario, pilihan, metrik, dan nota bimbingan.
Sesuaikan corak ini untuk keputusan kepimpinan, sokongan pelanggan, keselamatan, pengenalan, penyelesaian masalah, aplikasi dasar, perbualan bimbingan, atau triage operasi.
Tulis senario
Cipta momen di mana lebih daripada satu pilihan terasa plausible.
Pilih dimensi
Pilih 4 hingga 6 dimensi pertukaran yang penting dalam aliran kerja.
Skor setiap keputusan
Berikan setiap pilihan profil yang berbeza supaya akibatnya menjadi jelas.
Bimbing logik
Terangkan logik keputusan, bukan hanya hasilnya.
Blok permulaan
HTML, CSS, dan JavaScript yang boleh disalin.
Gunakan blok permulaan ini sebagai corak ringan untuk interaksi keputusan berasaskan senario anda sendiri.
<div class="tradeoff-widget" data-tradeoff-widget>
<div class="tradeoff-question">
<p>Scenario</p>
<h3>What would you recommend first?</h3>
</div>
<div class="tradeoff-options">
<button type="button" data-choice="quick">Give a quick answer so they can keep moving.</button>
<button type="button" data-choice="verify">Ask one clarifying question first.</button>
<button type="button" data-choice="escalate">Escalate immediately.</button>
</div>
<div class="tradeoff-feedback">
<h4 data-title>Clarify before acting</h4>
<p data-body>This choice adds a small pause, but improves clarity and reduces risk.</p>
<div class="tradeoff-bars">
<div class="bar" data-metric="speed"><span>Speed</span><strong>68</strong><div><i style="width:68%"></i></div></div>
<div class="bar" data-metric="clarity"><span>Clarity</span><strong>92</strong><div><i style="width:92%"></i></div></div>
<div class="bar" data-metric="risk"><span>Risk control</span><strong>86</strong><div><i style="width:86%"></i></div></div>
</div>
</div>
</div>Makmal Reka Bentuk
Bina interaksi yang memudahkan pemahaman keputusan.
Gunakan corak ini apabila pelajar perlu membandingkan akibat, bukan menghafal jawapan yang sempurna.
Kembali ke Design Lab