4
votes
Accepted
Element to input Duration
You can use something like this
And the user can hover over the number and scroll till he gets the right one, or he could type in the field. This way he will be able to see the right duration ...
- 128
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 ...
- 839
4
votes
How to disambiguate printed clock times from printed duration times?
I think the problem is that you are putting the numerical information in the way the hours are set.
Day Time: 03:45
Duration: 3h 45' 20"
Changing only this helps the perception. Adding an icon ...
- 16.5k
3
votes
How to disambiguate printed clock times from printed duration times?
It's those leading 0s.
00:00
00:15
Looks like time on the clock.
Drop the zeros.
0"
15"
30"
45"
1'00"
1'15"
Etc
The single and double quote marks for minutes and seconds ...
- 11.2k
3
votes
Accepted
What is the best input control for setting the duration of time spanning minutes and hours?
It depends on the users. Is it a form, that a user uses very often? in this case one field with the input like "6 m" or "6 h" would be a possibility. This is very fast but has to be learned. Therefore ...
- 3,135
3
votes
Accepted
Best way to denote duration of course on cards for hours and minutes
The answer of @Dominik Oslizlo is interesting, however the clocks seem a bit like full moons. I'd put it in the comment, unfortunately my reputation is still too low for that.
I'd suggest keeping the ...
- 3,115
2
votes
What is a good duration time for UI animations?
According to this article - How Fast Should Your UI Animations Be? your start point is within a reasonable starting range.
200ms to 500ms is a good range to start with for interface animations.
You ...
- 11.6k
2
votes
After how many second staying on splash screen does a user give up on using the app?
Norman-Nielsen suggest 3 orders of magnitude in responsiveness:
0.1 second: Limit for users feeling that they are directly manipulating objects in the UI. For example, this is the limit from the ...
- 8,281
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.1k
2
votes
Duration field that accepts a number of weeks and days
Try helper text below, so there's no memory tax once they start entering a format.
Another option you can also look at is using a forgiving format pattern
This means if a user enters '2 weeks, 1 day' ...
- 24.4k
1
vote
Accepted
How to disambiguate printed clock times from printed duration times?
Instead of, or in addition to, changing the number format, you could add some special labels and other cues.
Replace "00:00" with "Start" or something like that.
Once at least ...
- 716
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 ...
- 16.5k
1
vote
How long should notification be stored in a system
I think notifications should be displayed for an unlimited amount of time on any platform.
To solve the number of notifications a user is receiving you can allow them to customize the type of ...
- 1,078
1
vote
How should users type in a formatted time or duration field? (Data entry into duration field)
If you are doing hours in more than 2 digit format, without helper text they might be confused.
Perhaps you can have visible helper text and start w/ a numerical input (or placeholder) of 0; then ...
- 24.4k
1
vote
After how many second staying on splash screen does a user give up on using the app?
I agree with @DesignerAnalyst and the reference of NN Groups article on Response time is one of the best references for this.
Apart from that, Viktor, you could utilise this time to show details ...
- 569
1
vote
After how many second staying on splash screen does a user give up on using the app?
I think the answer you are looking for is 10 seconds.
The following extract is from the article Response Times: The 3 Important Limits by Jakob Nielsen
10 seconds is about the limit for keeping ...
- 7,761
1
vote
Best way to denote duration of course on cards for hours and minutes
A tempting answer would be: adding clocks.
However, I think there is only one case when presenting the time visually this way really works - and it is when the time up to one minute or up to one hour....
- 13.8k
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
duration × 12time × 8
input-fields × 5
forms × 3
datetimepicker × 3
web-app × 1
user-research × 1
mobile-application × 1
interface × 1
usability-testing × 1
input × 1
users × 1
notification × 1
dates × 1
animation × 1
cards × 1
webforms × 1
splash-screen × 1
datepicker × 1
courses × 1