26
votes
Right way to show hours spent on project - with or without h:m
The suggested format of 8:30 can be confusing for durations, especially because it is also used for the start and end time.
The h is not a common addition for that format and can confuse people as ...
15
votes
Right way to show hours spent on project - with or without h:m
I think this is going to be opinion-based no matter what, so here's my standard way of doing it:
1d 2h 3m 4s
One day, two hours, three minutes, four seconds.
Omit some components as appropriate for ...
6
votes
Right way to show hours spent on project - with or without h:m
While I agree with Keiji that the ultimate answer is likely to be opinion-based :), there is a standards based solution i.e. ISO 8601 wiki iso.org. The relevant section is 5.5.2 Duration which begins:...
5
votes
Right way to show hours spent on project - with or without h:m
This seems that it could be more of a matter of personal preference...
Typically in tables, the units are either added in the column heading, or in every cell (as you have done for the last column).
...
1
vote
Workflow steps with configuration setup UI
Open a modal to paste or edit JSON would be one of the options, instead of doing it inline.
Firebase has a nice inline editing workflow – it's material, so they add a large input on top of the field, ...
1
vote
Best practises for tables with header titles in both axis (vertical/horizontal)
You left out an obvious form: Columnar with two-row headers for some columns. It's like your Fig.1, but conveys the associations of the various headers semantically, for the benefit of screen readers ...
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
tables × 960data-tables × 173
usability × 80
lists × 76
gui-design × 71
data × 55
filter × 52
sort × 48
website-design × 46
grid × 46
interaction-design × 45
web-app × 43
info-visualisation × 42
layout × 38
forms × 33
user-expectation × 32
html × 30
mobile × 28
buttons × 28
design-patterns × 27
ios × 26
column-headers × 25
checkboxes × 23
selection × 23
icons × 21