101 UX Principles – 2nd edition - Second Edition

#56

Use Dropdowns Sensibly for Date Entry

A user entering a full date (like a date of birth) should be offered a dropdown for the day and month, then a numeric entry for the year. Day and month are sufficiently short that a dropdown doesn’t feel too cumbersome. It also solves the issue of US dates having their day and month in the opposite order to most of the rest of the world.

Don’t use a dropdown for the year though: it looks crazy and forcing the elderly to scroll back to the early 1900s seems very cruel. For mobile, use responsive design to show mobile users the date picker, a custom-designed UI on iOS and Android that makes picking dates a piece of cake.

Be honest—would you rather build your own mobile date entry UI or stand on the shoulders ...