لوگو گروه تبلیعاتی فورسی(4C) - 4C Advertising Logo

گروه تبلیغاتی فورسی(4C)

گروه تبلیغاتی فورسی(4C) ارائه دهنده انواع خدمات مشاور تبلیغاتی، برنامه نویسی و طراحی سایت،طراحی و اجرا طرح های گرافیکی، چاپ، هاستینگ، پنل ارسال پیام کوتاه انبوه و بسیاری از خدمات دیگر جهت بهتر دیده شدن برند شما می‌باشد.
می‌توانید برای کسب اطلاعات بیشتر و کسب مشاوره رایگان با ما تماس حاصل فرمایید.

09203189087
Info@4CGroup.Co
FourCGroupBot@
4C_Group

 

ویدئو بک گراند در طراحی سایت
زمان تخمینی مطالعه:‌ 6 دقیقه

ویدئو بک گراند

ویدئو بک گراند در طراحی سایت
زمان تخمینی مطالعه:‌ 6 دقیقه

آیا تا به حال چیزی در مورد ویدئو بک گراند در طراحی سایت شنیده اید؟ می دونستید با رعایت کردن چه نکاتی می توانید از ویدئو بک گراند در طراحی سایت خود استفاده کنید؟

می دونستید شما از چه سایت هایی می توانید ویدئو بک گراند مناسب برای وب سایت خود پیدا کنید؟ اگر جواب سوالات بالا را نمی دانید، با ما تا انتهای این مقاله همراه باشید.

طراحی سایت با ویدیو بک گراند

به کار گیری ویدئو برای بک گراند (Video Background) سایت دیگر یک تکنیک نو یا برای آینده محسوب نمیشود و در همین مقطع نیز توانسته جای خود را در بسیاری از سایت های خلاقانه و مطرح به خوبی پیدا کند. استفاده از ویدئو بک گراند طراحی وب سایت شما را زیباتر خواهد کرد ولی در صورتیکه اصول استفاده از آن را به  درستی رعایت نکنید ممکن است عملکرد سایت شما را کاهش داده و تجربه کاربری نامناسبی ایجاد کند.

اصول استفاده از ویدئو بک گراند در طراحی سایت:

۱- ویدئو بک گراند شما باید هدف خاصی را دنبال کند و با محتوا تفاوت داشته باشد.

شما نمی توانید برای صفحه وب سایت خود از یک ویدئو نا مربوط به کسب و کارتان استفاده کنید.

به طور مثال اگر شرکت شما یک شرکت حسابداری است. شما برای ویدئو بک گراند وب سایتتان نمی توانید از ویدئو گل و گیاه استفاده کنید.

شما باید از ویدئویی در پس زمینه وب سایت خود استفاده کنید که مرتبط با کسب و کار شما باشد. همچنین ممکن است شما بخواهید محتوای متنی خاص را در کنار ویدئو بک گراند وب سایتتان بکار بگیرید.

اگر شما قصد انجام چنین کاری را دارید، پیشنهاد می کنیم که تا آنجا که می شود از رنگ های متضاد با ویدئو برای محتوای متنی خود استفاده کنید.

اگر رنگ محتوای متنی شما با ویدئو بک گراند وب سایتتان تفاوت نداشته باشد، ممکن است خواندن محتوای متنی کمی برای بازدیدکنندگان وب سایتتان سخت شود.

 2-طول ویدیو را محدود کنید

طول ویدیو را کم انتخاب کنید تا بدون توقف نمایش داده شود. البته طول ویدیو نباید به اندازه‌ای کم باشد که پشت سرهم نمایش داده شده و کاربر را اذیت کند. بهتر است مدت زمان ویدیوی شما بین ۳۰ تا ۴۰  ثانیه باشد. سعی کنید سایز ویدیو نیز از ۲ مگابایت بیشتر نباشد.

3- از ویدئو بی صدا استفاده کنید.

فرض کنید کاربری صفحه وب سایت شما را باز می کند. ناگهان با باز کرن صفحه وب سایت شما، ویدئو بک گراند به همراه صدا برای کاربر پخش می شود. در این حالت ممکن است کاربر از وجود چنین صدایی غافل گیر شود و سعی کند که از صفحه وب سایت شما خارج شود.

برای اینکه چنین اتفاقی پیش نیافتد، پیشنهاد می شود که از گذاشتن صدا بر روی ویدئو بک گراند خودداری کنید. اگر هم ویدئو شما دارای صدا است، شما می توانید با استفاده از سایت Fiverr.com، صدای آن ویدئو را حذف کنید.

4- پخش ویدئو را درموبایل متوقف کنید.

همانطور که می دانید سایز صفحه نمایش تلفن های هوشمند، معمولا کوچک هستند.

اگر شما از ویدئو بک گراند درون بخش موبایل سایت خود استفاده کنید، ممکن است که پخش ویدئو در موبایل با مشکل روبرو شود.

