سینماگراف چیست |تکنیک سینماگراف در طراحی سایت
سینماگراف چیست ؟ تا چند سال گذشته استفاده از فایل های gif در طراحی سایت و مخصوصا بنرهای تبلیغاتی بسیار محبوب و پرکاربرد بود اما رفته رفته با تغییر الگوریتم های سئو، بنرهای تبلیغاتی جدید و مدرن جای آن ها را گرفتند. با توجه به افزایش چشم گیر استفاده از تلفن های هوشمند و نرم افزارهای ساده که تولید می شوند، موجب شد تولید فایل های gif دوباره رونق گرفته و در اکثر شبکه های اجتماعی (همچون تلگرام) جایگزین فیلم های کوتاه بشود. در همین برهه، مفهوم جدیدی بوجود آمد و میان کاربران رونق گرفت که آن را سینماگراف (Cinemagraph) می نامند. اکنون، سینماگراف به حدی رایج و همه گیر شده که دوباره جای خود را در بین تکنیک های طراحی باز کرده است و می شود از آن در طراحی سایت های فروشگاهی، پوشاک، سایت های خلاقانه و ….. استفاده کرد.
سینماگراف (Cinemagraph) چیست؟
چشم انسان عاشق تحرک است. هر المان متحرک در سایت باعث جلب توجه کاربر می شود. سینماگراف نه عکس است و نه ویدیو. همین دلیل باعث می شود که ناخودآگاه کاربر دوباره به آن نگاه کند و دقت بیشتری بر روی آن داشته باشد. برای کاربر جلب توجه می کند و کاربر را وا می دارد که بازهم به آن نگاه کند. در فضای رقابتی قرن جدید، هر المانی که بتواند بر تجربه کاربری تاثیر مثبت داشته باشد و موجب ماندگاری سایت شما در ذهن آن ها شود بسیار با ارزش است.
سینماگراف چیست
اکثر ما به همین دلیل از ویدیو ها در سایت مان استفاده می کنیم. هم توجه کاربر را جلب می کند و هم باعث انتقال سریع محتوا می شود. ولی مشکلی که در این مورد وجود دارد، حجم بسیار بالای ویدیوها است. هرچه شما ویدیوهای خود را بهینه کنید، همچنان موجب کاهش سرعت لودینگ صفحه و افزایش حجم آن خواهد شد. ولی با استفاده از سینماگراف می توانید علاوه بر کاهش حجم صفحه، ایده ای نو را در برابر چشمان کاربر قرار دهید.
چگونه بهترین سینماگراف را تهیه کنیم؟
برای درست کردن سینماگراف مناسب دو راه وجود دارد: یا باید با جستجو در اینترنت سایت های فعال در این زمینه را پیدا و یک نمونه مناسب که بیشترین مطابقت با سایت ما دارد را انتخاب کنیم یا یک سینماگراف مخصوص به خودمان بسازیم. برای پیدا کردن سینماگراف ها، بهترین راه سرچ در گوگل (یا موتورهای جستجو) است. سایت های بسیاری در این زمینه فعالیت می کنند هستند که از میان آن ها می توان به gallereplay.com اشاره کرد. مدل های مناسب و زیبایی دارد. برای تولید سینماگراف شما نیاز به نرم افزار مناسب این کار را دارید. برای سیستم عامل ios (اپل) استفاده از ابزارهای flixel.com و برای اندروید نرم افزار Loopsie مناسب است.
سینماگراف چیست ، چند نکته برای استفاده از سینماگراف در سایت
حتما می دانید مهمترین نکته برای انتخاب سینماگراف، ارتباط معنایی و موضوعی آن با زمینه کاری شما و توانایی انتقال پیام شما به شکلی مناسب به کاربر است. برای افزایش کارایی آن پیشنهادات زیر را در نظر بگیرید:
حرکت در تصویر به صورت نامحسوس باشد.
هدف اصلی استفاده سینماگراف در طراحی سایت، ایجاد هیجان در کاربر و جلب توجه دوباره اوست. یک سینماگراف موفق، سینماگرافی است که در نگاه اول قابل تشخیص نباشد. فضای زیادی از تصویر باید ثابت باشد و تکان و تحرک فقط در بخش مهم آن رخ دهد.
فضا برای پیام باقی بگذارید.
اگر قرار است از سینماگراف بعنوان یک بنر بزرگ در سایت استفاده نمائید، بهتر است که فضایی برای قرار گرفتن متن و دکمه های مورد نظر خود در نظر بگیرید. این فضا نباید روی محتوای اصلی تصویر یا بخش متحرک قرار بگیرد.
قابلیت تکرار را داشته باشد.
به منظور جلوگیری از افزایش حجم صفحه سایت خود، باید زمانی کم برای gif یا فایل ویدئویی خود در نظر بگیرید. در این زمان کوتاه، کاربر فرصت کافی پبدا نمی کند تا اتفاقات موجود در تصویر را درک کند؛ بنابراین، همیشه از ویدئوهایی استفاده کنید که قابلیت تکرار داشته و آغاز و پایان مشخصی نداشته باشند. با این روش این امکان ایجاد می شود که یک ویدیوی چند ثانیه ای را برای چند دقیق دید و از آن لذت برد.
در فایل مورد نظر از شخصیت استفاده کنید.
تحقیقات نشان می دهد تصاویری که در آن ها یک شخصیت (انسان) حضور دارد، برای کاربر جذابیت بیشتری دارد. همچنین اگر شخصیت موجود در تصویر در حال نگاه کردن به دکمه خرید یا متن مهم مورد نظر شما باشد، شانس شما برای جلب توجه کاربر و ترغیب به کلیک افزایش پیدا خواهد کرد.
سینماگراف ایجاد شده را بهینه کنید.
همان طور که در بخش قبل هم گفته شد بهترین راه کوتاه کردن طول ویدیو و البته تکرار پذیری آن است. کاهش کیفیت یا حجم می تواند به کلی اثربخشی آن را از بین برده و حتی برای کاربر آزاردهنده باشد. با این وجود ابزارهای متنوعی هستند که بدون کاهش کیفیت ویدیو، حجم آن را کاهش می دهند. استفاده از آنها می تواند بر سرعت بارگزاری صفحه تاثیر بسزایی داشته باشد.
اگر نمونه موفقی از استفاده از تکنیک سینماگراف در طراحی سایت های ایرانی دیده اید یا می شناسید با ما در میان بگذارید.
آیا این مقاله مفید بود؟ به چه مقاله ای علاقه دارید که تا کنون در نیلشید قرار نگرفته است؟
با به اشتراک گذاشتن مطالب، به شناخته شدن نیلشید کمک کنید.