همانطور که در پست ساخت دکمه های تعاملی اشاره کردیم، یکی از بهترین راه ها برای جلب و افزایش رضایت مخاطبین، ایجاد تعامل با آن ها است. یعنی باید کاری کنیم که مخاطب با طرح و یا پروژه ای که ما انجام داده ایم سرگرم شود. به همین خاطر است که امروزه محتواهای ویدئویی خیلی بیشتر از محتواهای صامت مخاطب را به خود جذب می کند. شاید هم به همین دلیل است که مردم به جای خواندن کتاب یا مجله، به آن ها گوش می دهند و از کتاب های صوتی استفاده می کنند. اما ما قصد داریم در همین محتواهای صامت، تعاملی با مخاطب ایجاد کنیم تا آن ها را به سمت کتاب ها، مجلات، بروشورها و کاتالوگ های الکترونیکی سوق دهیم. یکی از تکنیک هایی که می توان بوسیله آن برای چند ثانیه مخاطب را سرگرم کرد، Hover است. Hover یک اصطلاح برنامه نویسی است که ما قصد داریم این تکنیک را در نرم افزار ایندیزاین پیاده کنیم. در ابتدا بهتر است نقش مهم Hover را در دنیای طراحی سایت بدانیم.
Hover چیست؟
هاورها به طور معمول برای دادن اطلاعات بیشتر به کاربر بلافاصله بعد از قرارگیری نشانگر موس روی یک آیتم از سایت مورد استفاده قرار می گیرند. یکی از کاربردهای اصلی Hover در طراحی وب سایت های فروشگاهی و تجاری برای هدایت کاربر به کلیک روی دکمه های اصلی سایت مانند دکمه اضافه به سبد خرید می باشد که در نهایت باعث صرفه جویی در وقت کاربر و هدایت هر چه سریعتر وی به صفحات اصلی وب سایت می گردد. طبق تحقیقات انجام شده، ایجاد هاور روی تجربه کاربری وب سایت باعث شده که به یک ویژگی پرطرفدار در طراحی سایت و بخصوص برای طراحی سایت های فروشگاهی تبدیل شود. همچنین بررسی ها نشان داده کابران نیز به هاورها علاقه دارند و آن ها را یکی از عناصر مفید در طراحی وب سایت ها می دانند.
تکنیک Hover در ایندیزاین
هدف ما در این پست این است که از قدرت Hover برای تعامل بیشتر مخاطب استفاده کنیم. این تکنیک در طراحی بروشور و کاتالوگ الکترونیکی بسیار پر کاربرد است. به عنوان مثال شما در حال طراحی کاتالوگ محصولی مثل لباس هستید. می توانید کار را طوری طراحی کنید که مخاطب وقتی نشانگر موس خود را به سمت لباس مورد نظر خود می برد، رنگ لباس روشن تر شده و به مخاطب بفهماند که باید کلیک کند. وقتی مخاطب کلیک کرد، اطلاعات بیشتری از آن لباس را کسب کند. مثل قیمت، جنس لباس، نحوه شستشو، ویژگی ها و مسائلی از این قبیل. جدا از تعامل با مخاطب، اینگونه طراحی، نشانگر حرفه ای بودن شما نیز است. شما با استفاده از چند تکنیک ساده (Rollover) می توانید اینکار را در نرم افزار ایندیزاین انجام دهید که ما بطور خلاصه این روش را در فیلم آموزشی زیر برای شما بازگو کرده ایم. در پست های بعدی نیز روش های دیگری از ایجاد تعامل با مخاطب را به شما آموزش می دهیم. پس با ما همراه باشید.
راهنمای مشاهده فیلم ایجاد تکنیک Hover در ایندیزاین
|
دقایق مهم ویدئو |
||
|
عناوین |
از |
تا |
|
مقدمه – Hover چیست؟ |
00:00 |
01:41 |
|
فرمول ایجاد تکنیک Hover در ایندیزاین |
01:41 |
02:48 |
|
ایجاد تکنیک Hover در ایندیزاین بوسیله منوی Interactive |
02:48 |
04:16 |
|
نکات تکمیلی و جمع بندی |
04:16 |
05:17 |
سلام وقت بخیر
ممنون برای آموزش های خوبتون
من تمام نکاتی که برای Hover کردن عکس در داخل آموزش که اشاره کردن انجام داد ولی وقتی کار نهایی رو پریویو می کنم اون حالت ماتی که باید با بردن موس روی عکس باشه نیست و عکس فقط تو همون حالت ساده هستش و نتیجه رو به من نمیده ممنون میشم راهنمایی کنید
سلام وقت بخیر
لطفا از نحوه کارتان یک اسکرین رکورد به تیم پشتیبانی ما در تلگرام ارسال کنید.