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 ...
- 584
5
votes
What's the most appropriate default year for a datepicker?
The most appropriate answer is "it depends", I reckon.
First of all, I'd say there isn't one most appropriate date for the events like graduation (which can be anywhere between this year and past ...
- 3,115
3
votes
Is a double modal pop up a concern?
Calum, I see two challenges with nested modals:
Users may lose track of where they are, and
Backtracking through multiple modals is tedious.
I've seen quite a few designs that go two, maybe three, ...
- 849
2
votes
Date picker: distinguish between today and the selected date
IMO, nothing is more clear than writing "Today".
2
votes
What's the most appropriate default year for a datepicker?
Put the current date as the default in the date picker as it is not going to increase the cognitive load and based on the recognition, the user can navigate to any point.
- 1,257
2
votes
Best UI for picking a birthday?
NN's suggestion of splitting up the month and date looks like the proper way to do it. Open text fields are prone to so much error, the root cause of all bad data. With open text fields, one needs all ...
- 3,186
2
votes
Datepickers in mobile app - Is OK required?
This might be a bit philosophical. People that don't make many mistakes may hate it because it slows them down, but error-prone folks may appreciate it.
Here's how to decide: would a mistake have (...
- 149
2
votes
Selecting non-working days/holidays in settings - what would be the best approach?
If the choice is between the two approaches only I would go for the first one.
You say, that the users are experienced users (admins) who will use the tool over and over again. What I would recommend ...
- 3,335
2
votes
Time field that can be used as both a Duration Field and a Start Time Field
Toggle switches are for on/off states, they're not really for Option A / Option B selection (though toggle buttons could be used for this).
In your example, one of the tasks is about the onions ("...
- 11.5k
1
vote
Date field DD/MM/YYYY entering only 4 digits
I would say it depends on what you can make happen with the team and the budget you have, taking into account the following priority:
1. The field should not auto-complete invalid values
From Jakob ...
- 443
1
vote
Which date separator would you say is best for numeric dates? Slashes (/), hyphens (-) or dots (.)?
Most platforms provide support for regional date/time/number formats.
Date formats vary based on the language and cultural norms.
A user on a system can usually choose alternative representation based ...
- 11
1
vote
Date range and predefined values, tips for userfriendly and productivity
If the app uses keyboard, I'd consider a text field (a single line text editing element) where user can type using natural language. The field should only allow to type the predefined strings such as ...
- 161
1
vote
Prevent date input after certain value - revert to last date or leave the "wrong" date
Be clear about the application rules. Try to prevent the error in the first place.
You have a few ways to be clearer, so whichever interaction they choose, they understand what's acceptable:
Labels
...
- 24.5k
1
vote
Time field that can be used as both a Duration Field and a Start Time Field
If you don't want to mess up the design you have already made, a good option is to add reference icons, in this case time icons (available for free at fontawesome.com):
Clock or Stopwatch: the time ...
- 17.1k
1
vote
Date Range Filter Standard
There can be some more approaches apart from the ones shown in the question. For e.g. the user should be shown a calendar indicator if they can pick from a calendar next to the input box. A detailed ...
- 985
1
vote
Should date inputs allow selecting a date in the past?
From what you've described, it doesn't sound like there's much point to selecting a start date that is before the current data, as it'll result in the same effect as not selecting a start date at all.
...
- 111
1
vote
Is a double modal pop up a concern?
I am writing this opinion considering you are only talking about mobile.
For mobile, if your modal popup covers complete screen then it would be a new screen for user. So the interaction would look ...
- 504
1
vote
Is a double modal pop up a concern?
Yes, this isn't good practise.
It's depends of type system (for example IOS or Android have other design & implementation for time features)
If PWA:
Important to use generic data selector, which ...
- 1,436
1
vote
What is a good example to set a task that is due on specific event date?
It looks like it's best to start with a milestone as a starting point.
A workflow, might be the following:
Picking a milestone screen.
On the next screen, the date of selected milestone should be ...
- 883
1
vote
Accepted
Missing pickers in specification?
You can check the archives page for an older version of the specification: https://material.io/archive/guidelines/components/pickers.html#pickers-date-pickers
Date/Time pickers do not seem to be in ...
- 1,894
1
vote
Date dropdown vs calendar (users are employees)
Here are my thoughts.
Drop-down: Terrible option almost every time and especially in this case. People do not think about dates as a list, calendar idiom is ingrained in our brains and designers can ...
- 1,628
1
vote
What's the most appropriate default year for a datepicker?
You could also simply leave the placeholder to be "Choose a date..." if it's a required field, or "Anytime" if it's not a required field.
Alternatively, if the date picker shows the date after ...
- 21
1
vote
Why isn't <input type="date"> used more often?
There hasn't been widespread browser support for long enough. There is still no support in IE or Safari, and only recent support in Firefox. I'm speculating now, but based on past experiences it may ...
- 178
1
vote
Why isn't <input type="date"> used more often?
I would imagine it's mainly down to lack of consistent support across browsers, mainly Firefox and IE11 (which doesn't work at all). That coupled with the fact you are unable to style it in any useful ...
- 141
1
vote
Date picker: distinguish between today and the selected date
I don't have any hard research as to what works best, but Google Analytics uses the same shape, but gives an outline for today. You'll see clear contrast. Nevermind the date range label above: I just ...
- 24.5k
1
vote
Date picker: distinguish between today and the selected date
Seems a fairly simple issue, you could go with icons or text or both, as long as the meaning is clear.
Ignore the blue 'today' that's Balsamiq's and I'm not sure how to get rid of it.
Updated from ...
- 6,246
1
vote
Mobile design - price range pick
If clicking on the center number in the price field(and on the due field as well) allows the user to type in the number manually, then you're good.
You could also consider the vertical wheel view/...
- 6,767
1
vote
How to order years in select box
Forget my comment above, bin it and go with the user typing the year on a numeric pad for mobile, no onscreen required for desktop, obviously.
Drop-downs for super lengthy items are a poor user ...
- 6,246
1
vote
How to order years in select box
Putting myself in the user's shoes, I would advise that the current year would be highlighted, where to go up would show years in advance, while scrolling down would be years that have past.
This way,...
- 387
Only top scored, non community-wiki answers of a minimum length are eligible