۱ emad ta
خلاصه این فصل
جامعه Html & CSS ایجاد شده در ۱۹ آذر ۱۳۹۹

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

 

1 - فرم‌ها رو کوتاه کنید ( بیایم و یک سری مطالب اصل کاری و واجب رو در ابتدا ازش بگیریم و در انتها با دادن یکسری امتیاز‌ها بیایم و کاربر رو مجبور به تکمیل فرم اش بکنیم )

 

2 - فواصل بین المان‌های فرم را برای جلوه بصری بهتر رعایت کنید برای مثال مقدار margin - botton رو بین 15 تا 20 پیکسل رعایت کنید 

 

3 - خطاها و باید‌ها رو واضح بیان کنید برای مثال اون توضحیات پیرامون وارد کردن ایمیل رو بیایم و در سمت‌های کناری طراحی کنیم نه در پایین اون که با مباحث UI مقایرت دارد این مورد 

 

4 - از place holder‌ها به عنوان برچسب استفاده نکنید 

 

5 - از auto - focus  استفاده بکنید 

 

6 - به کاربر اطلاع دهید caps lock کیبورد فعال است

 

7 - از محدودیت‌های بصری استفاده بکنید برای مثال در input ای که نهایتا قراره 3 الی 4 تا کاراکتر در آن قرار بگیرد رو نیاین و  یک طول زیاد در نظر بگیرین 

 

8 - گزارش خطاها رو پنهان نکنید

 

9 - گزینه‌های اختیاری را به وضوح نشان دهید

 

10 - از تصاویر برای افزایش تعامل با کاربر استفاده کنید 

 

11 - در صورت امکان از جستجوی پیش بینی شده استفاده کنید

نکته : ما با استفاده از پراپرتی‌های invalid و valid می‌توانیم بیایم و برای input هامون یک جور کنترل هایی قرار بدهیم

 

نکته : ما با استفاده از attribute به نام oninvalid  و تابع ( ' ' ) this.setCustomvalidity  می توانیم بیایم و اون پیغام خطایی که قراره بع کاربرمون پیرامون input اش نمایش داده شود رو کنترل کنیم 

 

نکته : ما با استفاده از attribute به نام novalidate جلوی قرار گیری مقادیر در داخل input‌ها رو میگیریم

 

emad ta ۲۰ آذر ۱۳۹۹، ۰۴:۳۵