77
votes
Button for "Play, but from beginning" for a scrubber UX
v1
I would suggest that the play button stays the same as it always has - a triangle to begin then a pause once playback begins. But, once playback has started, a new button appears like this:
The ...
49
votes
Accepted
Convey the meaning of "any" without using words
If you're trying to convey "this criteria doesn't matter", simply leaving it blank is probably the best option. This used to be a very common pattern in "advanced" search dialogs, until application ...
39
votes
Accepted
Why is the settings icon either associated with gears or a wrench + screwdriver
Traditionally the operation of a mechanical tool was determined by the physical constraint of the position/type/size of the gears used. So if you wanted to change a tool setting, you would have to ...
35
votes
Button for "Play, but from beginning" for a scrubber UX
IEC 60417 is a standard for symbols to put on electrical devices (TVs, VCRs, washing machines, MRIs etc.) and ISO 7000 collects these. Each costs around 100 bucks, but there is a free preview PDF.
It’...
34
votes
Button for "Play, but from beginning" for a scrubber UX
you can use a restart / reset button, here's an example from YouTube, the leftmost button
27
votes
Accepted
What is the clearest way to display "less than"?
If you want sex just say it
If you want sex just say it - You should strive to convey information in the clearest way possible, when possible.
< 2.1 miles is < clear than less than 2.1 miles.
In ...
25
votes
Convey the meaning of "any" without using words
I think the closest thing to a universal symbol would simply be *, which is used as a wildcard character in many operating systems and applications. It might not be recognized by every end user, but ...
13
votes
Button for "Play, but from beginning" for a scrubber UX
Traditionally, the 'previous button' is used. 1 click returns to the beginning of the clip, and a double click goes to the beginning of the previous clip. Holding could also jog back.
10
votes
Accepted
What is the opposite symbol of "empty"?
Seeing that ∅ is your choice for an empty value, for non-empty one you can just prepend it with the negation symbol: ¬∅, or !∅.
As far as UX goes, this will only be instantly clear to people who are ...
9
votes
Convey the meaning of "any" without using words
I assume there is no universal accepted symbol for "All". So, I would either return to text or use a slider like the price sliders on e-commerce websites or have the options shown as a list with ...
8
votes
Accepted
What's the symbol for the "locate me" button?
Short answer: No.
Long answer: There are a few different ones out there (I only bothered to check 3) and some of them offer more functionality than "find me"; for example iOS also uses that button to ...
8
votes
What is the clearest way to display "less than"?
The other answers seem to be missing the forest for the trees. The problem isn't visual, but semantic.
When creating key-value pairs, the least ambiguous solution tends to involve defining your left-...
7
votes
Button for "Play, but from beginning" for a scrubber UX
How about this.. It shows 00:00 , meaning the beginning of the clip. This probably IMO is easiest to understand for a general user.. without using loop symbols etc.
Edited based on comment from ...
7
votes
What is the clearest way to display "less than"?
You could place the minimum value on the left and increments throughout the rest of the bar:
The "distance" in the title implies that values "up to" the selected one will be included in the filter.
...
7
votes
Convey the meaning of "any" without using words
Assuming the site is translated through a translation engine (which is very much prone to error) instead of properly translated and localized (see this for starters), using the wrong gender for "any (...
6
votes
Button for "Play, but from beginning" for a scrubber UX
Play .. play from "where the head is now". We're still in edit
concept.
You need to use the icon that has to toggle between pause and play, something like
However, I want to have a "Play, but ...
6
votes
What unicode symbol should I use for EDIT?
I use a rotated pencil symbol:
<span class="edit-icon">✎</span>
<style>
.edit-icon {
display: inline-block;
transform: rotateZ(90deg);
}
</style>
https://...
6
votes
Why is the settings icon either associated with gears or a wrench + screwdriver
The gear symbolizes “the inner workings” of a machine.
The screwdriver in Windows 95 is not conceptual, it is literal. To get at some of the system settings, you had to unscrew the box and manually ...
6
votes
Button for "Play, but from beginning" for a scrubber UX
So many good ideas here... I think the most intuitive ones incorporate the concept of the scrubber/timeline combined with the play button. Here's my take:
EDIT: A refined version...
This is a ...
6
votes
Which one is better for drag sign
Before reading your question, I saw an image with a menu and a second image with two lines.
I think that not just the number of lines influences, but also the location.
But I still thinking the ...
5
votes
Button for "Play, but from beginning" for a scrubber UX
As this is a take on the skip back control which is a standard media playing control. You could incorporate a progressive disclosure icon into that skip backwards icon. When held the additional ...
5
votes
What symbol can be used to denote "contains"
At Trilance we've got the same problem trying to create an advanced UI for filter tables and data.
We solved creating a new code that the user will easily learn. We have chosen to use these new ...
5
votes
Accepted
Button for "Play, but from beginning" for a scrubber UX
I agree with many around here that it is possibly best to stick with the icons that are so common for media players.
However I understand the problem you try to solve. Mixing both icons could be a ...
5
votes
Any studies showing generic currency symbol is understandable by most people?
For a generic symbol
A pile (or two)
of coins
And I (in the UK) wouldn't recognise the ISO symbol
5
votes
What is the clearest way to display "less than"?
The slider in the position you illustrate controls a filter which will confine results to those with distance less than 2.1 miles. This is not the same as stating that the distance to one particular ...
5
votes
Convey the meaning of "any" without using words
You could include the min and max values like
1.5 - 1.8
Then all rest of the options.
4
votes
Button for "Play, but from beginning" for a scrubber UX
In products that play multiple items (videos, songs, etc.), you often have skip buttons, with icons like these:
In theory, these are used to navigate between items.
In practice, skip backwards ...
4
votes
Button for "Play, but from beginning" for a scrubber UX
After reading some of the comments and answers and realising you want this button to skip to the start and start playing even if paused I realised maybe youre trying to invent a control that isnt ...
4
votes
What's the symbol for the "locate me" button?
There is No particularly accepted icon for users current location. It's moreover depends on which map/technology user uses. I agree with @Andrew Martin, as he showed those three icons for iOS, Bing ...
4
votes
What symbol conveys "save"?
The Floppy disk icon is a common icon that's been engraved into the minds as the Save icon.
Apart from that, you could also use the Tick to signify Done and Save
Ideally you should ...
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
symbols × 96icons × 38
usability × 7
buttons × 7
tables × 6
website-design × 5
gui-design × 5
forms × 3
mobile × 3
ios × 3
accessibility × 3
interface × 3
games × 3
interaction-design × 2
navigation × 2
web-app × 2
design × 2
labels × 2
text × 2
grid × 2
feedback × 2
language × 2
keyboard × 2
time × 2
internationalisation × 2