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 ...
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
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.
7
votes
Does any research/study exist on what makes an interactive document better from a user experience perspective?
There is very little current research, possibly because the use cases for interactive documents has been taken over by the web, and in parallel, the increase in availability of devices and ...
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 ...
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
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 ...
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
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 ...
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
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 ...
3
votes
Improving textual connotation to buttons
I agree with comment by @jazZRo to your previous question that it is better to include price to first button. Thus you can avoid user frustration by clearly showing the options. However, the decision ...
3
votes
Does any research/study exist on what makes an interactive document better from a user experience perspective?
Don Norman attempted to do a multimedia version for three of his books a while ago. From what I know, the experiment wasn't a success, you can probably find more about it online. He also talks about ...
3
votes
Button for "Play, but from beginning" for a scrubber UX
Joining the brainstorm... I feel this should be more of a comment to some of the previous ideas. Borrowing from music notation and the general idea of the beginning of a score:
Or, more correct maybe ...
3
votes
Button for "Play, but from beginning" for a scrubber UX
To answer the keyboard UX question, HOME is often used to go to the beginning of a media clip. Show then it would be HOME SPACE to skip to the beginning and play.
3
votes
Button for "Play, but from beginning" for a scrubber UX
I would suggest the above or something similar to:
|->
"Start at the beginning and play."
Or:
Edit: I realize this could be interpreted in ways that you might not want.
Update: I did an image ...
3
votes
Button for "Play, but from beginning" for a scrubber UX
I think that my idea may give you a little different view of this button.
Basically, my idea is very similar to the v1 of Chris Spittles's version, but the button should contain the progress bar (e.g....
3
votes
Accepted
Most intuitive way to indicate clickable elements on GUI across the program
The key here is deciding how you will make a distinction between interactive and noninteractive elements.
Noninteractive elements should:
look consistent and relatively uninteresting
have only one ...
2
votes
Button for "Play, but from beginning" for a scrubber UX
[►
Opening bracket [ for the beginning, ► for playing.
Also, there's a Home button on most keyboards that does what you'd expect.
2
votes
Button for "Play, but from beginning" for a scrubber UX
Why don't you simply go to the basics? What you want exists since tape recorders and was used by most video players since the 70s (and even audio devices like walkman later): stop and pause/still ...
2
votes
Button for "Play, but from beginning" for a scrubber UX
Have you considered a textual "Play from start" button?
Every one of the proposals here is worth conducting user testing on and collecting analytics for. If none prove to be adequately recognizable, ...
2
votes
Button for "Play, but from beginning" for a scrubber UX
The icon should visually represent the action(s) performed when clicked.
In this case, the action is:
Go Back (to the beginning)
Play (or continue playing)
The icon below is the most clear ...
2
votes
Accepted
Does any research/study exist on what makes an interactive document better from a user experience perspective?
I would narrow down the problem definition - documents are supposed to convey information. And to quote from Bret Victor (http://worrydream.com/MagicInk/#p155):
Information software [...] mimics ...
2
votes
Improving textual connotation to buttons
You may want to consider an alternative solution entirely.
Allow your users to edit > save seamlessly. Keep the UX enjoyable and decision free i.e. don't risk confusing or annoying the user when it ...
2
votes
Is dp to pt conversion ratio 1:1?
You probably should send your designs with pixel measurements because pixels are easier to convert to density independent pixels (dp). (Google Material on dps)
Conversion ratio from points to pixels ...
2
votes
How to enable editing a single cell on a table
As per my view point, Use inline edit to edit single cell and if column contains multiple fields to select like a dropdown checkbox then show respective controls over the cell when user click the cell ...
2
votes
I have 2 sets of button, how can I arrange them for best user experience?
If < means closing the modal (as well as x button), the 1st option is OK, as it is commonly accepted to be there. Otherwise, if it is intended to be a "go to previous step", I would say 2nd option.
...
1
vote
Interactive documents v websites. What research/studies exist to cover when one should be used over the other?
This question is a false dichotomy from implementation point of view and the UX questions are unrelated to which implementation is chosen (if done well), so it is very unlikely that any such research ...
1
vote
Does any research/study exist on what makes an interactive document better from a user experience perspective?
The initial premise or assumption of your question that having some research that you can reference address these issues
My hope is that if any research does exist, some or most of these
issues ...
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
interactive-ui × 40interaction-design × 17
buttons × 6
website-design × 5
gui-design × 4
usability × 3
design × 3
maps × 3
forms × 2
mobile × 2
tables × 2
icons × 2
mobile-application × 2
users × 2
charts × 2
documentation × 2
page-layout × 2
microinteractions × 2
user-engagement × 2
pdf × 2
user-behavior × 1
user-expectation × 1
web-app × 1
design-patterns × 1
interface × 1