دليل
ما السرد التفاعلي؟ دليل عملي
السرد التفاعلي طريقة لعرض القصة على الويب يتحكم فيها تفاعل القارئ — غالبًا التمرير — فيما يراه. تتبدل الصور وتقترب الخرائط وتتقدم الخطوط الزمنية وتعمل الوسائط مع تقدّم السرد، فتتحول القصة إلى تجربة يتنقل فيها القارئ بإيقاعه الخاص.
آخر تحديث:
ما القصة التفاعلية؟
تجمع القصة التفاعلية بين الكتابة ومرئيات تستجيب للقارئ. فبدلًا من التمرير عبر تسلسل ثابت من الفقرات والصور، يتقدّم القارئ في القصة خطوة بخطوة، وكل خطوة تغيّر الشاشة لتعرض الصورة أو الرسم البياني أو الخريطة أو الفيديو المناسب في اللحظة المناسبة.
- القارئ يتحكم في الإيقاع، غالبًا بالتمرير.
- تبقى المرئيات على الشاشة وتتغير بالتزامن مع النص.
- القصة مصممة للويب، وتتكيف مع الهواتف والأجهزة اللوحية وأجهزة سطح المكتب.
- الأدلة — الصور والفيديو والخرائط والخطوط الزمنية والبيانات — جزء من السرد، لا ملحق به.
السرد التفاعلي مقارنة بالسرد التقليدي
كلا الشكلين يروي قصة؛ والفرق في طريقة عيش القارئ لها.
| الجانب | مقال ويب تقليدي | قصة تفاعلية |
|---|---|---|
| الإيقاع | ثابت: يمرّر القارئ عبر النصوص والصور | موجّه: كل خطوة تمرير تكشف اللحظة التالية |
| المرئيات | صور موضوعة بين الفقرات | صور وفيديو تبقى على الشاشة وتتغير مع النص |
| البنية | كتل نصية متتابعة | فصول ومشاهد وخطوات، غالبًا مع خطوط زمنية |
| الأدلة والبيانات | تُعرض منفصلة أو عبر روابط | مندمجة في السرد بالتكبير والإطارات والخرائط |
| الأجهزة | تخطيط واحد يعاد ترتيبه | تخطيطات وصور مصممة لكل حجم شاشة |
أبرز تقنيات السرد التفاعلي
الخلفيات الثابتة (السرد بالتمرير)
تبقى صورة أو فيديو بملء الشاشة مثبتة بينما تمرّ بطاقات النص فوقها، فيقرأ القارئ ويشاهد في الوقت نفسه.
إطارات التمرير
تتبدل سلسلة من الصور بتلاشٍ ناعم مع التمرير. وربط كل صورة ببطاقة النص الخاصة بها يحوّل السلسلة إلى خط زمني مرئي.
التحريك والتكبير
تُستكشف صورة كبيرة واحدة — خريطة أو مخطط أو خط زمني — بالانتقال والتكبير من نقطة إلى أخرى أثناء القراءة.
حركات الظهور
تظهر النصوص والصور والأرقام بتلاشٍ أو انزلاق أو عدّ تصاعدي عند الوصول إليها، فتجذب الانتباه إلى ما يهم تاليًا.
الوسائط المضمّنة
يعمل الفيديو والصوت والتضمينات مثل الخرائط داخل القصة، فلا يضطر القارئ إلى مغادرة الصفحة.
كيف تصنع قصة تفاعلية، خطوة بخطوة
- 1
حدّد القصة ولحظاتها الأساسية
اكتب السرد أولًا، وحدّد اللحظات التي يجب أن يتغير فيها المرئي: صورة جديدة أو مكان أو تاريخ أو رقم.
- 2
اجمع وسائطك وجهّزها
اجمع الصور والفيديو والصوت لكل لحظة. جهّز صورًا عريضة (أفقية) لسطح المكتب، ونسخًا طويلة (عمودية) للهواتف حيث يهم ذلك.
- 3
ابدأ من قالب أو من قصة فارغة
في StoryFlowBuilder، افتح قالبًا — خبر أو شرح مبسّط أو تحقيق أو بورتريه أو مقال مصوّر أو جولة إرشادية أو خط زمني — أو ابدأ بمساحة فارغة، وسمِّ قصتك.
- 4
ابنِ الأقسام وبطاقات النص
أنشئ قسمًا لكل فصل، وأضف بطاقات النص والوسائط، ورتّبها على لوحة العمل.
- 5
أضف مؤثرات التمرير والحركات
فعّل الخلفيات الثابتة، وأضف إطارات تمرير مرتبطة ببطاقاتها أو مسار كاميرا للتحريك والتكبير، واختر حركات الظهور.
- 6
تحقّق من كل أحجام الشاشات
عاين تخطيطات سطح المكتب والجهاز اللوحي والهاتف، وعدّل أي عنصر يحتاج حجمًا أو موضعًا مختلفًا على الشاشات الأصغر.
- 7
صدّر قصتك وانشرها
صدّر حزمة HTML5 مستقلة وارفعها إلى موقعك أو نظام إدارة المحتوى أو أي استضافة ثابتة. واحتفظ بالمصدر القابل للتحرير لتحديث القصة لاحقًا.
ما StoryFlowBuilder؟
StoryFlowBuilder محرر يعمل في المتصفح دون برمجة، صُمّم لهذا المسار تحديدًا. كل تقنية مما سبق إعداد في لوحة: الخلفيات الثابتة وإطارات التمرير والتحريك والتكبير والحركات والتخطيطات المتجاوبة واللغات التي تُكتب من اليمين. وتُصدَّر القصص ملفات ويب قياسية تملكها وتستضيفها أينما شئت.
اطّلع على كل مزايا StoryFlowBuilder →من يستخدم القصص التفاعلية؟
تُستخدم القصص التفاعلية حيثما يهم الفهم: غرف الأخبار التي تنشر التحقيقات والشروح، والمنظمات والباحثون الذين يعرضون التقارير والأدلة الميدانية، والمعلمون الذين يبنون دروسًا موجّهة، والعلامات التجارية والمؤسسات الثقافية التي تطلق الحملات والمعارض.
تعرّف أكثر إلى StoryFlowBuilder →