Call to action یا دکمه فراخوان در طراحی وب به دومنظور ایجاد میشود، یک : سفارش یک کالا ، دو: انجام یک کار مانند عضویت در مجله و یا دانلود یک بازی و غیره. اما دعوت به انجام یک تهیه و یا ثبتنام در یک روزنامه از وب نشأت نمیگیرد. در بازاریابی برای رشد ارائه محصولات باید از تکنیک دعوت به تهیه استفاده کرد. اغلب بازاریابها این کار را با بیان سوال چرا کالا را نمیخریداری انجام میدهند. سیاست قراردادن یک دکمه برای تهیه محصول و یا یک دکمه برای ثبت نام برای دریافت مجله در وب سایتها در واقع به دلیل همین تکنیک بازاریابی انجام میشود.
اگر بخواهیم Call to action را بیشتر شرح دهیم به ناچار باید وارد مقوله نحوه ایجاد آن شویم. بنابراین تعریف Call to action را بصورت خلاصه به صورت زیر بیان کرده و سپس بسراغ چگونگی ایجاد آن خواهیم رفت.
دکمه فراخوان یا Call to action متن لینک شده و یا دکمهای در صفحه وب سایت است، که با گرافیکی تاثیر گذار از مخاطب سایت برای انجام کاری دعوت میکند، که روی دکمه یا لینک کلیک کند. تهیه یک کالا، عضویت در یک مجله، مشاهده شرحات یک محصول و غیره همگی میتوانند مقصد دکمه فراخوان باشند. در گوگل آنالیتیکس ما بخشی داریم که برای سایت یکسری هدف تعیین میکنیم. کلیه این اهداف در سایت میتواند با دکمه Call to action قابل دسترس باشند.
وقتی صحبت از چگونگی طراحی یک دکمه فراخوان تاثیرگذار به میان میآید، منظور ما آموزش نحوه طراحی دکمه با نرمافزاری مثل فتوشاپ نیست. هدف اینجا این است که اصول مهم در طراحی یک دکمه CTA را شرح دهیم و طراحی آن را به شما واگذار کنیم، تا با استفاده از این بیانات دکمه مد نظرتان را با کمی ویرایش ایجاد کنید.
قبل از طراحی یک CTA باید هدف آن مشخص باشد. یعنی ما باید بدانیم میخواهیم کاربر را به چه کاری دعوت کنیم. آیا هدف ما سفارش کاربر است؟ آیا هدف نمایش یک ویدیو برای کاربر است و یا هدف ثبت نام کاربر برای دریافت ایمیلهای تبلیغاتی است.
بعد از تعیین هدف برای دکمه CTA نوبت به طراحی آن میرسد.
اگر محصولی که عرضه میکنید ویرایش مجانی و پولی دارد و شما مایل هستید که مشتریان از ادیشن پولی هم استفاده کنند. باید برای مشتری تبیین دهید که این ادیشن پولی برای آنها چه مزایایی دارد. در زمان حاضره با گسترش نرمافزارهای متن باز، اغلب نرمافزارهای موجود از نسخه جدید مجانی و پولی استفاده میکنند. حتما شما هم میدانید که نرمافزاری مانند اندروید استودیو با کمک نسخه جدید مجانی جاوا نوشته شده است. بنابراین سیاست برخی شرکتها این است که ادیشن مجانی بسیار با کیفیت و با قابلیت ویرایش ارائه بدهند. قبل از طراحی یکCTA برای ارائه این مسائل را تحلیل کنید. مثلا اگر قرار است که در آینده محصول شما در برنامهی بسیار موفق تجاری استفاده شود، برنامه شما چیست. در برنامهنویسی هر برنامهای یک لایسنس دارد، که به مخاطب اعلام میکند تحت چه شرایطی میتواند از نرمافزار استفاده کند. هنگام طراحی CTA لازم نیست کل لایسنس را به مشتریان نشان دهید ولی برای آنها توانایی دسترسی به آن را محیا کنید.
سایتها و منابع زیادی پیشنهاد کردهاند که از یک دکمه غول پیکر برای خریداری استفاده کنید. حقیقت این است که کاربر معمولاً به دنبال المانهای آشنا میگردد. مثلا یک دکمه کوچک با عکس سبد سفارش خیلی راحتتر از یک دکمه بزرگ با گرافیک تخت مشتری را جذب میکند. مخاطب آماتور ممکن است حتی متوجه قابلیت کلیک شدن دکمه غول پیکر نشود. البته این مبحث مفصلا وابسته به گرافیک، طراحی ظاهری دکمه و کد نویسی میباشد.
اگر قصد طراحی یک دکمه غول پیکر را دارید؛ مطمئن شوید که کاربران سایت با چنین دکمههایی برخورد داشتهاند و در ادامه مطمئن شوید که گرافیک دکمه جامعا به کاربر قابلیت کلیک شدن را القاء کند.
حتما شما هم با دکمههای فراخوان خاکستری رنگ مواجه شدهاید و از خود پرسیدهاید چرا رنگ خنثی را برای دکمه فراخوانی انتخاب کردهاند؟ دلیل انتخاب رنگ خاکستری برای دکمه فراخوانی قابلیت دیده شدن آن در هر دو رنگ سفید و مشکی است. ولی این دلیل اصلا برای استفاده از رنگ خاکستری در طراحی دکمه فراخوانی قانع کننده نیست. مگر اینکه در محل قرارگیری دکمه ما تلاقی رنگهای روشن و تیره را در پس زمینه داشته باشیم. که وقوع چنین حالتی بسیار نادر است. زیرا که معمولاً تلاقی رنگها در وب بین دو قسمت مختلف یک سایت رخ میدهد و بندرت پیش میایید که بخواهیم دکمه فراخوان بین دو قسمت سایت قرار داشته باشد. قطعا در بیشتر مواقع دکمه فراخوان در یک قسمت سایت قرار دارد. به این ترتیب برای انتخاب رنگ دکمه فراخوان به این نکات توجه کنید.
1. همخوانی با رنگ پس زمینه : این همخوانی میتواند بصورت رنگ مکمل یا رنگ مشابه باشد.
2. در انتخاب متن CTA از رنگ متنی متناسب با رنگ دکمه استفاده کنید : معمولاً رنگهای مکمل برای رنگ نوشته و رنگ پس زمینه دکمه بسیار برآیند زیبایی در بر خواهند داشت.
3. اندازه دکمه CTA را طوری طراحی کنید که برای کاربر آشنا و قابل درک باشد.
4. از گرافیکهای آشنا برای دکمه و لینک استفاده کنید.
5. اندازه CTA را برای موبایل و تلفن همراه بصورت padding دار طراحی کنید تا با انگشت بتوان آن را کلیک کرد.
6. از قرار دادن زیر منو هاور دار در دکمه فراخوان بپرهیزید. زیرا زیر منوها در موبایل قابل استفاده نیستند.
7. نوع فونت متن را بصورت خوانا انتخاب کنید.
8. نحوه انتخاب متن یک CTA تاثیرگذار برای فروشرسانی
عباراتی مانند تهیه، خریداری با تخفیف، همین الان کالا را سفارش دهید و مانند آن میتوانند برای یک دکمه تهیه مناسب باشند ولی برخی شرکتها برای کالاهای خود از عبارتهای خاصی استفاده میکنند. مثال یک سایت ارائه اسباب بازی برای دکمه سفارش از عبارت "من رو به خانه خودتون میبرید؟" استفاده کرده است. هنگام استفاده از واژههای استعاری بسیار مراقب باشید. زیرا اگر کاربر تصور کند که دکمه کاری غیر از عرضه انجام میدهد و روی آن کلیک کند ممکن است سایت شما از نظر حقوقی دچار مشکلات جدی شود.
هنگام طراحی یک CTA برای دریافت ایمیلهای تبلیغاتی باید تمام گزارشهای را که مخاطب درباره مجله میخواهد بداند به او داده باشیم. مشتری باید مطمئن شود که ما قصد نداریم برای او حجم زیادی تبلیغ بدرد نخور ارسال کنیم. متن دکمه ثبت نام مانند متن دکمه خریداری باید تاثیرگذار باشد. ولی در این جا ما برای خلاقیت مفصلا آزادیم، ولی بهتر است از واژههای کلی مانند اشتراک ماهانه مجله سایت بپرهیزید و بجای آن عباراتی مانند آیا میخواید هنگام اضافه شدن یک گوشی بهروز به شما اطلاع دهیم، استفاده کنید. این گونه پیامها دو خاصیت دارند؛ اولاً، مخاطب دقیقا میداند چه چیزی دریافت میکند. دوماً، ما ضمن اعلام نوع تبلیغ ارسالی به مخاطب اعلام میداریم که سایر تبلیغات برای او ارسال نمیشوند. به این ترتیب ضمن اینکه مخاطب میتواند ایمیل دلخواه خود را دریافت کند. از عدم دریافت اسپم هم مطمئن میشود.
ظاهر یک CTA هنگام طراحی برای عضویت در مجله سایت بسیار میتواند متنوعتر از ظاهر دکمه تهیه باشد در اینجا ما میتوانیم از گرافیکهایی استفاده کنیم که مشتری تا قبل از آن نمونه آن را برای دکمه ندیده باشد. تنوع بالاتر برای CTA فراخوان برای عضویت مجله میتواند به تنوع گرافیکی سایت کمک زیادی کند.
آیا استفاده از CTA های مهلت دار کار درستی است یا خیر ؟ استفاده از CTA مهلت دار، مانند تخفیف مهلت دار در یک ارائهگاه واقعی عمل میکند. به این معنی که ما نمیتوانیم انتظار داشته باشیم به مشتری اعلام کنیم که یک تخفیف یک روزه وجود دارد و از مشتری انتظار خریداری داشته باشیم. تخفیفات مهلت دار باید در زمانهای مشخصی از سال برگزار شود و مشتری از قبل تاریخ آن را بداند و مهلت استفاده از این تخفیفات باید بقدری باشد که مشتری براحتی بتواند زمان و هزینههای لازم را مدیریت و در نهایت تصمیم گیری کند.
برخی از سایتها به کمک گوگل ادوردز و گوگل آنالیتیک برای گروه خاصی از مخاطبان خود تخفیفاتی را قائل میشوند که معمولاً تاثیر خوبی بر صعود میزان عرضه دارد.
اگر کالا و یا خدمات شما وسیلهای است که دکمههای آن برای مشتریان آشنا است میتوانید از دکمههای کالای خود برای طراحی دکمههای CTA الهام بگیرید. اینکار توسط شرکتهایی مانند فلکس واگن امتحان شده است. گاهی برای القای یک حس آشنا میتوان از این روش طراحی دکمه CTA استفاده کرد و مشتری را ترغیب به کلیک روی دکمه خریداری نمود.
Call to actionیا دکمه فراخوان برای دعوت از کاربر به تهیه کالا و یا ثبت نام در مجله تبلیغاتی سایت و مانند آن بکار میرود. برای طراحی تاثیرگذار یک CTA باید ضمن رعایت اصول زیبایی شناختی گرافیکی به تجربه کاربری نیز توجه داشته باشیم.
برچسب:
نویسنده: حامد حبیبی