Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

You can see an example here:

enter image description here

As you can see, I am stuck with having to tell the user what each icon means. I also mention what a functionality does, such as "Click on a feature to filter out applications that do not have it".

This takes up a lot of space on the page and it is hampering my efforts in making other types of landing pages.

The user input I have received is that the legend is good because a "warning sign" icon by itself does not tell the user much, for example.

One solution

Have a collapsible legend which is closed by defualt. The problem with this is that all users would want to use the legend.

Second solution

For each icon that is not a CHECK or X, have a tooltip for it. Notice on that page, that one of the icons is underlined. Underlining means there is a tooltip for it. The problem with this is that I don't know if the underlining is a good enough indication to hover your mouse over the icon. The second problem is that there will be more than just icons. As you can see in the legend, it also tells you that you should click the check box.

I am just lost and wondering if anyone has some other suggestions.

share|improve this question
    
I'd be interested in the source of the screenshot as comparing these helpdesk tools is interesting to me too :-) Can you share it? –  greenforest Aug 6 '12 at 17:52
    
The integration and work around icons you have are used for attachments and refresh in many other applications/web. It would be a bad idea to try and give a meaning to them other than their widely accepted meaning. –  Matt Rockwell Aug 6 '12 at 19:46
    
@greenforest It's this. –  Vitaly Mijiritsky Aug 6 '12 at 20:40
add comment

4 Answers

up vote 3 down vote accepted

A third solution would be to write it out next to the icon what it means.

A fourth solution would be not to use icons, but only table cells with background colors and text.

Writing is an iconography in itself.

mockup

download bmml source – Wireframes created with Balsamiq Mockups

share|improve this answer
add comment

don't feel boxed into having to provide all alternatives in a grid fashion. most people would rather get quickly to (say) one of three different choices, rather than having to wade through many micro choices.

share|improve this answer
    
That doesn't help anyone who has to implement a solution like this. –  Sam Hasler Aug 8 '12 at 16:50
add comment

Right now, your column headers make the columns wide enough to insert the words "Caveat", "Integration" and "Workaround" with an (?) icon next to them. If that's always the case, I don't think you need the legend at all. Have a tooltip appear on hover on the (?) icon, like you do on the row labels, and you're done.

share|improve this answer
add comment

If most users want to use the legend, go with it, instead of against it: have the legend, have it collapsible, but have it OPEN by default.

Make the manner in which it can be collapsed/expanded very obvious: a text link with the word 'legend' in it, rather than +/- signs.

Remember the last state (collapsed/expanded) on a per user basis and make that the initial state for that user when (s)he returns.

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.