10 نکته در طراحی UX برای ساخت یک صفحه فرود جذاب
1397/03/10 15:50 , بهزاد ناظمی

10 نکته در طراحی UX برای ساخت یک صفحه فرود جذاب

به معنای وسیعتر، یک صفحه فرود(Landing Page) صفحه وبی است که از طریق آن به یک بازدید کننده سایت را معرفی می کند. صفحات اصلی سایت اغلب به عنوان صفحات فرود قرار داده می شوند، هر چند هر صفحه دیگری می تواند یک صفحه اصلی باشد. به عنوان مثال، اگر شما به  این مقاله  از طریق Google وارد شده اید تا این مقاله را بخوانید،  پس در این مورد این صفحه مقاله صفحه فرود است.

 

 

google

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

دومین مثال برندها تک محصول هستند، مانند برنامه های وب و تلفن همراه (فقط چند نمونه شناخته شده است: Telegram، WhatsApp، Evernote، Slack).

هدف اصلی ساخت یک صفحه فرود، بهینه سازی نرخ تبدیل (CRO) است. طراحان زیادی هستند که از بهترین شیوه ها می توانند برای افزایش نرخ تبدیل استفاده کنند (بیشتر افراد را وادار به ثبت نام، دانلود، خرید و غیره کنند). در این مقاله، ما 10 راهنمایی برای طراحی UX را با نمونه های واقعی برای ایجاد صفحات اصلی با نرخ تبدیل بالا معرفی میکنیم.

  1. هدف اصلی تجارت خود را به CTA تبدیل کنید

بسیاری از صفحات فرود می خواهند بیشتر دریافتی در اول کار خود داشته باشند. با این حال، بازدیدکنندگان در معرض بارگذاری اطلاعات سنگینی هستند که باعث گیج شدن شدن و ترک کردن صفحه خواهد بود.

 قبل از شروع به طراحی صفحه هدف خود، به طور کامل به مهترین هدف تجارت خود فکر کنید. آیا میخواهید مردم برنامه شما را دانلود کنند؟ یک محصول جدید را اجرا کنند ؟ یا میزان ثبت نام در خبرنامه خود را افزایش دهید؟ هنگامی که شما متوجه شدید، هدف اصلی کسب و کار را به یک فرخوانی عمل (Call To Action) قانع کننده تبدیل کنید.

به عنوان مثال، نگاهی به صفحه اصلی Cryptagon می اندازیم. در نگاه اول می توانید هدف اصلی کسب و کار آن را بگویید.

 آنها می خواهند مردم به ثبت نام در برنامه بپردازند.این پیام در تمام صفحه  باقی خواهند ماند، آنها توجه مشتری خود را با هر گونه اطلاعات غیر ضروری از بین نمی برند.

. مزایای اصلی را در سرفصل مشخص کنید

اگر میخواهید یک صفحه فرود با نرخ بالا داشته باشید، یک عنوان خوب و تاثیرگذار بسیار مهم است. یک تیتر خوب باید کوتاه، چشم نواز، و هدفمند باشد. این یک خطای مکرر در صفحات فرود است که سربرگ اهداف محصول را از دیدگاه مالک سایت مشخص می کند. با این حال، باید بصورت دیگری باشد. یک عنوان می تواند بازدیدکنندگان را به یک خریدار تبدیل کند، اگر مزایای محصول را از دیدگاه کاربر نشان دهد.

  1. بررسی کامل چگونگی کارکرد محصولات

بسیاری از مردم تمایل دارند تنها آن چیزی که با چشمان خود میبینند را باور کنند. نمایش بصری از این که چگونه یک محصول کار می کند، افراد بیشتری را مجبور به خرید می کند. این روش به ویژه اگر شما از تصویر به عنوان یک تصویر شاخص استفاده کنید بخوبی کار می کند. تصاویر شاخص، گاهی اوقات تصاویر هدر نیز نامیده می شوند، تصاویر Full-width که در بالای صفحه قرار دارند و به عنوان پس زمینه برای یک صفحه، یک توضیح کوتاه و یا دکمه دعوت به عملی می باشند.

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

  1. از پوسته های غیر معمول استفاده کنید

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

  1. لوگوی برندهای معتبر را وارد کنید

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

  1. استفاده از گرافیک منحصر به فرد

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

  1. اضافه کردن داده یا آمار

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

  1. چت و تماس را به آسانی در دسترس قرار دهید

اگر می خواهید به نرخ تبدیل بالا برسید، باید امکان این که بازدید کنندگان بتوانند سؤالات خود را بپرسند، در وب سایت فراهم باشد.

 حال ممکن است آنها را با یک فرم ایمیل، چت زنده یا یک دکمه تماس مستقیم ارائه دهید، مهمترین  مساله این است که گزینه تماس همیشه باید قابل مشاهده و به راحتی در دسترس باشد.

  1. CTA را در پایین صفحه تکرار کنید

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

  1. از یک دکمه CTA که خارج از صفحه استفاده کنید

برای نرخ تبدیل بالای صفحه، باید یک دکمه فراخوانی به عمل ایجاد کنید که بصورت بصری در خارج صفحه نمایش ظاهر شود. رنگ، شکل، موقعیت، طرح همه مهم است. هیچ قانون جهانی وجود ندارد، با این حال دکمه (ها) باید با بقیه طراحی صفحه متناسب باشند.

 

        برگرفته از : https://onextrapixel.com

از آخرین دوره های آموزشی و تخفیف ها مطلع شوید

با تکمیل فرم زیر ، از اخبار و اطلاعات به روز برنامه نویسی و تکنولوژی عقب نمانید

آخرین مطالب

آموزش جامع SQL Server (جلسه ۱۲)
آموزش جامع SQL Server (جلسه ۱۲)

دستور UPDATE در SQL Server برای تغییر داده‌های موجود در یک جدول، از دستور UPDATE به شکل زیر استفاده ...

آموزش جامع SQL Server (جلسه ۱۵)
آموزش جامع SQL Server (جلسه ۱۵)

دستور DROP TABLE در SQL Server گاهی، لازم است یک جدول که دیگر استفاده‌ای ندارد را حذف کنید. برای ...

آموزش جامع SQL Server (جلسه ۳۵: Window Functionها – بخش ۲)
آموزش جامع SQL Server (جلسه ۳۵: Window Functionها – بخش ۲)

بخش اول از آخرین مبحث دوره جامع آموزش SQL Server در جلسه قبلی بررسی شد. این مبحث که ...

آخرین دیدگاه ها

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

فرم ارسال نظرات