We are implementing mobile datepicker and considering 2 options:
Which is better UX wise?
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It only takes a minute to sign up.
Sign up to join this communityWe are implementing mobile datepicker and considering 2 options:
Which is better UX wise?
Android date picker default is your 'Horizontal Button Change', so that is the most common pattern that people will have come across. I always pick the most familiar pattern even if perhaps there are alternatives that might save a few clicks. It is also one of the most common patterns on the web.
There are some apps e.g. Sunrise that popularised the scrolling date picker. However this is a calendar app, so it would appear that most of the time you will never need to scroll for more than a couple of months. Most of their videos don't use the date picker at all, they seem to favour use cases where appointments will be this week rather than this or next month, e.g. meeting for lunch tomorrow.
So if you intend users to scroll for more than a couple of months I would again favour the 'Horizontal Button Change'.
Saying all that, the scrolling calendar is quite a nice 'emotional' experience, there's a nice flow to scrolling through dates with your thumb, each month scrolls to the top and then sticks there. The Sunrise demo video is attractive.
B is simpler and less confusing, depending on your target audience A has benefits.
There's quite a nice article that takes you through the process of deciding upon the UX for a date picker. You need to consider the use cases for your date picker. How far forwards / backwards in time do they want to go? The article has the following initial suggestion:
Before working on the sketches, it was imperative to pick the different ways dates could be represented and sorting the information that went along with the dates on the form to create an information hierarchy.
The form elements were deduced to-
- Place — Where the user wants to visit.
- In-Date — When the user wants to check-in.
- Out-Date — When the user wants to check-out.
- Number of guests — How many others traveling.
UX-wise, you should test it with users. But a scrolling datepicker is quite common on mobile. 2 Things you could take into account: