Do you help the user to enter a URL field?

Updated by Brady Stroud [SSW] 1 year ago. See history

123

Most developers seem to validate a URL and tell the user what they have done wrong only after the error happens. URL fields should show how the users must enter it.

Image

❌ Figure: Bad example - Using a validation message to tell the user to enter a correct URL

The better way is to have the user avoid the error with a good default.

Image

❌ Figure: Bad example - The user has a good chance of entering the URL in the incorrect format

Image

✅ Figure: Good example - User immediately knows the format expected

acknowledgements
related rules