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's the best UX when it comes to using the 'i' (information) icon when defining a field name?

Currently I have the field name defined above the field; before and after the the input field itself, I have a static name describing the input. For example, I want to replace the field name that says Pixels with an info icon than, on hover, shows the field name.

Form with field label (Actual/Effective), field name (Pixels) above input field and field units (Megapixel)

Form with field label (Actual/Effective), icon above input field and field units (Megapixel)

share|improve this question

The "i" seems a little out of place replacing the "pixels".

Part of the problem seems to be that you have both "Pixels" and "Megapixel" as units for the number field, and I'm not sure that the "Pixels" is actually needed.

I assume that the value is the number of megapixels the user wants, so losing the word "Pixels" is a good thing.

The "i" (represented as "?") could then be placed on the same line:


download bmml source – Wireframes created with Balsamiq Mockups

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.