Hot answers tagged

63

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 circle encapsulating the easily recognisable play triangle is pointing in an intuitive direction: anti-clockwise, implying that we are going back in time. The ...


29

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’s the closest I could find that would standardize the common playback controls like play ▶️, pause ⏸, play/pause ⏯, stop ⏹, fast forward ⏩, rewind ⏪, skip/next ...


28

you can use a restart / reset button, here's an example from YouTube, the leftmost button


9

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.


5

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 from beginnning" button. Try this icon for simply restarting from the beginning. Try .. Leave edit concept (so, things could happen like "widgets ...


5

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 Crissov.


4

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 fascinating exercise. Great question.


4

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 options would appear. Example: When single clicked the main action would initiate i.e. normal skip to start and would stay paused if currently paused. When ...


3

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 necessarily needed by the majority of users (an assumption) and also would add more elements to the UI and potentially cause confusion and clutter. From my ...


3

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 more often means "go to the beginning of the current item, and if we're already there, go to the beginning of the previous item instead." You could eliminate the ...


2

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.


2

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 search on "play from beginning icon" and saw some of the samples from this page, but also an example using a bar like this: Here the Play button could toggle ...


2

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. when you are around 50% of the progress, the button should look like in v2, but when you reach 90-95% of progress, it should look like in V1. Of course, when ...


2

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 but less recognizable (Da capo): [ edit [ Or even with the 'real' note bar? In my opinion, the second one works strongest and connects best to ...


2

Well there are many things you can do. aria-label and visually hidden text are the first to come to mind. Aria-label example: <button aria-label="primary (or other meaningful text)">Button text here</button>. Visually hidden text, only "visible" to screen readers: <button><span class="visually-hidden">Primary Action</span> ...


1

Depending on a couple of factors: Assuming the user lands on a study case only from within your website, you can omit the title in the "Previous" and eliminate the repetitive entities in the next, e.g "Next: Brand 2" instead of "Next: [CASE STUDY BRAND 2]" Assuming that you go social and there is a case that the user lands on the study case from other ...


1

How about having a "bookmarks" panel, with a means of setting a particular bookmark as a default, and then having a "play bookmark" button on the scrubber control? If there is a default bookmark at the start of the piece and no other bookmark is set, "play bookmark" would replay from start. If, however, any other bookmark is set as the default, "play ...


1

I propose having three symbols. If other action-symbols are appearing in buttons, then place all three of these symbols into a single button a button (a circle or (square) rectangle). A vertical line, and a left arrow (as seen in , Kevin's answer, Samuel Kelemen's answer) A comma A right arrow This may be cramming things a bit, which could be ...


1

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 representaion of these two actions in sequence.   This shows 'go back' leading directly into 'play', and nothing following play. Other icons that do not show ...


1

[► Opening bracket [ for the beginning, ► for playing. Also, there's a Home button on most keyboards that does what you'd expect.


1

Even though this is an older post, the core issue remains. ChrisF makes a valid point--core functionality of the Web browser shouldn't be disabled unless absolutely necessary. Also, adding text instructions may often be overlooked/ignored by users. A good possible solution is to incorporate some JavaScript that will alert the user if they attempt to use ...



Only top voted, non community-wiki answers of a minimum length are eligible