// Add scroll event listener window.addEventListener('scroll', function() { // Check scroll position if (window.scrollY >= 40) { // Perform your desired action here (function (s, e, n, d, er) { s['Sender'] = er; s[er] = s[er] || function () { (s[er].q = s[er].q || []).push(arguments) }, s[er].l = 1 * new Date(); var a = e.createElement(n), m = e.getElementsByTagName(n)[0]; a.async = 1; a.src = d; m.parentNode.insertBefore(a, m) })(window, document, 'script', 'https://cdn.sender.net/accounts_resources/universal.js', 'sender'); sender('986212f6399684') // You can replace the console.log statement with your own code } });

آیا پاپ آپ ها به طراحی سایت ضربه می‌زنند؟

طراحی پاپ آپ استاندارد

من به عنوان یک طراح سایت، پس از دریافت یک پروژه، سعی می‌کنم با توجه به خواسته کارفرما، تجربیات و همچنین استفاده از خلاقیت خودم، یک طراحی کلی از سایت را در ذهنم مجسم کنم و آن را روی کاغذ، صرفا برای خودم، پیاده سازی کنم.
دراین فرآیند قطعا سعی می‌کنم، بهترین ایده هایی که دارم را روی سایت پیاده سازی کنم و یک سایت بی نقص طراحی کنم.
اما…
استفاده از دانش و تمامی ایده ها برای طراحی سایت من را از موفقیت دور خواهد کرد! چرا؟
طبق تجربه اغلب، زیاده روی در به کار بردن ویژگی های خوب در یک طراحی یک وبسایت، خروجی جالبی به ارمغان نمی‌آورد، چرا که کاربری که وارد سایت ‌می‌شود به دنبال استفاده از تمام بخش‌های سایت من و همچنین لذت بردن از خلاقیت من نیامده، او آمده است تا یک فعالیت (action) خاص انجام دهد.

سادگی در طراحی سایت؛ رمز موفقیت

طبق تجربه و همچنین مطالعاتی که در این زمینه انجام داده ام، بهترین راه برای طراحی سایتی که اکثر کابران بتوانند از آن بهره ببرند، استفاده از طراحی ساده می باشد،
در واقع سادگی سایت و همچنین شفافیت در طراحی از عوامل موفقیت و از ویژگی های مورد پسند کاربران می‌باشد.
منظور از سادگی و شفافیت این نیست که بحث فروش و استفاده از ابزارهای بازاریابی را فراموش کنیم.

زمانی که به عنوان یک طراح سایت رضایت کاربر را در اولویت قرار می‌دهید، یعنی یک قدم به موفقیت نزدیک شده‌اید

نقش پاپ آپ در این داستان چیست ؟

ایتن زاکرمن در بین سال‌های ۱۹۹۴ و ۱۹۹۹ بود که کد اصلی آگهی‌های پاپ‌آپ را نوشت و به دور از تعارف مایه عدم آسایش چشم بینندگان صفحات وب در همان سال ها شد، گرچه نیت این نابغه خیر بود و هدف جالبی را نیز دنبال می‌کرد اما ایده او با سو استفاده سایت های مختلف همراه شد.

هدف پنجره‌های پاپ آپ در اصل این بود که بتواند محتوای مهم و مورد نیاز کاربر را بدون تغییر در ساختار کلی وب‌سایت به نمایش بگذارد.
اما پس از مدتی، بسیاری از سایت ها از این ویژگی خوب، سوءاستفاده کردند و وجهه‌ی تبلیغاتی به آن دادند.
وقتی همه جای اینترنت لبریز از پاپ‌آپ‌های تبلیغاتی شد، این گوگل بود که مانند یک ابرقهرمان، وارد این میدان شد.
طبق قوانین گوگل، سایت‌هایی که تبلیغات و پاپ‌آپ های زیادی در سایت خود داشتند، با کاهش رتبه در صفحه نتایج گوگل مواجه شدند.

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

انواع پاپ آپ و تفاوت‌ها با هم

