What's the best way to avoid repeating icons on each row, it clutters the layout and takes attention from other important elements.
Add a comment
|
3 Answers
If they're really the same in each column, just take them out and place them as column titles. This way you can also attach a label to them and not leave the users guessing.
answered Jun 8, 2012 at 10:46
-
This is a good solution, problem is I can't use any more vertical space. So I wouldn't be able to fit this, most probably users already see those icons in other parts of the app and already know what they are. Jun 8, 2012 at 11:04
-
1
-
It's just a simple table, like thousands of other tables on the web and elsewhere. Solutions exist for very long tables as well, e.g. repeating or sticky title row. Jun 10, 2012 at 10:18
Or, perhaps something like this?
download bmml source – Wireframes created with Balsamiq Mockups
This way, you don't really have two columns of the same icons, but you still see them. You could even color them on hover behind the counter label, if you have a mouse-based UI.
You may only show them on hover. Or you may use greyed out icons and color them on hover. This way, they do not get too much attention.
-
This is the best solution and widely implemented. I'd suggest displaying the icons on the first row of objects, and keep the rest on hover. This way the user is given a clue about the UI and encouraged to see how the icons for lower rows would appear. Jan 30, 2013 at 22:18