با کمک به کاربران خود در تکمیل فرم های آدرس و پرداخت در سریع ترین زمان و آسانی ممکن، تبدیل ها را به حداکثر برسانید.
Sam Dutton
فرم های خوب طراحی شده به کاربران کمک می کند و نرخ تبدیل را افزایش می دهد. یک اصلاح کوچک می تواند تفاوت بزرگی ایجاد کند!
در اینجا نمونه ای از یک فرم پرداخت ساده است که همه بهترین روش ها را نشان می دهد:
در اینجا نمونه ای از یک فرم آدرس ساده است که همه بهترین روش ها را نشان می دهد:
چک لیست
- از عناصر معنادار HTML استفاده کنید :
<form>،<input>،<label>و<button>. - هر فیلد فرم را با یک
<label>برچسب گذاری کنید . - از ویژگی های عنصر HTML برای دسترسی به ویژگی های داخلی مرورگر ، به ویژه
typeوautocompleteبا مقادیر مناسب استفاده کنید. - از استفاده از
type="number"برای اعدادی که قصد افزایش ندارند، مانند شماره کارت های پرداخت خودداری کنید. به جای آن ازtype="text"وinputmode="numeric"استفاده کنید. - اگر یک مقدار تکمیل خودکار مناسب برای
input،selectیاtextareaموجود است، باید از آن استفاده کنید. - برای کمک به مرورگرها برای تکمیل خودکار فرم‌ها، به ویژگی‌های
nameورودی وidمقادیر ثابتی بدهید که بین بارگذاری صفحه یا پیاده‌سازی وب‌سایت تغییر نمی‌کنند. - دکمه‌های ارسال را پس از ضربه زدن یا کلیک کردن، غیرفعال کنید .
- اعتبار سنجی داده ها در حین ورود - نه فقط در ارسال فرم.
- تسویه حساب مهمان را به صورت پیش فرض قرار دهید و پس از تکمیل پرداخت، ایجاد حساب کاربری را ساده کنید.
- پیشرفت در فرآیند پرداخت را در مراحل واضح با فراخوان‌های اقدام واضح نشان دهید.
- با از بین بردن درهم و برهمی و حواس پرتی ، نقاط خروجی بالقوه را محدود کنید .
- جزئیات کامل سفارش را هنگام پرداخت نشان دهید و تنظیمات سفارش را ساده کنید.