باید ها و نباید های طراحی فرم های وب

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

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

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

در ابتدا فرم کوتاه باشد

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

باید ها و نباید های طراحی فرم های وب

شرکت تحقیقاتی UX Nielsen Norman Group نتیجه گرفت که بنابراین ، طراحان فقط ۱۰ ثانیه فرصت دارند تا ارزش پیشنهادی خود را به وضوح بیان کنند یا خطر از دست دادن این بازدیدکنندگان را داشته باشند.

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

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

این سوالات را ایجاد می کند ، چند رشته کوتاه تلقی می شود؟ بیایید به دنبال اطلاعات برای کمک باشیم.

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

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

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

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

باید ها و نباید های طراحی فرم های وب

این به شما اطلاعات عمیق تری در مورد سرنخ هایی می دهد که تیم بازاریابی شما می تواند برای پیگیری های مرتبط تر از آنها استفاده کند.

یک مطالعه موردی ویدئویی ، همچنین از آزمایش های بازاریابی ، جزئیات موردی از یک سازمان بزرگ مطبوعاتی است که موفق شد ۱۰۹ درصد از تغییرات را در شکل خود افزایش دهد که با رفتن از ۱۱ زمینه به ۱۵ زمینه انجام شد. هنگامی که دومین تغییر را آزمایش کرد ، از ۱۱ به ۱۰ زمینه ، فقط ۸۷ درصد افزایش یافت. با استفاده از این داده ها ، در واقع می توان استدلال کرد که استفاده از فیلدهای کمتر از ۱۰ در مقابل ۱۵ باعث کاهش ۲۰ درصدی تبدیل می شود.

بهترین شیوه های طراحی فرم

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

به عبارت دیگر ، عوامل بیشتری نسبت به طول فرم وجود دارد که یک فرم هوشمند تر را تعیین می کند. بدین منظور ، در اینجا بهترین شیوه ها را هنگام طراحی سایت و فرم ها برای اطمینان از بهینه سازی آنها برای نسل اصلی ارائه می دهیم:

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

باید ها و نباید های تکمیل خودکار فرم

در ضمن تکمیل خودکار این جنبه از پر کردن یک فرم است که می تواند منجر به ناامیدی هر کسی می تواند حساب کند شود. گاهی اوقات یکی از چالش برانگیزترین ویژگی های یک فرم برای درست شدن ، تکمیل خودکار است که می تواند UX فرم شما را ایجاد یا خراب کند.

باید ها و نباید های طراحی فرم های وب

در اینجا برخی از مواردی که هنگام طراحی با تکمیل خودکار همیشه باید رعایت شود وجود دارد:

• پر کردن خودکار را در مرورگرهایی مانند Chrome و Firefox فعال کنید ، اطمینان حاصل کنید که فیلدها با عباراتی که اکثر مرورگرها تشخیص می دهند (نام ، ایمیل ، شماره تلفن و غیره) برچسب گذاری شده اند.
• به محض اینکه کاربر شما اولین حرف کلمه خود را تایپ کرد ، با نمایش لیست کشویی پیشنهادها ، از پیشنهادات سریع تکمیل خودکار اطمینان حاصل کنید.
• از پیشنهادات مربوطه که برای سابقه و مشخصات کاربر منطقی است اطمینان حاصل کنید.

و در آخر مقاله باید ها و نباید های طراحی فرم های وب باید به اطلاع شما برسانیم که تیم سئوجم می تواند شما را در راه رسیدن به اهدافتان یاری کند.

منبع : blog.adobe.com