5

I searched around if it's really a must especially in web.

I found two great UX SE answer.

One is from: https://ux.stackexchange.com/a/11652/86963

The other is from: https://ux.stackexchange.com/a/23354/86963

The first answer seems to say it is not really required.

The second one seems to say just put it in "right" place.

My question now is:

  • Do I need to put "success" message? Or only if there's a failure?
  • If yes, where? Top right? Bottom right? Bottom center full width? Top center full width?

EDIT The context I have on my mind currently is when creating new record. After submitting the form, redirecting to a new page, do I need to show a notification/toast/popup or anything?

2
  • I suggest that you read those answers more thoroughly and notice that when and where to add success messages is very specific for each situation.
    – jazZRo
    Mar 15, 2017 at 13:14
  • The first one focused on the delete. The other one just gave an example but did not explain if I should really have one.
    – jen
    Mar 15, 2017 at 13:18

3 Answers 3

5

Do you need to put success message? Yes. You need to put success message.

When we use web; we actually have conversation with the applications we use. So when I have performed some action, the system, as a second person in conversation should inform me that I have performed the right action. An action such as; buying a product, filling a form, sending an email etc.

“Always display validation within the context of the action”:

  • If the message is meant to be for form field - display it nearby the field.

  • If the message is meant to be for a section - display it on top of the section.

  • If the message is meant to be for the entire page - display it on top of the page so the user doesn't miss it.

Grouping validation messages at the top or bottom of a page away from the inputs in question separates the link between inputs and errors and should be avoided at all costs. If a user can’t see an error message or likewise find the inputs they will very rapidly get frustrated and bounce (I know I would).

https://medium.com/@andrew.burton/form-validation-best-practices-8e3bec7d0549#.xkeb6ld96

enter image description here


enter image description here

Update

The first link in the question is referring to MS Windows, which is a local action user takes on his own machine. When we think about web applications, that answer fails. When we deal with online applications.. it's never local - there's an another application who is fulfilling our requirements. In most cases we are not sure if something is worked, hence it's necessary that the application informs us about the activities we performed.

2
  • “Always display validation within the context of the action”... Yes, this is very helpful. But about I really need, this kinda oppose the one I found which is the first answer/link in the OP. More info please?
    – jen
    Mar 15, 2017 at 13:24
  • @jen Please check the update.
    – Dipak
    Mar 15, 2017 at 14:01
1

There must be some sort of feedback so users know their action succeeded. If there's a noticeable change on the page (e.g., the selected email message is gone), then you don't need an explicit success message. If not, then you'll need that little notice.

Its placement is up to you, as long as it's noticeable. (Don't display that notice in a place that might be out of view if the user has scrolled down the page.) I'd advise against using a modal window that the user has to close before continuing (except in special cases).

In some cases, like deleting from the Netflix DVD queue, they put the success message in the queue where the deleted item was, and combine with other actions, like "Undo."

Netflix Deletion

5
  • Like on the first answer I put in the OP, this focuses on delete also. How about when creating? They know for sure there will be changes. Does that count?
    – jen
    Mar 15, 2017 at 13:21
  • Yes, that should count. Unless the new item isn't visible or is shown among a huge number of other similar things, and it's not clear that something has happened. If you're not sure, then watch some people use your app. Mar 15, 2017 at 14:40
  • If there are visible/noticeable changes (eg a row is added to the table or a SE answer is faded on to the page) you don't need a message. If they can't tell that something changed, add a message so that they can tell.
    – Cullub
    Mar 15, 2017 at 14:42
  • 1
    @cullub the page will redirect so at some point they wouldn't see it unless they'll look for it especially if the table is big.
    – jen
    Mar 15, 2017 at 15:20
  • Ah, I see. In that case, I'd either make a big deal about the fade in (like this), or just add a confirmation message at the top. It's really up to you.
    – Cullub
    Mar 15, 2017 at 15:23
0

You need to show feedback, but not necessarily a text message.

If I hit a key when typing, a letter shows up on screen. It's a very small action and it is immediately visible what changed, so having a success popup for that would be overkill. Along the same lines, when I delete a file (in windows, with the delete key) the icon disappears; it's immediately visible what changed. Both of these actions have feedback without an explicit message.

I don't know your current interface, but if it shows an overview or navigation pane or something similar, you could have the form scale down and move into the list. Strongly visualizing that you take the new record and put it in with the rest.

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.