دعوا الفيديو يوضّح ما يصعب شرحه بالكلمات.
الطاولة تُفتح، والمزلاج يتحرك، والمنتج يُستخدم. نجعل الفيديو أسهل تشغيلًا ومتابعة، ونحافظ على فائدة الصفحة حتى قبل أن يضغط الزائر على زر التشغيل.
امنحوا الزائر سببًا للضغط على زر التشغيل.
تخيّل متجر أثاث يبيع طاولة قابلة للتمديد. تُظهر الصورة الثابتة الخشب والشكل. أما الفيديو المفيد فيجيب عن سؤال آخر: كيف تُفتح الطاولة، وماذا ينبغي للمشتري أن يفعل؟
اختاروا صورة معاينة تُظهر المنتج الفعلي، ووضّحوا ما الذي يشرحه العرض. أبقوا المقاسات والسعر وسائر معلومات الشراء متاحة كنص. لا ينبغي أن يضطر الزائر إلى مشاهدة فيديو لمجرد معرفة ما إذا كانت الطاولة تناسب المساحة المتاحة.
رسم توضيحي: تُعرّف المعاينة بالطاولة، ويُظهر العرض طريقة تمديدها.
اقرأ شرح الفيديو
اعرض ما تعجز الكلمات عن توضيحه. الصورة تُظهر الشكل. والحركة توضّح طريقة العمل.
أظهر التغيير. دع الحركة تشرح الفكرة. اسحب نصفي الطاولة إلى الخارج. ضع لوح التوسعة. أظهر النتيجة. الطاولة نفسها. مساحة أكبر.
اقترب من التفاصيل. تفصيل صغير قد يوضّح الفكرة كلها. المزلاج يثبت في مكانه. وجّه النظر إلى ما يوضّح الفكرة.
امنح المشاهد سببًا للمتابعة. أظهر من البداية ما سيستفيده المشاهد. النتيجة الواضحة تمنح الحركة هدفًا. هكذا تحصل على مساحة أكبر.
اشرح حتى دون صوت. اجعل الفكرة واضحة للعين. اسحب نصفي الطاولة إلى الخارج. ضع لوح التوسعة. أغلق المزلاج قبل الاستخدام.
اختر الفيديو عندما يوضّح الفكرة. أظهر التغيير. أظهر التفاصيل. وضّح الفكرة.
حدّدوا متى يبدأ الانتظار.
بطء الصفحة وتأخر بدء الفيديو يحتاجان إلى فحصين مختلفين. اختبروا الأمرين على الهاتف نفسه والاتصال نفسه، مع إبقاء بقية الصفحة ظاهرة.
قبل أن يبدأ المشاهد تشغيل الفيديو
في العروض التي يختار الزائر مشاهدتها، استخدموا صورة معاينة بحجم مناسب وتجنّبوا تنزيل الفيديو كاملًا قبل الحاجة إليه. ويمكن للمعاينة التي تحمّل المشغّل عند النقر أن تؤجّل تحميل مشغّل خارجي ثقيل. افحصوا طلبات الشبكة الفعلية؛ فإرشادات التحميل المسبق لا تضمن ما سينزّله المتصفح. راجعوا دليل web.dev لتحميل الفيديو.
بعد أن يبدأ المشاهد تشغيل الفيديو
افحصوا مدة الانتظار حتى تظهر أول صورة متحركة، ثم ابحثوا عن التوقفات والتفاصيل الضبابية وأدوات التحكم الصعبة. قلّلوا البيانات غير الضرورية دون فقدان الحركة أو تفاصيل المنتج التي أُعدّ الفيديو لإظهارها. احجزوا مساحة الفيديو مسبقًا حتى لا يدفع تشغيله المعلومات المحيطة إلى مكان آخر.
أظهروا الخطوة التي قد تفوت المشاهد.
في مثال الطاولة الافتراضي، يقع المزلاج تحت الحافة. وقد تُخفي اللقطة البعيدة الجزء الذي يحتاج العميل إلى رؤيته تحديدًا. انتقلوا إلى لقطة مقرّبة، وأظهروا الحركة بوضوح، واتركوا اللقطة وقتًا يكفي لمتابعتها.
أضيفوا نصوصًا دقيقة للتعليمات المنطوقة، متزامنة مع الحركة. واشرحوا أيضًا الخطوات البصرية الأساسية؛ فعبارة «حرّكوا المزلاج أسفل الحافة» أوضح من «حرّكوا هذا». وقد يتطلب المحتوى تقديم هذا الشرح بصوت مسموع أيضًا. افحصوا التحكم بلوحة المفاتيح والإيقاف المؤقت وأدوات عرض النصوص المصاحبة. استخدموا إرشادات W3C لإتاحة الوسائط للجميع لتحديد ما يحتاجه الفيديو.
رسم توضيحي: تجعل اللقطة المقرّبة المزلاج وحركته واضحين.
اختاروا الحل بحسب المهمة التي يؤديها.
هل ينبغي أن نستضيف ملف الفيديو بأنفسنا؟
يمكن لخدمة الفيديو تولّي التوزيع وتقديم وظائف تشغيل مفيدة، لكن تضمين مشغّلها قد يضيف تنزيلات وبرامج نصية إلى الصفحة. يتيح تقديم الملف مباشرة التحكم في طريقة عرضه، ويجعلكم مسؤولين عن الملفات المناسبة والنصوص المصاحبة وأدوات التحكم. قارنوا الوظائف المطلوبة والسلوك المقاس لكل خيار.
هل يحلّ ملف أصغر المشكلة؟
قد يساعد ذلك إذا كان السبب هو زيادة بيانات الفيديو. لكنه لا يصلح معاينة مبهمة أو نصوصًا مصاحبة مفقودة أو مشغّلًا صعب الاستخدام. وقد تؤخّر صورة معاينة كبيرة ظهور الشاشة الأولى، بينما قد يضيف المشغّل المضمّن برامج نصية أو يحرّك تخطيط الصفحة. حدّدوا السبب قبل استبدال المشغّل أو ضغط الملف مجددًا.
كيف نعرف أن التغيير أفاد؟
كرّروا المهمة نفسها قبل التعديل وبعده. قارنوا تحميل الصفحة والانتظار بعد الضغط على التشغيل والانقطاعات والتفاصيل الظاهرة على الهاتف. ثم اطلبوا من شخص لا يعرف المنتج أن يشرح الخطوة التي شاهدها. لا تفيد سرعة التشغيل إلا عندما يفهم المشاهد ما يراه.
قدّموا للعملاء فيديو يفهمونه.
أرسلوا الصفحة ومصدر الفيديو. أخبرونا بما يحتاج المشاهد إلى تعلّمه، وأين يظهر الانتظار أو الالتباس، وعلى أي جهاز. عندها نستطيع تحديد الجزء الذي يحتاج إلى تحسين.