افزایش نرخ تبدیل – عنصر ششم: طرح‌بندی و چیدمان منعطف صفحه فرود

[تعداد: 1    میانگین: 5/5]

آیا می‌دانید که هنوز هستند افرادی که با مانیتورهای رزولوشن ۶۰۰×۸۰۰ کار می‌کنند و هنوز مرسوم‌ترین اندازه صفحه نمایش ۷۶۸×۱۰۲۴ است؟

این به این معنی است که ممکن است تصویری که شما در صفحه نمایش بزرگ HD خود می‌بینید با آنچه مشتری شما مشاهده می‌کند بسیار متفاوت باشد. سعی کنید بخش‌های مهمی از پیام خود – لوگو، تیتر، تقاضا برای اقدام (CTA)، عناصر گرافیکی کمکی– را در قسمت بالا و مرکز صفحه فرود به همراه پیام‌های جانبی و تکمیل‌کننده در قسمت پایین‌تر صفحه قرار دهید.

توصیه‌های استراتژیک برای طراحی صفحه فرود

مطمئن باشید که طراح شما المان‌های بسیار مهم شما را بشناسد و آن‌ها را در قسمت بالا و مرکز صفحه فرود قرار دهد.

 

توصیه‌های کاربردی برای طراحی صفحه فرود

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

داستان عبرت‌آموز ( نمونه اشتباه طراحی صفحه فرود ریسپانسیو )

نمونه اشتباه طراحی صفحه فرود ریسپانسیو

این عکس مربوط به وب‌سایت  Basecamp در رزولوشن ۱۰۲۴ است. ما لینک‌هایی شبیه تبلیغات گوگل، یک تیتر زمخت و درشت، و یک تیکه از موی بلوند به‌هم‌ریخته را می‌بینیم. اما، از همه گذشته، شما مجبورید زحمت زیادی را برای مشاهده مناسب این صفحه متحمل شوید.

اجرای صحیح ( نمونه خوب طراحی صفحه فرود ریسپانسیو )

نمونه خوب طراحی صفحه فرود ریسپانسیو

و این وب‌سایت Visual Website Optimizer در رزولوشن ۱۰۲۴ است. همه‌چیز در این صفحه دیده می‌شود – تیتر خوب، CTA عالی، تأییدیه اجتماعی و برخی از ویژگی‌های بسیار مهم (VIA). حتی در اندازه کوچک‌تر نیز عناصر بسیار مهم صفحه قابل‌مشاهده هستند.
برای مشاهده سایر عوامل مهم در طراحی لندینگ پیج برای افزایش نرخ تبدیل به مطلب بهینه‌سازی صفحه فرود برای تبدیل بازدیدکننده به مشتری مراجعه کنید.

مطالب مرتبط

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

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