Thursday, August 30, 2018

notification - Why do error and success messages have a close button?


It seems really weird as they usually do nothing, only hide themselves. Is it a "turn a blind eye to problem in hope it goes away"?


I'm talking about inline status message like this one from Twitter's Bootstrap: enter image description here


You can click the X and the status message disapears from the page entirely.


Is there any reasoning behind this?



Answer



Your inclination that this design is strange/purposeless is correct. In this particular case, the inline error message should not contain a close (x) button, as no interaction between the user and the alert is necessary. In fact, the error message shouldn't disappear until the user corrects the error.


You can see the ineffectiveness of this design here on https://secure.fleetio.com/users, (a site built with Bootstrap) by forcing an error on the sign up form.



Notice how the close (x) link invites the user to interact with the error message, while no interaction should be necessary (the error will go away on its own once the user corrects the mistake that triggered the error, and submits the form again)


Here's another example from another site built with Bootstrap: enter image description here


No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...