Utilize Field Length As An Affordance
The length of the field affords the length of the answer. Employ this for fields that have a defined character count like phone numbers, zip codes,ย etc.
Text fields should be about the same size as the expected input since itโs extremely error prone when users canโt see their full entry. For example, for 2,130 recent participants in theย UX Conference, the userโs city of residence ranged between 3 characters (Leo, Indiana) to 22 characters (San Pedro Garza Garcia, Mexico). 99.9% of city names were 19 characters or shorter, making 19 characters a reasonable width for a city field.