چرا که ویدئو هایی که در پس زمینه سایت قرار می گیرند. عموما به صورت فرم عریض هستند و اگر بازدیدکننده تلفن همراه خود را به صورت عمودی گرفته باشد. ممکن است قسمت هایی از ویدئو را نتواند مشاهده کند. برای همین توصیه می شود که برای موبایل از یک تصویر به جای ویدئو بک گراند استفاده کنید.

5- یک دکمه مکث برای ویدیو در نظر بگیرید

ممکن است کاربر بخواهد ویدیوی در حال پخش را متوقف کند. برای پشتیبانی از این حالت می‌توانید با استفاده از جاوا اسکریپت یک دکمه‌ی مکث / نمایش را به ویدیوی خود اضافه کنید و محل این دکمه را بر اساس خواست خود تغییر دهید.

6-ویدیو در یک حلقه نشان داده نشود

اگر ویژگی حلقه را در طراحی خود در نظر بگیرید، ویدیوی پس زمینه‌ی شما تا زمانی که صفحه را نبسته‌اید، پشت سر هم نمایش داده خواهد شد. این کار به سی پی یو دیوایس کاربر آسیب می‌زند و حتی ممکن است سرعت صفحات دیگر را پایین بیاورد.

برای رفع این مشکل می‌توانید از یک قطعه کد کوتاه و ساده برای توقف ویدیو استفاده کنید. در واقع ویدیو بعد از چندین بار که نمایش داده می‌شود، متوقف می‌شود.

 7-ابتدای فیلم را آهسته انتخاب کنید

ویدیو باید به گونه‌ای باشد که حواس کاربر را پرت نکند. یک حرکت ناگهانی در ابتدای نمایش فیلم باعث می‌شود تا کاربر محتوای اصلی سایت را نبیند! برای جلوگیری از این مشکل می‌توانید ویدیویی انتخاب کنید که شروع آرامی داشته باشد یا اینکه از تکنیک محو شدن برای ابتدای فیلم استفاده کنید.

یک پوستر به بک گراند ویدیو اضافه کنید. شفافیت ویدیو را روی صفر تنظیم کنید. سپس با استفاده از خاصیت Transition در CSS شفافیت را روی یک تنظیم نمایید. در اینصورت ویدیو با صحنه‌ی آرامی شروع شده و دقت کاربر را از بین نمی‌برد.

برای پایان فیلم نیز می‌توانید همین عملیات را به صورت عکس اجرا کنید.

سایت هایی که به واسطه آن ها می توانید ویدئو بک گراند مناسب با وب سایت خود را پیدا کنید:

یکی از چالش های صاحبان وب سایت ها،  نحوه ایجاد ویدئو برای ویدئو بک گراند است. شما می توانید از دو سایت Upwork و Fiverr برای ادیت و ایجاد ویدئو های خود استفاده کنید.

اما اگر علاقه ای به ساخت ویدئو ندارید. برخی از وب سایت ها به صورت کاملا سفارشی اقدام به درست کردن ویدئو بک گراند برای وب سایت شما می کنند.

برخی دیگر هم ویدئو های رایگان در اختیار وب سایت ها قرار می دهند.  به طور مثال شما در وب سایت videohive.net شما می توانید با پرداخت مبلغی اقدام به خرید ویدئو بک گراند برای وب سایت خود کنید.

در طراحی چه سایت هایی از ویدیو بک گراند استفاده نکنیم؟

درست است که استفاده از ویدیو میتواند اثربخش طراحی شما و انتقال پیام به مخاطب را بهبود دهد ولی روش های ساده تری نیز برای اینکار وجود دارد. معمولا ویدیو برای سایت های محتوا محور و پربازدید توصیه نمیشود. شرکت های تبلیغاتی، آژانس های مسافرتی، رستوران ها، طراحی سایت شرکتی و سایت های شخصی فضای مناسبی برای ویدیو در زمینه هستند ولی در بسیاری موارد بهتر است از آن چشم پوشی کنید.

یکی از فضاهایی که استفاده از ویدیو در بک گراند توصیه نمیشود طراحی سایت فروشگاهی است. در چنین سایت هایی عموما تجربه کاربری و سرعت بالای سایت اهمیت بسیار بالایی داشته و تلاش میشود محتوا و تصویر در ساده ترین حالت ممکن در اختیار مشتریان قرار داده شود. هرچیزی که کاربر را از مسیر انتخاب و خرید محصول دور کند یک اشتباه استراتژیک در طراحی فروشگاه اینترنتی

محسوب میشود. مهمترین سایت هایی که ویدیو برای آنها توصیه نمیشود عبارتند از:

  • فروشگاه های اینترنتی
  • سایت های خبری
  • فروم و شبکه های اجتماعی
  • سایت های نقد و بررسی محصولات
  • سرویس های آنلاین
  • سایت های آگهی
  • و ….
Sending
User Review
5 (1 vote)
محمدسالار آدم زاده
محمدسالار آدم زاده

برنامه نویس و طراح وب به خصوص فرانت‌اند با استفاده از بروز ترین زبان‌های برنامه‌نویسی مانند PHP ،CSSes و ...

بدون نظر

ارسال نظر

نظر
نام
ایمیل
وب سایت