Hot answers tagged

184 votes
Accepted

Get users to use the download button instead of right-click save

As soon as the user hovers over the image add an overlay which enables him to hit the download button. This is just an example, you can make this more subtle but I think it will work good with your ...
user avatar
122 votes
Accepted

Confusing checkboxes and radio buttons

In a scenario like this I would make the UI reflect the possible states of the application. You can only have one manager so there should only be one place to select a manager, everyone else can ...
user avatar
106 votes

Confusing checkboxes and radio buttons

Since the change of current Manager is an action invalidating the other options - I would present it in a manner which communicates clear what is about to happen. Waiter/Chef are Radio-Buttons, so ...
user avatar
  • 2,020
89 votes

Why don't <button> HTML elements have a CSS cursor pointer by default?

Here's why: Microsoft’s design guides talk about weak affordance: Text and graphics links use a hand […] pointer […] because of their weak affordance. While links may have other visual ...
user avatar
  • 16.1k
73 votes

Get users to use the download button instead of right-click save

Do not do anything to the right-click. It's an expected behavior on the browser level. You know you shouldn't "hijack" the right-click or you wouldn't call it hijacking. Provide users with a better ...
user avatar
  • 5,078
53 votes
Accepted

Should disabled elements be focusable for accessibility purposes?

I do work on a professional webapp for visually impaired, screen reader users. We do user testing regularly, and this has been raised many times during user test sessions that disabled elements that ...
user avatar
  • 1,917
52 votes
Accepted

What some alternative ways to present tabular data instead of the standard table in the UI?

If the data is tabular, then I see no reason why one shouldn't go with tables? After all, the whole purpose of table element is for showing such type of data. But if your query is how to make the ...
user avatar
  • 941
47 votes

Get users to use the download button instead of right-click save

There is a reason why your user is not selecting download button and usability testing is the best way to determine why. However in case it's a matter of positioning the download button in a place a ...
user avatar
41 votes
Accepted

Why don't <button> HTML elements have a CSS cursor pointer by default?

It's worth considering the historical order in which these things came into being. Buttons existed from very early in the days of GUI computing. They had a shadowing effect to give a skeuomorphic ...
user avatar
  • 701
30 votes

Is there any recommended control for triple options like YES / NO / NONE?

To select one option of a limited number of choices, Radio Button Inputs would be the way to go.
user avatar
  • 3,887
30 votes

Why don't <button> HTML elements have a CSS cursor pointer by default?

According to W3C cursor: pointer The cursor is a pointer that indicates a link. The specification only indicates that links are meant to have the pointer cursor. Buttons are not meant to have the ...
user avatar
  • 16.7k
26 votes

Get users to use the download button instead of right-click save

As a dedicated right-click-save user, I can say that I wouldn't bother with a download button normally, and I'd assume I saved the full version (and be mildly annoyed at the website if I found I hadn'...
user avatar
  • 369
26 votes

What are pros/cons of using buttons instead of plain links to download a document?

Buttons denotes important actions, therefore they are scarce and noticeable. Links are common, and you may have a lot of them, since they are supposed to take you to an anchor, whether it's on the ...
user avatar
  • 33.1k
22 votes

Get users to use the download button instead of right-click save

I'd like to point out how Wikipedia does it. When you enlarge a photo by clicking on it on Wikipedia, you're presented with the photo, some details on it, and an unobtrusive "download" ...
user avatar
21 votes

Confusing checkboxes and radio buttons

This seems like a user grouping task. Both of these examples have the nice property that you can print out a similar view to display in the kitchen. You also don't have any duplicated / redundant ...
user avatar
  • 7,218
16 votes
Accepted

Why does the title attribute have a delay?

Without a delay just moving your mouse around would accidentally make popups appear and flicker across your screen. That'd draw users' attention away from what they're doing if they didn't expect it, ...
user avatar
16 votes

Should disabled elements be focusable for accessibility purposes?

This is a bit of a tricky one. Normally, with regular form elements, it would be best to fully remove anything you can't interact with or serves no purpose. However, that particular button you're ...
user avatar
  • 13.4k
13 votes

Confusing checkboxes and radio buttons

Use this - This is a higher role view. In manager's view, the manager won't have a combo-box for his/her role. The view of other two will be plain text - no combo-boxes. download bmml source &...
user avatar
  • 16.1k
12 votes

Should disabled elements be focusable for accessibility purposes?

As a marginal counterpoint to @Leths, a screenreader lets you get to every object on the page, whether disabled or not, unless they're specifically hidden from the screen reader using aria-hidden=true....
user avatar
  • 2,003
10 votes

What some alternative ways to present tabular data instead of the standard table in the UI?

Have you considered using cards to display your data? They're becoming very common with Google's Material Design and can be quite appealing to the eye if styled correctly. Ofcourse placing too much ...
user avatar
  • 101
10 votes
Accepted

Should I put the label before or after the input element?

If you include the correct ID (unique name, used only on 1 set of input/label) for both elements, the order of elements doesn matter. Alternatively you can use aria to describe the input like this: &...
user avatar
  • 351
10 votes
Accepted

Are long checkbox labels a problem?

I don't believe it's an issue, however, if you're worried about it, you could rephrase each statement to have the assertions ("The above is correct and yada yada...") followed by the checkbox with "I ...
user avatar
  • 19.3k
10 votes
Accepted

What is the best way to tell users to scroll down in browsers?

First of all, you should not end a page at blank spaces. You should end them at the top portion of the next page's first section. Use scroll icons such as this: to inform the user about the ...
user avatar
  • 2,204
10 votes

What are pros/cons of using buttons instead of plain links to download a document?

So MDN suggests a ... but if someone is downloading a document, why/when should that be the case instead of a plain hyperlink? Right from your quote: These bogus href values cause unexpected ...
user avatar
9 votes
Accepted

Radio input appearance for mixed values

Short answer: do not select any radio button. Leave them all unselected. However: This is a misuse of radio button control where (by convention) there always should be one (and only one) selected ...
user avatar
9 votes
Accepted

How to represent "no data" cells in HTML tables?

The need for a dash depends more on the styling of table rather than the actual spareness of the contents. If your table has cell borders or alternating background colors, leave the cells blank, as it'...
user avatar
  • 1,127
9 votes
Accepted

What is the name of this moveable multiselect list?

What names are there? Microsoft calls this a List Builder. As does the 2006 book 'Designing Interfaces' by O'Reilly. Google calls this in Material Design UI a "transfer list" (or "shuttle"). ...
user avatar
  • 8,271
8 votes
Accepted

How to set an indicator for selection in drop down on UI

I like the way Facebook and other show lists of people. A possibility would be: No selection: One city selected: Two cities: More than two: Hover to see selection without opening (maybe with ...
user avatar
  • 1,356
8 votes

Should html links with images have both title and alt attributes?

Both of them However, the alt description in the image should be for the link description, not for the image itself From Accessibility and Usability at Penn State: Image ALT Tag Tips for HTML term &...
user avatar
  • 33.1k
8 votes

What are pros/cons of using buttons instead of plain links to download a document?

I like Devin's summary that "buttons denote important actions". I would pair that with a statement that applies more to the current generation of Internet users than yours & mine: "...
user avatar

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