11 votes
Accepted

How to design a good one-line date picker?

If 90% of scenario is covered by Today+10 days, then perhaps something like this could work, without having to worry about Next | Previous or losing your current place. It takes up more space, but it'...
Jung Lee's user avatar
  • 7,671
10 votes

Default Date for Birthdate

You shouldn't set a default for a birthday. Just as you shouldn't set a default for: Name Email Credit card number Credit card expiry date etc. The line of reasoning goes like this: Usability ...
Izhaki's user avatar
  • 32.6k
10 votes
Accepted

UX pattern for two people to agree a date/time

Combine quick input with clarifying comments It seems a potential solution would be a quick method of input for general availability combined with the option of adding some clarifying comments. ...
maxathousand's user avatar
  • 19.5k
9 votes

Is it a good practise to load contents outside of modal?

I have never seen version 2. anywhere and to be honest, it makes no sense as first it's hard to cover all the cases it creates with that way of interaction. If the data input field is the last element ...
Chris's user avatar
  • 4,538
7 votes

Entering a relative date range (in a report writer)

Circling back after 18 months (!!!), we finally have a design we're going to implement, so sharing it back here to close the loop. @Monomeeth had a great answer. We didn't have the real estate for ...
Justin Grant's user avatar
  • 1,843
6 votes
Accepted

Best practice for selecting a recurring event?

Planning of tasks tends to be more contextual than mathematical. What does that mean? It means that you go to soccer practice every Tuesday, pay your rent on the last work day of the month, download ...
Roman Abashin's user avatar
6 votes
Accepted

Native date pickers VS Custom date pickers

Native controls usually provide a better user experience (more familiar to the user, better platform specific feature support, etc.), but as you noted that varies across platforms. A few things to ...
Barnyard's user avatar
  • 614
5 votes

Entering a relative date range (in a report writer)

If it was me I would design the interface so that the most common (or useful) choices can be selected with the simple click (or tap) of a button/icon and the less common choices would be accessible ...
Monomeeth's user avatar
  • 3,826
5 votes

How to design a good one-line date picker?

You can tell better but since you mentioned that 90% time the dates will be within next 10 days - I am assuming that the user pretty much starts off with a date in mind, rather than thinking which ...
Amit Jain's user avatar
  • 3,909
5 votes

How to design a good one-line date picker?

Have you thought about whether there is a preference for weekends / week days in the selection and highlight vs grey out the sections that are less important? Concept 1 I think just a simple Next / ...
icc97's user avatar
  • 7,228
5 votes

What to do when the user selects an End date less than the Start date of an Event

In general terms the solutions either: Let the user select an incompatible date Not let the user select an incompatible date The first group could let the user know the problem: Mark the start date ...
Alvaro's user avatar
  • 16.8k
5 votes
Accepted

Date or Time From/To

Why mention date or time at all in the title? From and To should be sufficient when combined with showing the little calendar icon.
Franchesca's user avatar
  • 12.5k
4 votes
Accepted

Reminder/Alarm time picker - default time?

Why not round up to the next full hour? You'd get all the benefits of defaulting to the current time with barely any of the hassle. If the target time is within the hour, you'd only have to access ...
Matthew Hellstrom's user avatar
4 votes

Reminder/Alarm time picker - default time?

I feel giving people choices to edit hours, minutes and am/pm is much better option to have in your alarm and for this i think showing current time will be great. Also, there is much better ...
Supriya Gusain's user avatar
4 votes

Should datepickers be inclusive or exclusive?

I think it depends a bit on the audience. If I talk to my DBA, s/he wants me to be very explicit as to which I want. However if I create a UI for the general public, the inclusive (IMHO) makes more ...
scunliffe's user avatar
  • 3,712
4 votes

Should I use the native HTML5 date picker when available?

Generally it is best not to force styling from one system to the other. There is a reason each OS has a particular styleguide when creating products for their platform. It creates a unified scheme ...
Socrates Kolios's user avatar
4 votes

Time zones - How to offer date filter for data linked to different time zones?

Keep everything to local time of that time zone. With a note such as - This will work as a clear message to the users as what they are looking at; without much time calculations. If California is ...
Dipak's user avatar
  • 16.2k
4 votes

UX pattern for two people to agree a date/time

As someone who's used freegle/freecycle in the past and knows no-shows are an absolute pain in the butt, how about making the person offering an item specify some times that others can pick up their ...
mgraham's user avatar
  • 1,793
4 votes
Accepted

Standard to let user select duration for hours and minutes

Tom, how granular does this setting have to be? Especially for less technically savvy users, providing a set of meaningful presets could already do the trick. E.g., here's the menu for setting the ...
JochenW's user avatar
  • 849
4 votes

What is the best route to select a time?

I think there's room on mobile to have hour rows with 15-minute buttons. Hour rows are readable and scannable so users should be able to skip down to their hour.
moot's user avatar
  • 5,351
3 votes

Date Selection UX for "Year","Month" or "Date" Options on Web

You could start with letting the user select just the year, once done give him an option to select month and then date. Something like this I would have made an animated version but really low on ...
TDsouza's user avatar
  • 608
3 votes

Interactive calendar/date picker with sparsely selectable dates?

4000 dates in a dropdown is something you should avoid at all costs. There are different better ways depending on your needs and technical ability. The easier one is to simply use a filter, like this: ...
Devin's user avatar
  • 37.9k
3 votes

Should datepickers be inclusive or exclusive?

I'd say inclusive, simply because if I pick a date or date range I'm thinking about that specific time or range. If I wanted a time range between 2am and 3am I wouldn't want to put 01:59:59 - 03:00:01....
Tory's user avatar
  • 1,564
3 votes

Best design for time range filter?

This kind of choice should be as simple and intuitive as possible; And i would prefer selected a pre configured option, rather than selection a "start hour" and a "end hour". The pizza hut solution ...
Renaud's user avatar
  • 7,613
3 votes
Accepted

Showing (binary) availability on date picker

Explain that the simplest, clearest UI is always best... ..and adding more complexity (via colors) is taking this design in the wrong direction. Graying out is a well-established way of ...
dennislees's user avatar
  • 11.6k
3 votes

Date or Time From/To

Definitely Date / Time From and Date / Time To, because otherwise user could forget to enter one of the two. Or separate it completely, if possible.
Blindripper's user avatar
3 votes

Best practice for selecting a recurring event?

I Think there should be hierarchy in layout and options should be daily, weekly, monthly as per the below example
Mohammed Yaseen Ganai's user avatar
3 votes

Best practice for selecting a recurring event?

Information hierarchy in your case is reversed You will first have to take make the user select desired interval and then allow the user to input number of days/week/months. We recently designed ...
Sheraz's user avatar
  • 1,819
3 votes

Best practice for selecting a recurring event?

I would say that your approach should depend on the tasks your users need to perform. For example: if I want to schedule a meeting which occurs every Monday morning I would want to set a start/end ...
Gosia's user avatar
  • 96
3 votes

Should users choose the "from" or the "to" when selecting past dates in the date picker?

Why not make it both? The first date you click (A) will light up. If you then move your mouse to another date (B), date B and all the days in between will light up. If date B is earlier than date A, B ...
Tvde1's user avatar
  • 141

Only top scored, non community-wiki answers of a minimum length are eligible