Skip to main content
Remove excessive capitalization
Source Link
Glorfindel
  • 3.3k
  • 5
  • 22
  • 36

I am building a form for Mobile Web that requires users to enter in their DOB.

What is the best way to present the date input field(s)?

Some of the following options were identified in this question and its answers (thanks Oliver and those who answered it!) and I am interested if there's a different answer for Mobile Web:

  1. Single Text Field - A single simple free text field with an example (seems to be generally recommended approach for Desktop)

  2. Three Separate Text Fields - Users are able to enter day, month and year in three separate free text fields. With separate fields, this can cause some minor issues with users who look at the keyboard when entering data and not the screen so tended to enter in all fields then look up and notice that only the day field has been entered.

  3. Dropdown - Users can select the day, month and year from a series of drop down menus. So drop downdropdown one is a list of 1 to 31, dropdown two is January through to December. This seems easier although the number of years in the final drop down is very long - 1920 to 2012 (?)

  4. Native Date Input - using to present a native-like compound menu control (see example about half way down this Smashing article on mobile form designthis Smashing article on mobile form design or answers to this question (not specifically about DOB)) - I don't think this is universally supported on different mobile browsers though.

  5. Combination - Dropdowns for Day and Month (to ensure accuracy) and a free text field for Year (for faster data entry).

  6. Date Picker - Terrible option for DOB but I could present a date picker with a calendar icon where users can scroll through the months and years to select their date of birth.

In my case, it is for a CRM, so speed and ease of entry are more important than 100% accuracy.

I know that a simple single text field is fastest input method for most people. I am interested if the best approach for Mobile is different, as dropdown selection can be easier than text entry on Mobile.

Has anyone user tested any of the above options for Date of Birth entry on Mobile Web?

Bonus question: If it had to also work on Tablet and Desktop, what would you recommend?

I am building a form for Mobile Web that requires users to enter in their DOB.

What is the best way to present the date input field(s)?

Some of the following options were identified in this question and its answers (thanks Oliver and those who answered it!) and I am interested if there's a different answer for Mobile Web:

  1. Single Text Field - A single simple free text field with an example (seems to be generally recommended approach for Desktop)

  2. Three Separate Text Fields - Users are able to enter day, month and year in three separate free text fields. With separate fields, this can cause some minor issues with users who look at the keyboard when entering data and not the screen so tended to enter in all fields then look up and notice that only the day field has been entered.

  3. Dropdown - Users can select the day, month and year from a series of drop down menus. So drop down one is a list of 1 to 31, dropdown two is January through to December. This seems easier although the number of years in the final drop down is very long - 1920 to 2012 (?)

  4. Native Date Input - using to present a native-like compound menu control (see example about half way down this Smashing article on mobile form design or answers to this question (not specifically about DOB)) - I don't think this is universally supported on different mobile browsers though.

  5. Combination - Dropdowns for Day and Month (to ensure accuracy) and a free text field for Year (for faster data entry).

  6. Date Picker - Terrible option for DOB but I could present a date picker with a calendar icon where users can scroll through the months and years to select their date of birth.

In my case, it is for a CRM, so speed and ease of entry are more important than 100% accuracy.

I know that a simple single text field is fastest input method for most people. I am interested if the best approach for Mobile is different, as dropdown selection can be easier than text entry on Mobile.

Has anyone user tested any of the above options for Date of Birth entry on Mobile Web?

Bonus question: If it had to also work on Tablet and Desktop, what would you recommend?

I am building a form for Mobile Web that requires users to enter in their DOB.

What is the best way to present the date input field(s)?

Some of the following options were identified in this question and its answers (thanks Oliver and those who answered it!) and I am interested if there's a different answer for Mobile Web:

  1. Single Text Field - A single simple free text field with an example (seems to be generally recommended approach for Desktop)

  2. Three Separate Text Fields - Users are able to enter day, month and year in three separate free text fields. With separate fields, this can cause some minor issues with users who look at the keyboard when entering data and not the screen so tended to enter in all fields then look up and notice that only the day field has been entered.

  3. Dropdown - Users can select the day, month and year from a series of drop down menus. So dropdown one is a list of 1 to 31, dropdown two is January through to December. This seems easier although the number of years in the final drop down is very long - 1920 to 2012 (?)

  4. Native Date Input - using to present a native-like compound menu control (see example about half way down this Smashing article on mobile form design or answers to this question (not specifically about DOB)) - I don't think this is universally supported on different mobile browsers though.

  5. Combination - Dropdowns for Day and Month (to ensure accuracy) and a free text field for Year (for faster data entry).

  6. Date Picker - Terrible option for DOB but I could present a date picker with a calendar icon where users can scroll through the months and years to select their date of birth.

In my case, it is for a CRM, so speed and ease of entry are more important than 100% accuracy.

I know that a simple single text field is fastest input method for most people. I am interested if the best approach for Mobile is different, as dropdown selection can be easier than text entry on Mobile.

Has anyone user tested any of the above options for Date of Birth entry on Mobile Web?

Bonus question: If it had to also work on Tablet and Desktop, what would you recommend?

On Mobile Webmobile web, what's the best way to present Date of Birth form fields?

