تکست فیلد در طراحی ui

    1 kIgFEQYSKMk2DSW yff5jg

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

     

    آناتومی فیلد متن(Text-Field)

    قسمتهای نوشتاری (textfield)به کاربران امکان می دهد متن را به UI وارد کنند. آنها معمولاً در فرمها و گفتگوها ظاهر می شوند.

    1 JxHL9L6V08eS7x4M1l78uQ

    در اینجا عناصر اصلی زمینه اصلی متن وجود دارد:


    ۱. Container – منطقه ورودی قابل تعامل


    ۲. Input text– وارد قسمت متن می شود


    ۳. Label Text – به کاربران بگویید چه اطلاعاتی در یک قسمت فرم داده شده تعلق دارد


    ۴. Placeholder text– توصیفی یا نمونه ای از اطلاعات مورد نیاز است که پس از ارائه کاربران با متن ورودی جایگزین می شود


    ۵. Helper or Validation text(optional) (اختیاری) – زمینه یا پیام تأیید اضافی را ارائه می دهد


    ۶. Leading icon(optional) – توصیف نوع ورودی فیلد متنی است


    ۷. Trailing icon(optional) – کنترل اضافی برای متن وارد شده ، مانند پاک کردن ، پنهان کردن / نمایش و غیره

    انواع text field

    1 QgJxq8jKBSfYUVezVoOqGg

    برای داده هایی که جمع می کنید از نوع ورودی مناسب استفاده کنید

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

    1 WV1uAB17o4ocyoON3bWRkQ

    ارائه نوع درست text field برای استفاده مجدد فیلدهای متنی باید شکل ظاهری خود را بر اساس تعاملات کاربر تغییر دهند

    این کار را می توان با ارائه نشانه های تصویری انجام داد که وضعیت زمینه متن را بیان کند. فیلدهای متن ورودی می توانند یکی از حالات زیر را داشته باشند: غیرفعال ، شناور ، غیرفعال ، متمرکز ، اعتبار سنجی ، خطا.( inactive, hover, disabled, focused, validation, error)همه ایالت ها باید به وضوح از یکدیگر متفاوت باشند و در کل شکل و کاربرد سازگار باشند. بهتر است بهترین روش ها را دنبال کنید تا مدل های ذهنی شکل گرفته کاربر را به چالش نکشید.

     

     

    1 tiXB 6Nz uiJeMLKlwvu4w

    انتخاب بهترین سبک text field

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

    1 2iSTRndDtaeVcLRPQZ6QCg
    به اندازه کافی جالب توجه است که همان مطالعه نشان داد که کاربران ورودی های گوشه ای گرد را ترجیح می دهند.
    ارسال نظر

    آدرس ایمیل شما منتشر نخواهد شد.