One training deck, two ways to learn it
The deck: six slides on how a manager gives feedback, the kind of content most training arrives as. The activity: the same material rebuilt as a branching conversation with consequences, a sorting exercise, and a debrief. It is entirely in Arabic and built for a phone first. Try it.
Sample content is synthetic: a fictional team and manager, written for this demo. No real company, regulation or statistic appears.
After: the activity 3 decisions, 1 exercise, 1 debrief
Tap the choices. Drag the cards, or tap a card and then a box.
Before: the deck 6 slides, bullet text
محادثة التغذية الراجعة الفعالة
- ورشة مهارات الإدارة
- الوحدة الثالثة
- المدة: 45 دقيقة
1 / 6
أهداف الوحدة
- التمييز بين الملاحظة والحكم
- اختيار افتتاحية مناسبة للمحادثة
- إغلاق المحادثة باتفاق واضح
2 / 6
ما التغذية الراجعة؟
- معلومات عن سلوك محدد وأثره
- هدفها تحسين الأداء لا إصدار الأحكام
- تُقدَّم في وقتها وفي مكان مناسب
3 / 6
ملاحظة أم حكم؟
- الملاحظة: سلوك يمكن التحقق منه
- الحكم: صفة عامة في الشخص
- مثال: «تأخر تقريران» لا «غير ملتزم»
4 / 6
خطوات المحادثة
- صف السلوك وتاريخه
- اسأل عن السبب واستمع
- اتفق على خطوة محددة وموعد متابعة
5 / 6
أخطاء شائعة
- التعميم: «دائمًا» و«أبدًا»
- التلطيف الذي يُلغي الموضوع
- إنهاء المحادثة بلا اتفاق
6 / 6
Read once, remembered rarely. The learner is told the difference between an observation and a judgment, but never has to make one.
What changed, and why
- The learner plays the manager. Each decision is a sentence they might actually say, and Faisal answers the way a real colleague would. The consequence lands before the explanation does.
- A trust meter instead of a right-or-wrong buzzer. Feedback conversations are won or lost on trust, so that is the number that moves. A poor opening can still be recovered at decision two, which is how it works in the room.
- Slide 4 became a hand exercise. The deck states the observation-versus-judgment distinction; the activity makes the learner sort six statements, by drag or by tap, and shows what they got wrong.
- The debrief shows the path, not only the score. Each decision is replayed next to the better choice, then three principles the learner can carry into Sunday's one-to-one.
How it is built
- Arabic first, not translated. Modern Standard Arabic in a workplace register, Western digits (0-9), and dir="rtl" on the activity so every bar, bubble and drag direction mirrors correctly.
- One web page, no backend. Plain HTML, CSS and JavaScript, no framework and no server. It opens from a link or inside an LMS iframe, on any phone.
- Touch-native drag. Pointer events with a tap-to-place fallback and keyboard support, because HTML5 drag-and-drop does not fire on most phones.
- Built with Claude Code from a short brief: the content model, the branching graph and the self-test below were written in one session. A structural self-test runs on every load and reports its result in the footer.