ساخت UI کاربر پسند در HTML

حامد 
  بازدید : 24
پنجشنبه 26 آبان 1401 زمان : 10:47 


1
2
3
4
5

این نوشته‌علمی نکات اصلی کاربرپسند شدن رابط کاربری(UI) را برای شما تشریح می نماید. طراحی سایت در مشهد از طریقه یوزرها مداقه UI از همت back-end کمتر وجود ندارد ، زیرا UI او‌لین حس از جنس طراحی سایت که مشتری قادر است ببیند و یا این که احساس نماید را ساخت و ساز می نماید . به همین استدلال هیبت ها و دیالوگ ها می بایست پر‌نور و روشن باشند.

درین نوشته‌ی‌علمی تعدادی از نکاتی که امداد می نماید رابط کاربری معمولی و استفاده کننده پسند خواهد شد را توضیح میدهیم .

1) به کار گیری از PlaceHolder ها

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

HTML

First Name

Last Name

Address Line 1

این نمونه ها مطابق ساختار Bootstrap ایجاد شده است. کلاس form-group برای مجموعه بندی فیلدها و کلاس row برای اکران فیلدها در یک خط استعمال می گردد. ردیف ها براساس کلاس col-sm-4 برای لیبل ها و col-sm-6 برای فیلدهای ورودی سایزبندی گردیده اند. col-form-label و form-control placeholder مشخصات ی منحصربه‌فرد ورودی ها می‌باشند که به مرورگر می‌گویند نوع خاصی از متن را روی در اختیار گرفتن ها اکران دهند.

2) استعمال از TAB برای پیمایش در بین فیلدها

هنگامی تعداد متعددی فیلد وجود دارااست استعمال از تب برای پیمایش دربین آنان ریلکس خیس میباشد. اکثر موتورهایUI از TAB index برای سفارشی سازی توالی در میان المان ها در جهت یاری به مسیریابی صحیح و بدیهی امان می نمایند.

First Name

Last Name

Address Line 1

در اختیار گرفتن
دارنده خصوصیت tabindex میباشد ahrefs که حق تقدم سفارشی گردیده tab را معلوم می نماید.

3)به کارگیری از دکمه Enter به طور پیش فرض

اکثر وقت ها زمانی یوزرها دکمه Enter را فشار میدهند انتظار دارا هستند یک اتفاقی بیفتد. از جمله هنگامی کل فیلدهای اجباری یک هیبت را مالامال می نمایند و دکمه Enter را می‌زنند انتظار دارا‌هستند که داده ها برای سرور ارسال خواهد شد.

1) به کار گیری از PlaceHolder ها

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

HTML

First Name

Last Name

Address Line 1

2) استعمال از TAB برای پیمایش در بین فیلدها

First Name

Last Name

Address Line 1

در اختیار گرفتن
دارنده خصوصیت tabindex میباشد ahrefs که حق تقدم سفارشی گردیده tab را معلوم می نماید.

3)به کارگیری از دکمه Enter به طور پیش فرض

برچسب ها طراحی سایت در مشهد ,

نام کاربری :
رمز عبور :
تکرار رمز عبور :
ایمیل :
نام و نام خانوادگی :
کد امنیتی :