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

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

مجموعه وبسیما از پیشتازان استفاده ویدیو بک گراند در طراحی بوده و این قابلیت از سال ۹۳ در طراحی سایت وبسیما به کار گرفته شده است. از آن زمان تاکنون تغییرات اساسی در طراحی صفحات وبسیما انجام شده و نسخه نهایی آن هم اکنون از استانداردهای بسیار بالایی در طراحی بهره مند است.

اصول استفاده از ویدئو در طراحی سایت

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

حجم ویدیوی شما پایین باشد

سرعت بالای سایت نقش مهمی در تجربه کاربر و میزان رضایت کاربران خواهد داشت و این نکته را در تمامی مراحل طراحی سایت در نظر میگیریم. اگر ویدئوی شما حجم بالایی داشته باشد زمان زیادی برای لود شدن آن مورد نیاز است و در بیشتر مواقع کاربران پیش از لود شدن ویدیو صفحه را ترک خواهند کرد. دقت کنید که ویدیوی شما بیشتر از ۵۰۰ کیلوبایت نباشد.

ویدیوی شما باید بی صدا باشد

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

از یک تصویر پیش فرض استفاده کنید

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

در موبایل ویدیو را حذف کنید

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

پیام خود را به صورت متنی روی ویدیو قرار دهید

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

از چهره ها در ویدیو استفاده کنید

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

ویدیوی شما کوتاه باشد

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

از ویدیوهای بی پایان استفاده کنید

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

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

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

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

• فروشگاه های اینترنتی
• سایت های خبری
• فروم و شبکه های اجتماعی
• سایت های نقد و بررسی محصولات
• سرویس های آنلاین
• سایت های آگهی
• و ….

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