كيفية جعل Screencast لموقع الويب الخاص بك
يمكن أن يؤدي توفر مقطع فيديو على موقعك على الويب إلى تحسين كبير في معدل التحويل. سواء كان الهدف هو أن يقوم المستخدمون بالاشتراك في تطبيق الويب الخاص بك أو لمجرد جعل المستخدمين يتصلون بك عبر نموذج ويب ، يحسن الفيديو من احتمال حدوث ذلك.
لا يلزمك سوى الانتقال إلى الصفحة الرئيسية لأي بدء تشغيل جديد يستند إلى الإنترنت ، وستشاهد مقطع فيديو مضمنًا يحتوي على عبارة تحث المستخدم على اتخاذ إجراء كبيرة جدًا ، مما يحثك على تشغيل مقدمة الفيديو لمدة دقيقتين أو ثلاث دقائق.
غالبًا ما يتم استدعاء مقاطع الفيديو التي توضح تطبيقات الويب أو الخدمات المستندة إلى الويب قطات للشاشة لأنهم عادة ما يلتقطون الأحداث على موقع الشركة. يمكن أن تلخص هذه اللقطات الشفافة في دقيقتين فقط ما قد يستوعبه صفحات عديدة لشرحها ، لذلك فهي تقدم إضافات قوية إلى مواقع الويب.
هل من السهل صنع screencast؟ كم تكلف ، وما هي الأدوات المطلوبة؟ دعونا نجيب على هذه الأسئلة.
صنع Screencast الخاصة بك
لنفترض أن لديك تطبيق ويب أو خدمة عبر الإنترنت للترويج. تريد إنشاء screencast لإثبات ما يفعل. فيما يلي بعض النصائح للبدء.
تخطيط
كما هو الحال مع أي شيء ، فإن التخطيط أمر ضروري. لذا ، قبل أن تفعل أي شيء آخر ، قم بتخطيط screencast الخاص بك بعناية فائقة . النظر في الأسئلة التالية:
- ما هي الرسالة العامة التي تريد أن ينقلها الفيديو؟
- كم يجب أن يكون الفيديو؟
- هل يجب أن يكون الفيديو عبارة عن نظرة عامة سريعة عن منتجك ، أو عرضًا مؤقتًا تفصيليًا غير رسمي؟
- هل تريد أن يكون الفيديو شخصيًا ، مع تعليق صوتي ودي ، أو هل تفضل التمسك بالموسيقى والعناوين؟
غالباً ما تأخذ البرامج التعليمية شكل screencast غير رسمي. عادةً ما تكون screencasts غير مكتوبة ولكن تتبع لوحة القصة الأساسية. مزايا هذا هي أن المنتج الخاص بك سيتم تقديمه بطريقة ودية ويمكن أن تكون هذه screecasts سريعة لإنتاج. كما أنها أكثر إفادة وتعليمية في إظهار كيفية عمل المنتج.
تتمثل العيوب في أنها يمكن أن تبدو غير محترفة ويمكن أن تكون طويلة جدًا وأقل جذبًا للزائرين. ومرةً أخرى ، سيساعدك تخطيط موقع الفيديو (على سبيل المثال ، قسم المساعدة أو الصفحة الأمامية) والرسالة التي تريد نقلها في تحديد النهج الذي يجب اتباعه.
لنفترض أنك تريد إنشاء نص برمجي قصير ومحفوظ جيدًا.
القصة المصورة
بعد أن تضع بعض الأفكار في المظهر العام للفيديو ، اخرج مفكرتك المضمونة وقلمك ورسم لوحة مصورة. لوحة القصة عبارة عن تمثيل تقريبي لمقطع screencast ويمكن استخدامه كمخطط زمني عام للمشاهد. سيعالج كل مشهد جانبًا مختلفًا من منتجك. فمثلا:
- مقدمة وملخص لخدمتك
- الميزات الرئيسية أو نقاط البيع الفريدة ؛
- شهادات من العملاء.
- مقارنة خطط التسعير أو حتى المقارنة مع المنتجات المنافسة ؛
- ملخص نهائي ، مع شعار وشعار.
إذا كان لديك الكثير لتغطيته في Screencast ، فقد يكون من المفيد كسر كل مشهد إلى مشاهد فرعية ، للسماح بمزيد من التفاصيل. لمزيد من التفاصيل في القصص المصورة الخاصة بك ، سيكون أسهل مرحلة التحرير.
خطط كل مشهد ومشهد فرعي للفيديو ، وأسفل ذلك اكتب النقاط التي ستغطيها. يمكن أن تتضمن النقاط الفرعية أمثلة لأجزاء من تطبيق الويب تريد أن ينقر عليها المستخدمون ، أو عبارات معينة قد تستخدمها في التعليق الصوتي وأي تأثيرات فيديو أو انتقالات تطلبها.
ستساعدك لوحة العمل الخاصة بك في المحافظة على التنظيم طوال العملية بأكملها ، وإذا ضاعت في أي وقت أثناء إنتاج الفيديو ، فستعيدك لوحة العمل إلى المسار الصحيح.
برنامج Voiceover Script
إذا كنت لا تخطط للحصول على تعليق صوتي (على الرغم من أنه سيساعدك بالتأكيد) ، يمكنك تخطي هذه الخطوة.
بمجرد رسم لوحة العمل الخاصة بك ، يمكنك البدء في كتابة نص التعليق الصوتي الخاص بك. على ورقة أخرى ، اكتب عناوين لكل مشهد ، ثم قم بكتابة كل مشهد بناءً على النقاط التي كتبتها في وقت سابق.
تأكد من ترك مساحة للتغييرات ، لأنك قد ترغب في ضبط النص البرمجي عندما تحصل على تسجيل التعليق الصوتي.
البرامج الصحيحة
الخطوة التالية هي تسجيل وإنتاج الفيديو. سوف تحتاج إلى الأدوات التالية.
برنامج تصوير الشاشه
توجد العديد من تطبيقات التقاط الشاشة ، بعضها مجاني ومفتوح المصدر ، والبعض الآخر يجب عليك دفع ثمنها.
Screenium ، المتاحة من Synium ، هو تطبيق يستند إلى Mac OS X سهل الاستخدام ويحتوي على العديد من الميزات. يكلف البرنامج $ 29.00 ويمكن تنزيله عبر الإنترنت.
جينغ هي أداة مجانية تستند إلى الويب تسمح لك بالتقاط أحداث الشاشة ومشاركتها على الويب. يتوفر جهاز كمبيوتر شخصي كامل أو إصدار Mac متاح مقابل 14.95 دولارًا سنويًا.
وتشمل التطبيقات الأخرى المصدر المفتوح كام ستوديو ، انا اريك لماك و Adobe أسر .
برامج تحرير الأفلام
أنت لا تحتاج إلى عدد كبير من الميزات لتحرير screencasts. عادة ما تكون حزم التحرير البسيطة التي تأتي مجمعة في نظام التشغيل الخاص بك كافية.
إذا كان لديك جهاز Mac ، فلن تبحث أكثر من iMovie. بخلاف ذلك ، يمكنك استخدام أي تطبيق رقمي لتحرير الفيديو مثل Premier Pro أو Final Cut أو حتى Windows Movie Maker.
بعض ميزات التحرير المفيدة هي:
- التحولات (أو "المسحات") بين المشاهد ؛
- تصدير إلى تنسيقات الويب
- تغيير سرعة المشابك
- تسجيل تعليقات صوتية في التطبيق.
تحتوي الإصدارات الحديثة من iMovie (الإصدار 8+) على الميزات المذكورة أعلاه.
خلفيه موسيقية
تحتاج شاشة screencast إلى مستوى عالٍ من تفاعل المستخدمين . يمكن أن تساعد الموسيقى في تحقيق ذلك ، خاصةً إذا كانت ذات صلة بالمقطع الرقمي. ستعرف أسلوب الموسيقى لاستخدامه بناءً على جمهورك.
تأكد من أن لديك الحق القانوني في استخدام الموسيقى التي تختارها. تقدم بعض الموارد المفيدة عبر الإنترنت موسيقى خلفية خالية من الحقوق (عادة ما تكون كلاسيكية) ، وبعضها يبيع أقراص مدمجة للموسيقى الخلفية التي قد تكون مناسبة ؛ الدفع المسارات الفريدة و الملوك الموسيقى الحرة .
تعد الموسيقى ، بالطبع ، اختيارية تمامًا ، لأنه يمكنك جذب المستخدمين بطرق أخرى.
يمكنك الآن تسجيل الفيديو من خلال مخططك العام ولوحة القصة المصورة والنص البرمجي الصوتي والبرمجيات.
تسجيل الفيديو
لغرض هذه المقالة ، سنفترض أنك تستخدم تطبيق التقاط سطح المكتب مثل Screenium و iMovie للتحرير.
ابدأ بالتقاط المشاهد حسب ترتيب لوحة العمل. نظرًا لأنك ستحرر الفيديو لاحقًا ، يمكنك متابعة التسجيل حتى تحصل على النتيجة المثالية.
- التقط جزءًا من الشاشة ، وليس الشاشة بأكملها. سيؤدي هذا إلى إبقاء الفيديو مرتبكًا (من خلال شريط المهام أو شريط المهام ، على سبيل المثال) ، ولن تضطر إلى اقتصاص الفيديو لاحقًا.
- تريد إجراءات سلسة وواضحة ودقيقة عند التسجيل. حافظ على حركة الماوس إلى الحد الأدنى ، وتأكد من أن نقرات الماوس الخاصة بك واضحة. قد يحتوي تطبيق التسجيل الخاص بك على ميزة حيث ينقر الماوس الخاص بك على مساعدة مرئية ، والتي يمكن أن تكون مفيدة.
- احتفظ بنص التعليق الصوتي أمامك ، وتخيّل النص البرمجي الذي يتم نطقه أثناء تسجيل إجراءات الماوس. سيساعد ذلك في تحديد التوقيت عند الوصول إلى التعديل لاحقًا.
- قم بمطابقة اسم الملف لكل مقطع باسم المشهد المناظر ، حتى تعرف مكان المقطع أثناء التحرير (على سبيل المثال 1. المقدمة ).
- اسمح بوجود فجوة في بداية ونشاط الإجراءات المسجلة. سيساعد ذلك عند قيامك بتقطيع المشابك ومع التحولات (مثل تلاشي مقطع واحد إلى التالي).
تحرير الفيديو
بمجرد حصولك على كل المقاطع المسجلة لكل مشهد ، يمكنك الانتقال إلى الجزء الممتع ، وهو التعديل.
باستخدام تطبيق تحرير الفيلم الخاص بك ، قم باستيراد كل المقاطع إلى المكتبة الخاصة بك ووضعها في الترتيب الصحيح (إذا قمت بحفظ القصاصات بأسماء ملفات متسلسلة ، فيجب أن تكون بالترتيب الصحيح بالفعل).
الخطوة التالية هي تقطيع مقاطع الفيديو الخاصة بك بحيث يكون التوقيت مناسبًا للتعليق الصوتي ، ثم يتم إسقاطها في المخطط الزمني.
أفضل طريقة للحصول على التوقيت الصحيح هي بدء التشغيل وقراءة النص البرمجي لهذا المشهد ؛ عندها ستعرف ما إذا كنت تريد إضافة ثانية أو ثانيتين إلى بداية المقطع أو نهايته. لا تترك الكثير من المساحة الفارغة لأن الفيديو سيعمل لفترة طويلة ويفقد تفاعل المستخدم.
حافظ على تدفق الفيديو ، وتأكد من وجود شيء دائمًا للنظر إليه أو الاستماع إليه. لمزيد من المشاهد المعقدة ، قد ترغب في ترك فجوة أطول قليلاً في النهاية قبل الانتقال ، للسماح للمستخدمين باستيعاب ما رأوه للتو.
الحيلة الأخرى هي إضافة انتقالات بين المشاهد ، والتي تحقق شيئين. أولا ، أنها مجرد تبدو باردة. ثانيًا ، يمزجون بين المشاهد التي لم تخطط للانضمام إليها. على سبيل المثال ، قد يكون لديك مشهدان متجاوران يعرضان نفس الصفحة من موقعك على الويب ، لكن موقع الماوس يقفز فجأة من مقطع إلى آخر.
سيؤدي الانتقال إلى تشويش الحركة وجعل مظهر القطع سلسًا.
أخيرًا ، اعرض العلامة التجارية لشركتك في بداية ونهاية الشاشة. ببساطة استيراد JPG عالية الدقة من شعارك في الفيلم. يحتوي بعض محرري الأفلام (مثل iMovie) على تأثير تلقائي للصورة يسمى "Ken Burns" ، والذي يقوم بمهارة تكبير أو تصغير الصورة. يجعل الفيلم الخاص بك يبدو أكثر احترافا من شأنه مع شعار ثابت مجرد الجلوس هناك في منتصف الإطار. "الكلمة الرئيسية" هي الكلمة الرئيسية ، مع ذلك: تأكد من أن جميع مؤثراتك خفية ؛ تفرط في ذلك وأنت تخاطر تبحث غير المهني.
الصوت
التعليق الصوتي ليس ضروريًا. تفلت بعض مقاطع الفيديو باستخدام طبقات العناوين فقط لتسليط الضوء على الميزات الأساسية. لكن الصوت البشري يجذب المستخدمين بشكل أفضل ويجعلهم يشعرون بأنهم يتعاملون مع منتج حقيقي مصنوع من قبل شركة حقيقية. أيضًا ، يسمح لك التعليق الصوتي بالتواصل الكثير من المعلومات حول منتجك أو خدمتك ، لأن المستخدمين سيستخدمون آذانهم وعيونهم.
لإجراء التعليق الصوتي ، ما عليك سوى توصيل ميكروفون جيد الجودة وتسجيل شخص لديه صوت جيد يقرأ النص البرمجي على كل مشهد. إن تسجيل كل مشهد على حدة هو أفضل لأنه يمكنك بعد ذلك نقل المقطع الصوتي إلى المكان المناسب بعد كل لقطة والحصول على التوقيت المثالي. تأكد من قراءة تعليقاتك الصوتية بوضوح وببطء وبابتسامة بحيث تبدو صديقة.
تصدير وتحميل الفيديو
بمجرد الانتهاء ، قم بتصدير الفيديو والاستيلاء على كوب من القهوة. يحتوي الكثير من تطبيقات تحرير الفيديو ، بما في ذلك iMovie ، على وظيفة "تصدير إلى الويب" ؛ بحيث يمكنك ببساطة اختيار التنسيق للتصدير إلى (على سبيل المثال iPhone أو YouTube). اختر جودة متوسطة إلى عالية الجودة ، بعرض لا يقل عن 600 بكسل.
عند تحميل الفيديو الخاص بك إلى مضيف الويب ، فإنه سيخضع لمزيد من الضغط: وما تضعه هو ما تخرج منه . إذا وضعت ملفًا كبير الحجم وعالي الجودة ، فسيبدو الفيديو الناتج على موقع الويب أفضل بكثير مما لو كنت قد حمّلت فيديو مضغوطًا بدرجة كبيرة بحجم أقل.
بعد قيامك بتحميل الفيديو ، يجب على الشركة المضيفة إرسال إشعار إليك بالبريد الإلكتروني عند الانتهاء من التشفير. في هذه المرحلة ، أنت جاهز تمامًا لوضع شفرة التضمين على موقع الويب الخاص بك. قد ترغب في تخصيص المشغل أولاً ؛ على سبيل المثال ، عن طريق مطابقة لون الزر "تشغيل" إلى علامتك التجارية وضبط حجم المشغل.
احفظ HTML المُحدث لشفرة التضمين ، وأنت على ما يرام!
تتبع تحويلات الأهداف
تأكد من إعداد حزمة تحليلات (مثل Google Analytics) على موقعك على الويب بحيث يمكنك معرفة المكان الذي يأتي منه الزائرون وتتبع تحويلات الأهداف .
إذا كان موقعك على الويب يدير حاليًا برنامج تحليلات وكان لديك تحويلات أهداف حالية ، فهذه فرصة مثالية لمعرفة كيف يؤثر الفيديو الجديد على هذه التحويلات. إذا كان موقعك على الويب جديدًا تمامًا ، فستكون رؤية الفرق الذي يحدثه الفيديو صعبًا ، ولكن لا يزال بإمكانك تتبع تحويلات الأهداف واستخدام البيانات لاحقًا.
قم بإعداد هدف يتبع المستخدم من الصفحة الرئيسية وصولاً إلى صفحة الفيديو (إذا كان في صفحة منفصلة) ، وصولاً إلى صفحة الاشتراك. بعد بضعة أسابيع ، راجع الإحصاءات وحلل معدل التحويل أو معدل الاشتراك.
وإذا أجريت تغييرات على الفيديو أو الصفحة - على سبيل المثال ، نقل الفيديو في مكان آخر في بنية المعلومات - فبإمكانك معرفة ما إذا كان تحويل هدفك سيتأثر بهذه التغييرات أم لا.
أمثلة على الاستخدامات الجيدة للشرائع
على thounds
على thounds يدعوك للنقر على رابط "الفيديو الترويجي" ، الذي ينقلك إلى نافذة منبثقة تحتوي على الفيديو.
يشرح الفيديو بوضوح خدمة Thounds في فيديو مدوَّن ومحرر ومنتج جيدًا مدته دقيقتان.
Bidsketch
Bidsketch تضمين فيديو YouTube الخاص به في منتصف الطريق أسفل الصفحة بعد شرح مختصر لمنتجه.
Wistia
Wistia لديه مكالمة كبيرة وواضحة لمشاهدة الفيديو لمدة 30 ثانية. يكون الفيديو في الجزء المرئي من الصفحة مرئيًا وبارزًا.
ملاحظات المفهوم
ملاحظات المفهوم لديه فيديو على الجانب الأيمن يوضح بوضوح منتجه. ومع ذلك ، لا تُعد الدعوة إلى العمل واضحة بشكل واضح.
FileShareHQ
FileShareHQ يوضح بوضوح منتجها في أربع دقائق. يقع الفيديو على صفحة "الجولة".
MakeSomeTime
MakeSomeTime يحتوي على فيديو يوضح منتجه في غضون ثلاث دقائق. تقع العبارة التي تحث المستخدم على اتخاذ إجراء في الجزء السفلي غير المرئي من الصفحة.
مشروع فقاعة
تحت ميزاته المنتج ، مشروع فقاعة يحتوي على عبارة تحث المستخدم على اتخاذ إجراء تفتح كفيديو منبثق. يتم استضافة مقطع الفيديو الذي مدته ثلاث دقائق Vzaar ، لذلك لاعب هو العلامة التجارية.
CushyCMS
CushyCMS مثال رائع لأن الفيديو الخاص به في الجزء المرئي من الصفحة ، يحتوي على عبارة واضحة تحث المستخدم على اتخاذ إجراء ويفتح في نافذة منبثقة كبيرة تعرض المنتج في غضون ثلاث دقائق .
ملحوظة
ملحوظة يوفر دعوة واضحة للعمل على يسار وصف التطبيق. يستضيف الفيديو Vimeo.
نصائح حول استخدام الفيديو على موقع الويب الخاص بك
- تعمل مقاطع الفيديو أعلاه على إشراك الزائرين بأكثر من أربع دقائق. الطول المناسب للفيديو التوضيحي هو دقيقتين إلى ثلاث دقائق ، ومن الناحية المثالية لا يزيد عن خمسة. تحتفظ بعض مواقع الويب بمقاطع الفيديو الخاصة بها بمدة تصل إلى 30 ثانية ، كما رأيت مع Wistia.
- كن حذرًا عند استضافة الفيديو الخاص بك. ينص بعض مقدمي الخدمة صراحة على أن أي مقاطع فيديو تم تحميلها إلى خدمتهم يجب أن تكون للاستخدام غير التجاري ؛ لذلك ، إذا أظهر الفيديو التابع لك منتجًا تجاريًا ، فستكون بذلك قد انتهكت بنود الخدمة الخاصة به. كذلك ، يستغرق بعض مقدمي خدمات الاستضافة وقتًا طويلاً لترميز المقاطع ، وبعض مقاطع الفيديو المعروضة بجودة منخفضة جدًا. لذلك ، إذا كنت ترغب في الحصول على خدمة سريعة وعالية الجودة ، فقد تحتاج إلى التفكير في الدفع لمضيف ممتاز.
- تأكد من فتح الفيديو بحجم لائق ، خاصة إذا كان لديك عرض توضيحي تفصيلي لمنتج ما. الحل الجيد هو تطبيق Lightbox مثل Facebox : ينقر المستخدم على زر يؤدي إلى تشغيل نافذة منبثقة يعرض فيها الفيديو الكبير. حجم جيد للفيديو هو 600 بكسل أو أوسع.
- تؤدي الدعوة الواضحة للعمل في الجزء المرئي من الصفحة إلى زيادة فرص نقر الزائرين عليها. يفضل بعض المصممين شرح المنتج أولاً ثم عرض الفيديو أدناه. إن بنية المعلومات الجيدة أمر بالغ الأهمية ، خاصة في الصفحة الرئيسية ، لذا فكر مليًا في موضعك بعناية.
- تأكد من عرض الزر "تشغيل" بوضوح على الفيديو المضمّن في حالة عدم التشغيل ، حتى يتعرف عليه الزوار على أنه مقطع فيديو. إذا كان الفيديو في نافذة منبثقة ، قم بتشغيله تلقائيًا بمجرد تنشيط النافذة المنبثقة.
مقدمي استضافة الفيديو
في ما يلي عدد قليل من مزودي استضافة الفيديو العديدة:
- موقع YouTube - الخيار الواضح. الايجابيات هي أنه مجاني ومعروف. السلبيات هي أن الجودة ليست استثنائية ، وفي بعض الأحيان تستغرق بعض الوقت تشفير مقاطع الفيديو. هناك تناقض آخر هو مدى انتشاره: إذا كنت تحاول عرض صورة احترافية وملونة ، فإن عرض مقطع فيديو على YouTube قد ينعكس بشكل ضعيف على هذه الصورة الجمالية.
- فيميو - أصبح Vimeo بشعبية كبيرة في العام الماضي. الايجابيات هي أن لديها مجتمع عظيم و لاعب لطيف جدا. تكمن العقبات في أن شروط الخدمة صارمة تمامًا ، لذا اقرأها قبل تحميل أي مقاطع فيديو.
- Vzaar - شركة جديدة تقدم استضافة فيديو متميزة. الايجابيات هي أن مقاطع الفيديو يتم تشفيرها بسرعة ، واللاعب جيد ويسمح لك بتحميل مقاطع الفيديو التجارية. أحد المحترفين الآخرين هو أن Vzaar لا تضع علامتها التجارية على مقاطع الفيديو. السلبيات هي أنها خدمة مدفوعة ؛ ونظرًا لأن الشركة جديدة تمامًا ، فإن عملية التحميل بها تتسم بالعربات الصغيرة.
- Wistia - كما هو موضح أعلاه. الايجابيات هي لاعب غير ذي علامة تجارية ، وأدوات تشفير وتسويق سريعة مثل الإحصائيات وخرائط الحرارة. الاشتراكات هي قسط حاد لاستخدام الخدمة.
يمكنك دائما استضافة الفيديو على الخادم الخاص بك واستخدام لاعب مثل لاعب JW من ذيل طويل فيديو. إذا قمت بذلك ، فقد تحتاج إلى ترميز الفيديو بتنسيق FLV.
مكتوبة حصرا ل WDD من قبل ستو غرين. وهو مصمم على شبكة الإنترنت من المملكة المتحدة ويدير Haloweb ، شركة تصميم تطبيقات الويب.
هل لديك سكرينكاست على موقع الويب الخاص بك الذي زاد من تحويلات الأهداف؟ إذا كان الأمر كذلك ، فأخبرنا بذلك ، وفسر العملية وراء بنائه. أيضًا ، إذا كانت لديك أية نصائح حول إنشاء مقاطع فيديو أو تضمينها ، فالرجاء مشاركتها مع المنتدى.