replaced http://ux.stackexchange.com/ with https://ux.stackexchange.com/
Source Link

I am building a form for Mobile Web that requires users to enter in their DOB.

What is the best way to present the date input field(s)?

Some of the following options were identified in this questionthis question and its answers (thanks Oliver and those who answered it!) and I am interested if there's a different answer for Mobile Web:

  1. Single Text Field - A single simple free text field with an example (seems to be generally recommended approach for Desktop)

  2. Three Separate Text Fields - Users are able to enter day, month and year in three separate free text fields. With separate fields, this can cause some minor issues with users who look at the keyboard when entering data and not the screen so tended to enter in all fields then look up and notice that only the day field has been entered.

  3. Dropdown - Users can select the day, month and year from a series of drop down menus. So drop down one is a list of 1 to 31, dropdown two is January through to December. This seems easier although the number of years in the final drop down is very long - 1920 to 2012 (?)

  4. Native Date Input - using to present a native-like compound menu control (see example about half way down this Smashing article on mobile form design or answers to this question (not specifically about DOB)answers to this question (not specifically about DOB)) - I don't think this is universally supported on different mobile browsers though.

  5. Combination - Dropdowns for Day and Month (to ensure accuracy) and a free text field for Year (for faster data entry).

  6. Date Picker - Terrible option for DOB but I could present a date picker with a calendar icon where users can scroll through the months and years to select their date of birth.

In my case, it is for a CRM, so speed and ease of entry are more important than 100% accuracy.

I know that a simple single text field is fastest input method for most people. I am interested if the best approach for Mobile is different, as dropdown selection can be easier than text entry on Mobile.

Has anyone user tested any of the above options for Date of Birth entry on Mobile Web?

Bonus question: If it had to also work on Tablet and Desktop, what would you recommend?

I am building a form for Mobile Web that requires users to enter in their DOB.

What is the best way to present the date input field(s)?

Some of the following options were identified in this question and its answers (thanks Oliver and those who answered it!) and I am interested if there's a different answer for Mobile Web:

  1. Single Text Field - A single simple free text field with an example (seems to be generally recommended approach for Desktop)

  2. Three Separate Text Fields - Users are able to enter day, month and year in three separate free text fields. With separate fields, this can cause some minor issues with users who look at the keyboard when entering data and not the screen so tended to enter in all fields then look up and notice that only the day field has been entered.

  3. Dropdown - Users can select the day, month and year from a series of drop down menus. So drop down one is a list of 1 to 31, dropdown two is January through to December. This seems easier although the number of years in the final drop down is very long - 1920 to 2012 (?)

  4. Native Date Input - using to present a native-like compound menu control (see example about half way down this Smashing article on mobile form design or answers to this question (not specifically about DOB)) - I don't think this is universally supported on different mobile browsers though.

  5. Combination - Dropdowns for Day and Month (to ensure accuracy) and a free text field for Year (for faster data entry).

  6. Date Picker - Terrible option for DOB but I could present a date picker with a calendar icon where users can scroll through the months and years to select their date of birth.

In my case, it is for a CRM, so speed and ease of entry are more important than 100% accuracy.

I know that a simple single text field is fastest input method for most people. I am interested if the best approach for Mobile is different, as dropdown selection can be easier than text entry on Mobile.

Has anyone user tested any of the above options for Date of Birth entry on Mobile Web?

Bonus question: If it had to also work on Tablet and Desktop, what would you recommend?

I am building a form for Mobile Web that requires users to enter in their DOB.

What is the best way to present the date input field(s)?

Some of the following options were identified in this question and its answers (thanks Oliver and those who answered it!) and I am interested if there's a different answer for Mobile Web:

  1. Single Text Field - A single simple free text field with an example (seems to be generally recommended approach for Desktop)

  2. Three Separate Text Fields - Users are able to enter day, month and year in three separate free text fields. With separate fields, this can cause some minor issues with users who look at the keyboard when entering data and not the screen so tended to enter in all fields then look up and notice that only the day field has been entered.

  3. Dropdown - Users can select the day, month and year from a series of drop down menus. So drop down one is a list of 1 to 31, dropdown two is January through to December. This seems easier although the number of years in the final drop down is very long - 1920 to 2012 (?)

  4. Native Date Input - using to present a native-like compound menu control (see example about half way down this Smashing article on mobile form design or answers to this question (not specifically about DOB)) - I don't think this is universally supported on different mobile browsers though.

  5. Combination - Dropdowns for Day and Month (to ensure accuracy) and a free text field for Year (for faster data entry).

  6. Date Picker - Terrible option for DOB but I could present a date picker with a calendar icon where users can scroll through the months and years to select their date of birth.

In my case, it is for a CRM, so speed and ease of entry are more important than 100% accuracy.

I know that a simple single text field is fastest input method for most people. I am interested if the best approach for Mobile is different, as dropdown selection can be easier than text entry on Mobile.

Has anyone user tested any of the above options for Date of Birth entry on Mobile Web?

Bonus question: If it had to also work on Tablet and Desktop, what would you recommend?

Question Protected by CommunityBot
Tweeted twitter.com/#!/StackUX/status/347261549402005504
Source Link
Dan
  • 873
  • 2
  • 8
  • 12
Loading