اجازه دهید ابتدا ببینیم در حال حاضر پاپ‌‌آپ ها چند نوع اند و با چه هدفی از آن‌ها استفاده می‌شود و اصلاً چرا باید از آن‌ها را در پروژه های طراحی سایت استفاده کنیم.
Modal : از رایج‌ترین انواع پاپ آپی است که کاربران در فضای وب با آن روبرو می‌شوند.
این نوع از پاپ آپ‌،  به محض وارد شدن شما به سایت و یا با اندکی تاخیر، در پایین یا گوشه صفحه نمایش شما ظاهر می‌شوند.
Interstitial: این نوع از پاپ آپ، که زیاد هم توصیه نمی‌شود با ورود شما به وبسایت، تمام صفحه را پوشش می‌دهد و شما برای مشاهده محتوای صفحه باید سعی کنید ابتدا از شر آن خلاص شوید.
Notification Bar: این مدل پاپ آپ، معمولا به شکل یک نوار اطلاع رسانی، در بالاترین یا پایین‌ترین بخش صفحه قرار می‌گیرد.

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

دلایل استفاده از پاپ‌آپ در طراحی سایت

شاید فکر کنید که گوگل رابطه خوبی با پاپ آپ‌ها ندارد و بهتر است که هرطور شده از آن دوری کنید؛ اما به ۶ دلیلی که در ادامه مطالعه خواهید کرد، به این نتیجه خواهید رسید که که اگر به طور اصولی از پاپ‌آپ‌ها استفاده کنید، آن ها می‌توانند نقش بسیار مهم و موثری در طراحی سایت شما ایفا خواهد کرد.

طراحی پاپ اپ برای سایت

جلب توجه: استفاده از پنجره‌های کوچک و موقتی که حاوی پیام‌های مهم و ارزشمند هستند، قطعا با رنگ بندی مناسب و نوشتن تیتر عالی. پاپ آپ بسیار جلب توجه می‌کند.
بعد روانشناختی: نگاه انسان به طور ناخوداگاه به المان‌ها و پنجره‌های کوچک و رنگی که دارای افکت‌های زیبا باشد، جلب می‌شود.
انعطاف پذیری: از پاپ‌آپ‌ها می‌توانید در موقعیت های مختلف مثل هنگام اسکرول کردن کاربر و یا وقتی تصمیم به خروج می‌گیرد، استفاده کنید.
ظاهر: همانطور که در ابتدای مقاله گفتیم، سادگی یکی از معیارها و اصول مهم در طراحی سایت به شمار می‌رود، این اصل در طراحی پاپ آپ نیز مطرح می‌باشد.
رشد نرخ تبدیل: طبق آمار، استفاده از پاپ‌آپ‌ها نرخ تبدیل مشتری را تا 3 درصد افزایش می‌دهند. اگر در طراحی و کاربردی بودن پاپ‌ آپ‌های سایت خود دقت عمل به خرج دهید، این مقدار تا 9 درصد افزایش خواهد یافت.
کاهش نرخ پرش: با طراحی یک پاپ آپ هوشمندانه نه تنها می‌توانید نرخ تبدیل خود را بهبود ببخشید بلکه بونس ریت یا همان نرخ پرش سایت خود را به طور قابل توجهی کاهش دهید.

از چه پاپ‌هایی نباید استفاده کنیم

گوگل در وبمستربلاگ از برنامه نویسان و طراحان سایت درخواست کرد که پاپ‌های تبلیغاتی را به صورت هدفمند و همچنین برای کاربران شخصی‌سازی کرده و طراحی کنند تا مخاطب با محتوای اسپم و آزاردهنده روبرو نشود.

گوگل همچنین، جریمه سختی برای آن دسته از وب‌سایت‌هایی که از پاپ آپ‌های زیر استفاده می‌کنند در نظر گرفته است:
• پاپ آپ بلافاصله پس از ورود به صفحه به کاربر نمایش داده میشود
• پاپ‌ آپ‌ محتوای صفحه سایت را پنهان می‌کند و دسترسی به محتوای اصلی وجود ندارد و یا کل صفحه را پوشش می‌دهند، مثل پاپ های Interstitialکه در این مقاله معرفی شد.

قوانین مهم در استفاده از پاپ‌ها به صورت استاندارد

