0

I am designing a signup form that has the following fields in it:

  • Username
  • Email
  • Password
  • Confirm Password
  • Where did you hear about us?

I have to show validation errors in these fields.

There are a couple of options in my mind:

  1. Show a tooltip on each field (Tooltip might hide other fields)
  2. Showing a popup with a summary of errors (Not a good idea)
  3. Showing placeholders in each field with examples then showing an error message on signup. (Can password fields have example placeholder?)

Any idea on how to handle this situation?

Here's the Screen:

enter image description here

  • Hi Armin, welcome to the UX SE community. It seems you haven't done enough research on your own about the topic before posting the question. Doing a simple Google search on the topic gives a lot of relevant references. Not to mention that Android and iOS have comprehensive guides to how errors should be shown in forms – Shreyas Tripathy Apr 8 at 10:03
  • Hi @ShreyasTripathy, I have done some research but, None of the cases match with my situation. I guess I should an image to the question. – Armin Heller Apr 8 at 10:07
  • This link, which is literally the first result in the Google search, should answer all of your queries. – Shreyas Tripathy Apr 8 at 10:11
  • I have read this article. As you can see, there's not enough space in my design to show underline error. – Armin Heller Apr 8 at 10:14
  • 2
    then your design is maybe not optimal – colmcq Apr 8 at 10:17
0

This is quite a good summary:

https://www.smashingmagazine.com/2016/09/how-to-design-error-states-for-mobile-apps/

Preventing errors in the first place is the big thing, but sometimes mistakes will inevitably arise, in which case you need to think about:

  • Right time of informing about errors (or success)
  • Right place for validation output
  • Right color for the message
  • Clear language for your message

Your popup idea is not good on mobile so I'd recommend abandoning that. Tooltips in fields tend to be a no-go in UX because they disappear onFocus.

Go read the article and have a think what will work best for your problem. But the real secret is preventing errors in the first place!

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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