Hot answers tagged

136

Yes. There is a very simple, effective heuristic that adjusts to the preference of each user. Place a check box in the warning message dialog that says: Don't show this message again Which can be improved further by stating where that dialog can be reenabled.


64

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


60

These are Confirmation messages - Windows have a fairly detailed page on their guidelines. The whole of that page is pretty useful but here's some excerpts (emphasis mine): Confirmations are most useful when the action requires the user to make a relevant and distinct choice that can't be made later. That choice often involves some element of risk that ...


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


29

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


27

I'm surprised nobody brought up the Mac OS X shut down dialog. It presents you with an "Are you sure?" window, but has a timer so that if the user walks away, expecting the computer to have shut down, it will while still allowing the user time to cancel.


23

You should NOT rely on hover states. Even if you’re not developing a responsive website, now that we have touch devices, the days of relying on hover states to imply "interactability" are gone. I think you have 3 options here: 1. As long as you don't have other animations, subtle movement is all you need to draw attention to the UI elements—and a user will ...


23

NNG Has a great article on Making Clickable Elements Recognizable specifically for images: Ensure smaller images enlarge when clicked. Make all elements (e.g., picture, icon, text) that are associated with each other clickable. Doing so increases the target size and improves the probability of capturing an intended click. Avoid multiple calls to ...


14

There are 3 cases. The destructive action Do you want to delete this file? Don't. Just do the action, and display a confirmation snackbar (non-blocking small widget somewhere where it is visible but not in the way of operating) that allows to cancel (then, either delay the action, or make sure you can revert it easily). The question can only be ...


11

These images simply don't look like navigation (as you admit) and won't be perceived as such. Users just don't expect oddly shaped images to be clickable. I don't think there is any magic solution to overcome that. It may be worth rethinking your design in order to better conform to user expectations rather than trying to put a band-aid on the problem. ...


11

Movement might provide you with an option. The human eye is so attuned to it that it need only be subtle. On completion of the page load you could consider a rolling increase in image size and shadow depth on each image, across the chevron from right to left. This would draw a user attention in without having to "feel" the site. You then apply the same ...


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.


8

Hover-over Highlighting on hovering is worth doing, but, as you discovered, it’s not adequate by itself since the user has to make an effort to “feel” the interface to see what it can do, rather than just look at it. Hover effects also don’t do much for tablet users. “Rectangular Arrows” If you’re sure the problem is the non-rectangular shape, then work ...


8

I'm a big proponent of not showing messages blocking users from doing what they intended to do. The UX solution with confirmation popups came from the Stone Age of computer UX practices. It originates from a correct assumption that if we have a critical resource, we should not let users damage it by an accident. However, an accident is called that way ...


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.


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

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

As per our friends here at UX.SE, I suggest using a drop shadow. It perhaps relies on the fact that it's surrounded by links anyway - but they indicate that there is something 'special' about the image by adding a drop shadow. This is not hugely different from Michael Zuschlag's answer, but turning an image into a button didn't feel right. A drop ...


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


3

I prefer the variant which already shows all the options separate, like it's done on Stack Exchange: While the second one immediately shows the visitor how they can sign up, the first one just appears to make an excess step, there's no need in those forewords, considering you're going to implement all those different sign up ways. I'd even say that ...


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


2

SourceTree has a great example of the workflow you're mentioning. I'm not sure of the use case for your specific example, but in SourceTree, 95% of the time you're just looking to open the repository. As a result, SourceTree has created a default action of clicking on the item in the list to open the list, and has buried other actions under the ...


2

My answer could be a litle of topic, but I want to share my thougts to this anyway. The first question is, what does the user want. Does she want to book a car od buy a bus ticket or does she want to get from location A to location B an choose the better service. To choose the better service she would have to know the time it takes an the costs for each ...


2

There cannot be a clear cut answer until one can see the entire flow of the application , where is the user coming from where does the user go etc from the mentioned screen. One Button Pros - No confusion , user knows what to do. Where to tap to go forward. Cons - Another screen , trust me more and more screens can frustrate the user. Popup screen to ...


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

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

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

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 nice solution. But as always; testing is knowing! My attempt for a possible mix: And to emphasize that it starts from the beginning... Add a line: Or use ...



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