Be Smart With Help Text

Accompanying help text should be usedย only where it really needed.ย As a rule of thumb, do not exceed 100 words of explanation.

Help text adjacent to input fields is most useful when it's:

  1. Unfamiliar data

    You ask the user for unfamiliar data (User might ask โ€œWhatโ€™s this?โ€)
    For example, it's not obvious where the users can find a barcode andย concise help text next to the input field might be veryย helpful.


  2. Specific data

    People might question why you are asking for specific data
    ย 

  3. Concerns about security orย privacy

    People may be concern about the security or privacy of their data and you need to reassure them that the data wonโ€™t be shared with 3rd party sources.


  4. Helpful information inย context

    Sometimes you need to have relevant, in-context information ready to assist users to move through the form easily. For example, when scheduling dates, users appreciate context like a monthly calendar to identify days of the week, eliminating the need to leave the app to check the smartphoneโ€™s calendar. It also reduces the risk of the user becoming distracted by another task.


Don't Hide

Also, don't hide the help text. Expose basic helper text wherever possible. For complex helper text, consider placing it next to the input during its focusedย state.

Password Rules

Tell users what your password rules are up front, rather than making them guess and wait for validation errors.