طراحی سایت

سینماگراف در طراحی سایت

27 مرداد ماه 1397
سینماگراف در طراحی سایت

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

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

 

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

 

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

 

5 نکته اساسی در استفاده از سینماگراف در طراحی سایت
 

1.    حرکت در تصویر نامحسوس باشد:  

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

 

2.     فضا برای پیام خود باقی بگذارید:

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

 

3.    سینماگراف شما تکرار پذیر باشد:

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

 

4.    در تصاویر خود از انسان استفاده کنید:

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

 

5.     فایل سینماگراف را بهینه کنید:

بهترین راه حل برای شما کوتاه کردن طول ویدیو و البته تکرارپذیر بودن آن است. کاهش کیفیت یا حجم میتواند به کلی اثربخشی آن را از بین برده و حتی برای کاربر آزاردهنده باشد. مشکل حجم را ترجیحا با کوتاه کردن زمان برطرف کنید.

مرتبط با سینماگراف در طراحی سایت

سینماگراف در طراحی سایت

سینماگراف در طراحی سایت

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

بهترین ایده های استارتاپی

بهترین ایده های استارتاپی

می خواهیم در این مطلب به معرفی برترین ایده های نوپای ایرانی در سال ۲۰۱۷ بپردازیم. هرچند ممکن است ...

سئو چیست

سئو چیست

هنگامی که ازموتورهای حستجو مانند گوگل، یاهو و بینگ استفاده می کنید، عبارت مورد جستجوی شما شامل کلمات ک...