12
votes
Unit to display for 00:00 minute:second format
You can make something like :
11h32m
or
18m17s
Which is both short and pretty clear.
- 121
4
votes
Accepted
How can I display chat widget on mobile without affecting other artifacts?
The first thing I have to mention is that there are so many circles on this page that users may be difficult to distinguish them. Better redesign the functions layout.
For your question, I don't ...
- 166
3
votes
Widget to enter 3 numbers that must add up to 1
You can use the slider when ease outwheighs the need for precision or when the values just take up a few steps on the slider. Otherwise just use input fields with some helpful labeling and validation:
...
- 12.6k
3
votes
Unit to display for 00:00 minute:second format
You can always leave larger unit with one digit and one letter.
0m:00 = minute & second
0h:00 = hour & minute
- 2,712
3
votes
What is the best way to convey "This window is non-editable info right now, but you can click here to edit it" on macOS?
Contacts in MacOS uses an Edit button. Functionally the same as the lock icon, but it's more friendly, without the focus on security.
- 9,064
2
votes
Accepted
Facebook widget or just a link out to facebook?
There is no denying that Facebook works best in its own environment (not truncated as a widget). FB has invested billions of dollars to optimize the use of their website. Then why offer widgets?
I ...
- 1,255
2
votes
What do you call a UX component that opens a box with a chat or virtual assistant?
The only name I could find is bottom flyout, although this term appears to be specific to a WordPress plugin.
I'd personally refer to it as a bottom or footer floating tab.
- 3,858
2
votes
How to display a chart which has larger dataset in a dashboard widget?
Try showing the 5 top total counts by make, and allow them a drilldown (or expand the chart in place) for further examination.
There comes a point of overload where you're showing everything, but they'...
- 25.1k
2
votes
a11y - Captioning for videos with accompanying text and no audio
There are a few ways you can handle this.
Captions
The first is to add captions. While it might feel redundant you have to bear in mind that there are people who are both blind and deaf using braille ...
- 2,663
2
votes
Unit to display for 00:00 minute:second format
Depending on your target locale, ' and " may be understood as abbreviations for seconds and minutes, but that can make h for hour look out of place:
00'00"
1h00'
Perhaps use : as a separator for ...
- 969
1
vote
Datetime picker design for picking hours only
To me that looks unnatural and (sorry) horrible. I would use a tumbler or spinner. Two examples are below.
Bootstrap
HTML5
- 480
1
vote
Accepted
Draggable widget - how to indicate draggability
Use multiple approaches to educate users the functionality of this widget. A little complex but giving people more than one opportunity to learn what is possible ought to increase usage and therefore ...
- 2,701
1
vote
What is the best way to change proportions?
Your choice of widget(s) will really depend on the actual data that you are manipulating and the precision required.
Based on the basic requirements you mentioned of 2-12 parts (it is probably too ...
- 27.9k
1
vote
What is the best way to change proportions?
I’ve built this using bootstraps grid, the card component, col classes, and divisions of 12 in a row. So a 1/3 user selected widget gets a col-4 class applied. (4*3=12) Then we did the math by ...
- 46
1
vote
Is the command palette a UX tool only for power users? Or can they be used effectively by non-technical users?
This is an interesting question and like a few questions it hasn't received an answer yet. My view about this is that the trend of modern applications is the reduction in amount of features, unless it ...
- 27.9k
1
vote
What is the name of the widget that is used for showing tutorials about a frontend app
I found it, it's called "Feature Discovery"
- 123
1
vote
Confusing UX for Recursive report parameter
The first wireframe you present is confusing, as it's not clear at first that the right part (stores) is dependent on left part (companies).
The issue you mention at the end (selection of multiple ...
- 1,569
1
vote
Accepted
What is the best user interface widget for ternary data?
Try a dropdown, so only one choice is visible, but explicit to the user. Offer a preview of the form before they commit actions so they can double check that the 'levels' they want are correct.
You ...
- 25.1k
1
vote
Horizontal scrolling widget for mobile webpage?
There are horizontal scrolling UI elements used in mobile apps and websites, which were popularly implemented as 'carousels' (although many would caution against using them because of usability issues ...
- 27.9k
Only top scored, non community-wiki answers of a minimum length are eligible