تخطَّ إلى المحتوى الرئيسي

دليل

ما السرد التفاعلي؟ دليل عملي

السرد التفاعلي طريقة لعرض القصة على الويب يتحكم فيها تفاعل القارئ — غالبًا التمرير — فيما يراه. تتبدل الصور وتقترب الخرائط وتتقدم الخطوط الزمنية وتعمل الوسائط مع تقدّم السرد، فتتحول القصة إلى تجربة يتنقل فيها القارئ بإيقاعه الخاص.

آخر تحديث:

ما القصة التفاعلية؟

تجمع القصة التفاعلية بين الكتابة ومرئيات تستجيب للقارئ. فبدلًا من التمرير عبر تسلسل ثابت من الفقرات والصور، يتقدّم القارئ في القصة خطوة بخطوة، وكل خطوة تغيّر الشاشة لتعرض الصورة أو الرسم البياني أو الخريطة أو الفيديو المناسب في اللحظة المناسبة.

  • القارئ يتحكم في الإيقاع، غالبًا بالتمرير.
  • تبقى المرئيات على الشاشة وتتغير بالتزامن مع النص.
  • القصة مصممة للويب، وتتكيف مع الهواتف والأجهزة اللوحية وأجهزة سطح المكتب.
  • الأدلة — الصور والفيديو والخرائط والخطوط الزمنية والبيانات — جزء من السرد، لا ملحق به.

السرد التفاعلي مقارنة بالسرد التقليدي

كلا الشكلين يروي قصة؛ والفرق في طريقة عيش القارئ لها.

السرد التفاعلي مقارنة بالسرد التقليدي
الجانبمقال ويب تقليديقصة تفاعلية
الإيقاعثابت: يمرّر القارئ عبر النصوص والصورموجّه: كل خطوة تمرير تكشف اللحظة التالية
المرئياتصور موضوعة بين الفقراتصور وفيديو تبقى على الشاشة وتتغير مع النص
البنيةكتل نصية متتابعةفصول ومشاهد وخطوات، غالبًا مع خطوط زمنية
الأدلة والبياناتتُعرض منفصلة أو عبر روابطمندمجة في السرد بالتكبير والإطارات والخرائط
الأجهزةتخطيط واحد يعاد ترتيبهتخطيطات وصور مصممة لكل حجم شاشة

أبرز تقنيات السرد التفاعلي

الخلفيات الثابتة (السرد بالتمرير)

تبقى صورة أو فيديو بملء الشاشة مثبتة بينما تمرّ بطاقات النص فوقها، فيقرأ القارئ ويشاهد في الوقت نفسه.

إطارات التمرير

تتبدل سلسلة من الصور بتلاشٍ ناعم مع التمرير. وربط كل صورة ببطاقة النص الخاصة بها يحوّل السلسلة إلى خط زمني مرئي.

التحريك والتكبير

تُستكشف صورة كبيرة واحدة — خريطة أو مخطط أو خط زمني — بالانتقال والتكبير من نقطة إلى أخرى أثناء القراءة.

حركات الظهور

تظهر النصوص والصور والأرقام بتلاشٍ أو انزلاق أو عدّ تصاعدي عند الوصول إليها، فتجذب الانتباه إلى ما يهم تاليًا.

الوسائط المضمّنة

يعمل الفيديو والصوت والتضمينات مثل الخرائط داخل القصة، فلا يضطر القارئ إلى مغادرة الصفحة.

كيف تصنع قصة تفاعلية، خطوة بخطوة

  1. 1

    حدّد القصة ولحظاتها الأساسية

    اكتب السرد أولًا، وحدّد اللحظات التي يجب أن يتغير فيها المرئي: صورة جديدة أو مكان أو تاريخ أو رقم.

  2. 2

    اجمع وسائطك وجهّزها

    اجمع الصور والفيديو والصوت لكل لحظة. جهّز صورًا عريضة (أفقية) لسطح المكتب، ونسخًا طويلة (عمودية) للهواتف حيث يهم ذلك.

  3. 3

    ابدأ من قالب أو من قصة فارغة

    في StoryFlowBuilder، افتح قالبًا — خبر أو شرح مبسّط أو تحقيق أو بورتريه أو مقال مصوّر أو جولة إرشادية أو خط زمني — أو ابدأ بمساحة فارغة، وسمِّ قصتك.

  4. 4

    ابنِ الأقسام وبطاقات النص

    أنشئ قسمًا لكل فصل، وأضف بطاقات النص والوسائط، ورتّبها على لوحة العمل.

  5. 5

    أضف مؤثرات التمرير والحركات

    فعّل الخلفيات الثابتة، وأضف إطارات تمرير مرتبطة ببطاقاتها أو مسار كاميرا للتحريك والتكبير، واختر حركات الظهور.

  6. 6

    تحقّق من كل أحجام الشاشات

    عاين تخطيطات سطح المكتب والجهاز اللوحي والهاتف، وعدّل أي عنصر يحتاج حجمًا أو موضعًا مختلفًا على الشاشات الأصغر.

  7. 7

    صدّر قصتك وانشرها

    صدّر حزمة HTML5 مستقلة وارفعها إلى موقعك أو نظام إدارة المحتوى أو أي استضافة ثابتة. واحتفظ بالمصدر القابل للتحرير لتحديث القصة لاحقًا.

ما StoryFlowBuilder؟

StoryFlowBuilder محرر يعمل في المتصفح دون برمجة، صُمّم لهذا المسار تحديدًا. كل تقنية مما سبق إعداد في لوحة: الخلفيات الثابتة وإطارات التمرير والتحريك والتكبير والحركات والتخطيطات المتجاوبة واللغات التي تُكتب من اليمين. وتُصدَّر القصص ملفات ويب قياسية تملكها وتستضيفها أينما شئت.

اطّلع على كل مزايا StoryFlowBuilder →

من يستخدم القصص التفاعلية؟

تُستخدم القصص التفاعلية حيثما يهم الفهم: غرف الأخبار التي تنشر التحقيقات والشروح، والمنظمات والباحثون الذين يعرضون التقارير والأدلة الميدانية، والمعلمون الذين يبنون دروسًا موجّهة، والعلامات التجارية والمؤسسات الثقافية التي تطلق الحملات والمعارض.

تعرّف أكثر إلى StoryFlowBuilder →