رعایت این قوانین موجب می‌شود که نرخ تبدیل پاپ آپ شما افزایش، نرخ پرش کاهش و ضوابط و استاندارد‌های مورد انتظار گوگل که بر سئو سایت نیز تاثیرگذار هستند رعایت شود.
بدون هدف از پاپ‌ آپ‌ها استفاده نکنید چرا که اینکار موجب اتلاف وقت کاربران و در نتیجه از دست رفتن اعتماد آن‌ها می‌شود.
پاپ آپ باید از لحاظ طراحی و رنگبندی با سایت شما تناسب داشته باشد.
ریسپانسیو بودن پاپ آپ یک امر بسیار مهم در طراحی سایت محسوب می‌شود.
۱) از عناوین کوتاه و موثر استفاده کنید.
۲) دکمه CTAو یا پیام شما در پاپ آپ باید واضح و کاملا دسترس باشد.
۳) در به دست آوردن اطلاعات کاربران خود زیاده‌روی نکنید و فقط به آدرس ایمیل ‌آن‌ها اکتفا کنید.
۴) محتوای پاپ ‌آپ باید با محتوای موجود در صفحه مرتبط باشد.
۵) به کاربران زمان کافی برای بررسی سایت بدهید و تا جایی که می توانید از پاپ‌ها در صفحه اول سایت خودتان استفاده نکنید.
۶) برای هر پلتفرمی یک پاپ آپ اختصاصی طراحی کنید، برای موبایل و دسکتاپ بهتر است پاپ آپ ها متفاوت باشند.
۷) حتما یک راه خروج برای بستن پاپ آپ در اختیار کاربران بگذارید.
۸) پاپ آپ را حداقل ۵ ثانیه پس از ورود کاربر به صفحه به او نشان دهید.
۹) از پاپ‌های تکراری در صفحات مختلف سایت، به هیچ وجه استفاده نکنید.
۱۰) اگر قصد دارید توجه کاربر شما تنها به یک چیز جلب شود، پنجره پاپ آپ خود را در مرکز صفحه قرار دهید.
۱۱) اگر قصد دارید یک پیشنهاد ویژه یا تخفیف ویژه را به کاربر اطلاع دهید، به جای پاپ آپ از Sticky Bar استفاده کنید، من در پروژه‌های شخصی خودم از این مورد بارها استفاده کرده ام.
۱۲) اگر محتوای پاپ آپ شما خیلی مورد نیاز کاربر نیست، پاپ آپ خود را در حاشیه صفحه قرار دهید.
۱۳) از پاپ‌ آپ‌های شخصی سازی شده کاربر بهره ببرید تا مخاطب شما توجه بیشتری به محتوای پاپ آپ داشته باشد.
۱۴) اگر پاپ آپ یک بار توسط کاربر بسته شد در صفحات دیگر سایت یا مراجعات بعدی نباید نمایش داده شود، این نکته را متاسفانه خیلی از سایت‌ها رعایت نمی کنند.

جمع بندی مقاله

طراحی سایتی که بتواند کاربر را خیلی راحت به چیزی که می‌خواهد برساند و جدا از آن، محتوای ارزشمند و مفیدی داشته باشد، قطعا می‌تواند به راحتی مخاطب واقعی را به خودش جذب کند،
اگر واقعا سایت شما، این فاکتور‌های ضروری را دارد، شما می‌توانید به طراحی یک پاپ‌آپ استاندارد و اصولی با توجه به نکاتی که در این مقاله گفته شد، فکر کنید.
برای طراحی پاپ آپ توصیه می‌کنم حتما از تستA/B استفاده کنید تا درصد خطای شما به شکل چشم گیری کاهش پیدا کند.
پاپ آپ استاندارد دارای متن قوی، طراحی خوب و زمان بندی مناسب است، به نحوی که کاربر فقط و فقط به فکر بستن آن نباشد.

 

علی سخا / آکادمی آمانج

آیا این مطلب برای شما مفید بود؟

امتیازشو ثبت کنید

میانگین / 5. تعداد رای

اولین نفر شما امتیاز دهید

نوشته شده توسط
علی سخا

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

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *