پایگاه دانش سئوجم

سئوجم » پایگاه دانش » آموزش طراحی وبسایت » نحوه طراحی صفحه های هدف

جدیدترین مطالب
جدیدترین نمونه کارهای ما
نحوه طراحی صفحه های هدف

نحوه طراحی صفحه های هدف

زمان مطالعه: ۵ دقیقه

نحوه طراحی صفحه های هدف

نحوه طراحی صفحه های هدف : صفحات تور یکی از مهمترین اجزای وب سایت های تبلیغاتی برنامه ها و/یا خدمات هستند. صفحه تور اغلب جایی است که کاربران علاقه مند تصمیم قطعی برای ثبت نام می گیرند یا به کار دیگری می روند.

طراحی صفحه های هدف سخت تر از آن است که به نظر می رسد

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

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

یکی از سرویس های مورد علاقه من در وب نه تنها برای ردیابی هر درصدی که صرف می کنید بسیار مفید است ، بلکه از نظر طراحی نیز بسیار جذاب است. از آنجا که طراحان آنها بسیار با استعداد هستند ، من تصور کردم آنها احتمالاً می توانند یک یا دو مورد را در مورد موضوع امروز به ما بیاموزند.

ادامه مطلب
عوامل کلیدی برای موفقیت وب سایت

نحوه طراحی صفحه های هدف

نحوه طراحی صفحه های هدف

سازمان محتوا

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

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

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

ارائه محتوای قوی

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

نحوه طراحی صفحه های هدف

نحوه طراحی صفحه های هدف

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

ادامه مطلب
نحوه انتخاب رنگ برای وب سایت شما

متفاوت ، اما یکسان

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

حفاری های عمیق تر

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

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

نحوه طراحی صفحه های هدف

 

نحوه طراحی صفحه های هدف

یک آشفتگی سازمان یافته

این روش برای علامت گذاری اسکرین شات ، طراحی نسبتاً ارگانیک را ایجاد می کند. نشانگرها به جای یک جریان قابل پیش بینی و منطقی ، در همه جا پراکنده شده اند. یک ترفند طراحی بسیار ظریف وجود دارد که به شما کمک می کند نظم را در هرج و مرج ببینید .

ادامه مطلب
5 مرحله برای سرعت بخشیدن به تصاویر

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

نحوه طراحی صفحه های هدف

 

نحوه طراحی صفحه های هدف

نتیجه

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

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

اگر اخیراً صفحه تور طراحی کرده اید ،در مقاله نحوه طراحی صفحه های هدف نظر دهید. از چه تکنیک هایی برای اطمینان از موفقیت استفاده کردید؟ آیا با آزمایش طرح ها و طرح های مختلف چیزی آموخته اید؟

منبع : designshack.net

اشتراک گذاری در facebook
اشتراک گذاری در twitter
اشتراک گذاری در linkedin
اشتراک گذاری در pinterest
اشتراک گذاری در reddit
اشتراک گذاری در telegram
اشتراک گذاری در whatsapp
اشتراک گذاری در email
اشتراک گذاری در print

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

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

برای مشاوره رایگان کلیک کنید