1

In most design experience guides there is a recommendation to make all input fields the same size. However, I have a big field, and then smaller ones, like title, start date, and end date, where date fields don't looking good when stretched.

What would be a more user-friendly arrangement for these fields?

I tried different arrangements, but none of them look user friendly to me... it also seems a bit boring...

screen shot of four input fields - title, from date, to date and a large text entry area

5

The size of the input field should visually present the length of the data the user is asked to put in.

If you're asking for a date, no reason to have 300px wide input box, it will only confuse the user when the text to input is only 10 characters (~80px -100px). Same with postal codes, and other "short" data.

No need to make the user think "do I really need to fill this whole field".

And with dates it's good to use date pickers as @Chairman Meow said, and/or probably show the format in which the date is wanted (yyyy-mm-dd or dd.mm.yyyy or something else).

And last but not least: shouldn't put labels inside the input fields, if the label disappears while you activate the field... "what was I suppose to fill in now?"

3

They look pretty good now. The only improvement I can think of is the start/end date fields. Instead of asking the user to manually input the start/end date, provide them with a date picker so users don't need to guess the date format:

enter image description here

Also, you could rearrange the start/end date fields vertically like in the image above instead of horizontally which is harder to use because the mouse needs to travel further and the dates are further apart which could make it harder to read.

A note about input fields being same size, I think that depends on the scenario. For example, I don't see why a zip code input field should be the same length as address input field.

  • Nice post, thanks! input are already date-pickers, I just didn't add buttons yet – Arsen Mkrtchyan Mar 4 '14 at 22:59

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.