I'm building a public website and I need to display helpful information to guide the user when filling in forms. The forms may contain text inputs, dropdown lists, sliders... The site will be mobile compatible.
I have thought of 2 ways to display the tooltip:
The tooltip is displayed when the user focuses on the field
Pros: does not clutter UI
Cons: Users might miss it if they don't click in the field, and just leave the page.
Information is always shown when field is focused, user might not need it.
The tooltip is displayed when the user clicks a "?" icon
Pros: Information shown only when needed.
User will easily find help
Cons: Clutters UI
Usually, "?" icons are not clickable
What would be the best practice here ?