Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What's the best UI for entering date of birth? [closed]

What is the best method for date of birth selector?

  • 3 text inputs (month / day / year) or one mask input. User MUST use keyboard
  • 3 select boxes. User can use keyboard or mouse.
  • One nice datepicker.

I want to know what is the most usable and problem free solution, so user wont be confused at all.

like image 868
Ionuț Staicu Avatar asked Dec 04 '08 09:12

Ionuț Staicu


People also ask

How do you write date of birth in numbers?

The international standard recommends writing the date as year, then month, then the day: YYYY-MM-DD. So if both Australians and Americans used this, they would both write the date as 2019-02-03. Writing the date this way avoids confusion by placing the year first.

How are dates written in UX?

*Choose date format based on your user group — using dd / mmm / yyyy for illustrative purposes.

How do you write date of birth in a box?

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. Date of Birth, Format of Date of Birth, Income tax return Here we provided the correct format of date of birth to be entered while filing the return.


2 Answers

If your goal is to make sure "the user won't be confused at all," I think this is the best option.

three dropdowns for month, day, year

I wouldn't recommend a datepicker for date of birth. First you have to browse to the year (click, click, click…), then to the month (click some more), and then find and click the tiny number on a grid.

Datepickers are useful when you don't know the exact date off the top of your head, e.g. you're planning a trip for the second week of February.

like image 148
Patrick McElhaney Avatar answered Oct 17 '22 10:10

Patrick McElhaney


Whilst this is a very old question, it is so important in getting a date of birth input correct, especially in a registration form.

I think no one has done this better than the google accounts sign up:

Google Account signup

Select the month first from a select box and manually type in the date and year. Simple.

Easy to validate. Easy for users to get right. No scrolling back the years in a select box from 1900-the present year. No need to update a 'day' select box based on month input. Works great on web. Works great on mobile. Works for all locales eg 01/10/2014 - is that the 1st October or 10th Jan? I expect we'll be seeing this birthday picker format a lot more in future.

A datepicker is just a poor solution all round. So many clicks! In my opinion, a datepicker is only useful when knowing the day of the week is important eg booking tickets.

Update 2/6/2016: I am from UK, so I am more familiar with day/month/year formats, rather than month/day/year. However, users who will use their cursor to select the month, I believe it is much easier having the select box first, rather than going input > select box > input. The comment date is 2nd June, not 6th Feb ;)

like image 30
Patrick Avatar answered Oct 17 '22 11:10

Patrick