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)

1 Answer 1


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

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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