19
votes
Accepted
Icons in table head - good practices
In this question you can see several answers about when to use text vs icons.
I would go for all text as icons are not always understandable by everyone in the same way and some of them depend on the ...
12
votes
Icons in table head - good practices
I would take into consideration 3 factors:
1. The Icons
How Obvious are the icons? Are they commonly known and used for a single purpose? or you are developing your own icons?
2. The Users
Would ...
6
votes
How to arrange columns in a table appropriately?
The first column should be a primary column by which the user can scan down the list of items in the table.
Typically a table will be sorted and that could be by any of the columns but by default ...
4
votes
Horizontal and vertical alignment of headers in property tables
Option three is the right one, although the most relevant problem is not the alignment of the label but the relationship with the content between cells:
The different distance in the horizontal ...
4
votes
Accepted
Table headers style: repetition
In this case you're saving exactly one character ("IPv4" vs "-/-") which isn't worth the extra effort that your users need to expend in order to figure out what you meant.
Also this symbol of ...
4
votes
Can I have multiple rows with <th> in a table
This is allowed and there are ways to structure your markup to aid accessibility.
In general, you provide unique IDs for each <th> and then each <td> lists which headers apply to itself. ...
4
votes
Best UI approach to align the column titles of reports
Numerical data is right-aligned.
Textual data is left-aligned because is read from left-to-right.
Headers are aligned with their data and center alignment is not recommended.
I know that this ...
3
votes
Column header name suggestions
I guess that comment is an answer
Don't make the user guess with vague, systems-centric labels like "state". If the switch represents turning policy enforcement on or off:
Enforce policy
2
votes
Best UI approach to align the column titles of reports
This is an old question but I recall a professors' advice years ago that I use:
if it would/could be summed up or added or is currency or quantity, right align
if it's text or sentences or words, ...
2
votes
What is the recommended header for a table column showing date and time?
I would go for Last changed or Date added. The user knows he is seeing a date and a time. You don't have to tell him.
The user wants to know what this date means that he is seeing. That's not clear ...
1
vote
How do I indicate that a column in a data table has been added or changed?
Do a little UI highlight animation on the column(s) updated. It could be a short pulsing effect for the highlight. Example... not exactly, but something like this: https://dribbble.com/shots/2201819-...
1
vote
Accepted
How do I indicate that a column in a data table has been added or changed?
Here's a few suggestions
Have a collapsed/hidden view of the column (ex. slightly smaller and greyed out)
Have a toggle to hide & unhide columns/elements that the user can easily see and click ...
1
vote
Accepted
Sorting by table column with dropdown in the header
Yes this makes sense, but I'd make one change and give two suggestions. I'd change the ascending/descending toggle so that it shows what state is selected with a heavier stroke for the current sort ...
1
vote
Table headers style: repetition
If you give this table a title called "IP4 Addresses" and now your column headings can just be:
Wanted
Used
Wasted
This is a different way to remove the repetition.
1
vote
Where to place headings/dimension names in table/matrix?
The Title ( and maybe subtitle ) should convey this information.
I took the liberty of freeing your data from it's cells, pivoting the table,adding some breathing room and other niceties, this is not ...
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
column-headers × 33tables × 24
sort × 6
gui-design × 5
data-tables × 5
lists × 4
multi-column × 4
labels × 3
user-behavior × 2
android × 2
terminology × 2
grid × 2
dates × 2
usability × 1
website-design × 1
forms × 1
interaction-design × 1
icons × 1
interface × 1
info-visualisation × 1
filter × 1
dashboard × 1
keyboard × 1
toggle × 1
tree × 1