Tag Info

New answers tagged


From "Checkboxes vs. Radio Buttons" (J. Nielsen, 2004): Radio buttons are used when there is a list of two or more options that are mutually exclusive and the user must select exactly one choice. In other words, clicking a non-selected radio button will deselect whatever other button was previously selected in the list. Checkboxes are used ...


A dotted underline can also indicate that the mouse should hover (whereas a solid line means to click). This is the approach taken by the <abbr></abbr> tag in HTML. To get a dotted underline you can use the following CSS: [element] { text-decoration: none; border-bottom: 1px solid #000; } Obligatory JSFiddle.


I would personally opt for making each profile item click-able and in the column header you can write something like: Profile (click a profile to view settings) And now inside the popover() you can show the details. Hover is not 100% accessible across all platforms.


Add an info icon next to the name and display a popup, on hover or click, to display any extra information. Scott


Not saying this is the "best", but the current version of MS Outlook shows the delete icon only when the mouse is hovered over the row: And then turns it to red when the mouse hovers over the delete button: Note that the icon they use is subtly different- the slightly "curved" X implies "delete/remove" as opposed to a straight X which in my mind is more ...


Quite often when users have a requirement to display loads of columns, what they really mean is that every individual user has a different subset of columns that are important to them. In this scenario it can be useful to let users configure their own column order and layout (i.e. they can choose what columns to hide), so each user can see exactly what they ...


After running into the same issues quite recently at work, I followed these steps to reduce horizontal size, and try to adapt the content to smaller (or wide enough) screens: Reduce font size from 1em to 0.9em. The change is slim, but enough to reduce up to 2-3 columns when you have a lot of them. Analyse exactly the priority of each columns, and start ...


Do Not Repeat Currency Symbol Currency symbols are boulders along the road our eye takes in reading a table of numbers. Omit them from any series of data values. Embed the currency symbol in the column header, such as Total ($). Even better, embed the three-letter standard ISO 4217 code for the currency if there is any possible ambiguity in the context. ...

Top 50 recent answers are included