User Experience Stack Exchange is a question and answer site for user experience researchers and experts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

What is the difference between a legend and a key? Is a legend still a legend if it is at the top of a page? Where is the optimal placement of a legend or key for a page that scrolls?

share|improve this question
Could you clarify your question? Without context, "Legend" is vaguely defined, and there are multiple definitions for "Key". – peterchen Mar 11 '11 at 16:37
up vote 6 down vote accepted

A legend describes a particular object on a page, e.g. if it's a map, a legend will describe a particular area as "Averill Park".

A key applies to the entire map, e.g. a "1:100" scale.

For a page that scrolls, I think that much depends on how many legends you have:

  • If it's only a few and they are not all bunched up in one area, and the legends are brief, you can use static legends, i.e. something that's permanently there and scrolls along with the page.

  • Got a lot? then displaying the legend using small popup windows on hover (or touch) might be a better idea -- provided that you use a clear icon on the main page to indicate the presence of additional information. This has the additional benefit of giving you more room for the legend.

As for keys, I suggest either the top or bottom, or both; but not the left or right.

share|improve this answer

They're the same thing.

The legend or key describes types of symbols/lines and can also describe specific locations. Types of roads, the symbol for locations such as camping grounds, hospitals, cities vs towns and what not.

There is no standard placement as it usually relies on fitting into the content in the map. If your map has featureless land or ocean, that's usually a good place to put it.

share|improve this answer

Your Answer


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.