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

اهمیت سادگی در طراحی وب‌سایت

دو عامل بزرگ در موفقیت وبسایت «شفافیت» و «سادگی» خواهد بود. این دو عامل، ویژگی‌هایی هستند که مورد پسند همه بازدیدکنندگان فضای وب می‌باشد. زمانی که به عنوان یک طراح سایت رضایت کاربر را در اولویت قرار می‌دهید، یعنی یک قدم به موفقیت نزدیک شده‌اید. البته منظور ما از سادگی و شفافیت این نیست که ابزارهای تاثیرگذار در فروش و بازاریابی را فراموش کنید.

آشنایی با پاپ‌آپ و دلیل به وجود آمدن آن

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

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

انواع پاپ و عملکرد آنها

در ادامه با ویژگی ظاهری انواع پاپ‌آپ و دلیل استفاده از آن‌ها در پروژه‌ها آشنا خواهیم شد:

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

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

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

با دانستن  دلیل زیر، به این نتیجه می‌رسید که که اگر از شیوه درست وارد شوید، پاپ‌آپ‌ها نقش یک کاتالیزور بسیار مهم و موثر را ایفا می‌کنند:

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

گوگل جریمه سختی برای وب‌سایت‌هایی که از پاپ‌آپ‌های زیر استفاده می‌کنند در نظر گرفته است:

1. پاپ‌آپ بلافاصله پس از ورود به صفحه به کاربر نمایش داده می‌شود.
2. پاپ‌‌آپ‌ محتوای صفحه سایت را پنهان می‌کند و دسترسی به محتوای اصلی وجود ندارد.
3. پاپ‌‌آپ تمام فضای صفحه را پوشش می‌دهد.

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

با رعایت قوانین زیر می‌توانید نرخ تبدیل پاپ‌آپ را بیشتر کرده و استانداردهای مورد نظر گوگل که بر  سئو سایت نیز تاثیرگذار هستند را رعایت کنید.

• همسو با قوانین گوگل در پاپ‌آپ موبایل حرکت کنید .
• لازم نیست پاپ‌‌آپ‌ در نسخه موبایل و دسکتاپ یکسان باشد، برای هر دستگاه یک پاپ‌آپ اختصاصی طراحی کنید.
• یک راه خروج برای بستن پاپ‌آپ در اختیار کاربر بگذارید.
• پاپ‌آپ را حداقل 5 ثانیه پس از ورود کاربر به صفحه به او نشان دهید.
• از پاپ‌‌آپ‌های تکراری در صفحات مختلف سایت استفاده نکنید.
• اگر قصد دارید توجه کاربر شما تنها به یک چیز جلب شود، پنجره پاپ‌آپ خود را در مرکز صفحه قرار دهید.
• اگر قصد دارید یک پیشنهاد ویژه یا تخفیف ویژه را به کاربر اطلاع دهید، به جای پاپ‌آپ از "Sticky Bar" استفاده کنید.
• اگر محتوای پاپ‌آپ شما خیلی مورد نیاز کاربر نیست، پاپ‌آپ خود را در حاشیه صفحه قرار دهید.
• از پاپ‌‌آپ‌های شخصی‌سازی شده کاربر بهره ببرید تا مخاطب شما توجه بیشتری به محتوای پاپ‌آپ داشته باشد.
• اگر پاپ‌آپ یک بار توسط کاربر بسته شد در صفحات دیگر سایت یا مراجعات بعدی نباید نمایش داده شود.
• بدون هدف از پاپ‌‌آپ‌ها استفاده نکنید، زیرا اینکار باعث می‌شود وقت کاربران گرفته شده و در نتیجه اعتماد آن‌ها را از دست بدهید.
• پاپ‌آپ را به نحوی طراحی کنید که از لحاظ ظاهری با سایت شما هماهنگ باشد.
• ریسپانسیو بودن پاپ‌آپ یک امر ضروری در طراحی سایت محسوب می‌شود.
• از متن‌های کوتاه و صریح استفاده کنید.
• دکمه یا پیام شما در پاپ‌آپ باید واضح و در دسترس باشد.
• در به دست آوردن اطلاعات کاربران خود زیاده‌روی نکنید و تنها آدرس ایمیل آن‌ها را دریافت کنید.
• محتوای پاپ‌آپ باید با محتوای موجود در صفحه مرتبط باشد.
• به کاربران زمان کافی برای بررسی سایت بدهید و تا جای ممکن از پاپ‌‌آپ‌ها در صفحه اول سایت خود استفاده نکنید.

سایر مطالب وبلاگ دیاکو را نیز مطالعه کنید.