3

In case a label doesn't provide sufficient information for an input field and an additional hint is helpful, when should the hint be available next to (or below) the input field and when should it be hidden behind an info icon?

enter image description here

Four criteria I thought off: - In case the hint exceeds 100 words, use the information icon - In case the hint includes a link to further information, use the information icon - In case the hint relates to an infrequent action and is not intuitive (e.g. Maximum upload size), show text directly - In case the hint is only relevant for novice users, use the information icon

Are these correct and what criteria are missing?

Thanks in advance!

1 Answer 1

5

Don't use tooltips to give useful information about how to fill in the form. Tooltips should really be reserved for explaining what a field is (i.e. 'what does this word mean').

A good set of design guidelines for forms is the GOV.UK GDS, as this has been usability tested and is about as accessible as a set of design standards can be.

Their recommendation is

Hint text

  • don’t use placeholder text in form fields, as this will disappear once content is entered into the form field
  • use hint text for supporting contextual help, this will always be shown
  • hint text should sit above a form field
  • ensure hint text can be read correctly by screen readers

enter image description here

2
  • Thanks Jon. It makes sense to show all information about how to fill in the form. However, this information is different for novice and experienced users and the guideline doesn't seem to consider this. I was thinking of a way not to disturb experienced users with too much information, but still have it accessible for those who need it.
    – Avadeha
    Aug 31, 2017 at 7:22
  • @Avadeha you would be surprised just how much content people subconsciously ignore once they've seen it several times already.
    – JonW
    Aug 31, 2017 at 8:52

Your Answer

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

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