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