Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Html Birthdate input usability best practice

I am going to implement standard functionality - birthdate input on web form for PC.

There are lots of interfaces how to implement this.

  • Date picker (OMG, I can't stand picking date with it. Too many clicks required)
  • 3 Dropdown lists. Day, Month, Year. (I am not very fond of it though - they are too long)
  • Straightforward input: DD.MM.YYYY (My choice, but I am programmer, not a customer)
  • ... some more

What kind of input do you prefer? What is the worst one for your opinion?

like image 897
Andrew Florko Avatar asked May 14 '10 09:05

Andrew Florko


People also ask

When should I use Datepicker?

Use a calendar picker (single or range) when the user needs to know a date's relationship to other days or when a date could be variable. The user can view and pick dates from a calendar widget or manually type them in the text field. Use when asking the user to input a specific time.

How do I put my date of birth on forms?

The correct format of your date of birth should be in dd/mm/yyyy. For example, if your date of birth is 9th October 1984, then it will be mentioned as 09/10/1984.

What is Field birthdate?

What users commonly see in a birthdate field is “mm/dd/yyyy” or “dd/mm/yyyy.” Although it may be easy for some users to intuit that “mm” stands for month and “dd” stands for day, other users often get confused by this or they ignore it.


1 Answers

Interaction design is an art by itself. Being an architect/developer myself, I also prefer to use the 3 input boxes, but... We have to think of the 'target user' and 'what (s)he's used to'. In a general sense, for me that results in providing all three options in one interaction design.

A popup with calendar control and 3 input boxes (with drop down support) would yield something that offers all 3 options mentioned by you.

Again, interaction design is also focussed on the "point of view" for whom the interaction design is being made. So, depending on your target audience you might choose to leave out some of the possibilities.

Hope this helps,

like image 84
Marvin Smit Avatar answered Sep 19 '22 18:09

Marvin Smit