Live data from Hacker News

Toasts are bad UX

maxschmitt.me

111–120 of 401 posts

Re: Toasts are bad UX

#111
post #76

For anyone as confused as I was, this article is not about toasted bread [1], but about a type of UI widget [2]. [1] https://en.wikipedia.org/wiki/Toast_(food) [2] https://en.wikipedia.org/w/index.php?title=Toast_(computing)

Where does the name toast come from anyway?

Re: Toasts are bad UX

#112
post #35

"We do have to consider the undo-functionality and that the toast feedback can be useful when using keyboard shortcuts." There's nothing more infuriating than going to click undo and the toast disappears.

It's the most annoying thing I felt when I using software too. So in my own project, I tend to just keep the message open and wait for user to decide what do to with it, but then that's not a toast anymore.

I don't think designers should put anything interactive in an arbitrarily timed interface aside from "Dismiss". A toast is the best when it's displaying what is currently going on, not as a pop up dialog box.

The best design for Undo I think is to make it a dedicated button, like the one in the text editors. When user clicked "Archive", a Toast pop up and displays message "Archiving N entries, please wait" and then change it to "N entries archived. You can press Control+C or click [Undo Icon] to undo if that was a mistake" then the Undo button lights up.

Also, IMO the message format "Archiving N entries, please wait" should be a standard, it tells the user in a clear way 1) what the software is doing, and 2) what should I the user do. On the other hand, the message "Conversation archived" don't really provide the same value, since user already saw it happened.

Re: Toasts are bad UX

#113
post #76

For anyone as confused as I was, this article is not about toasted bread [1], but about a type of UI widget [2]. [1] https://en.wikipedia.org/wiki/Toast_(food) [2] https://en.wikipedia.org/w/index.php?title=Toast_(computing)

Where does the name toast come from anyway?

Toast "pops up" from the toaster when it's done.

Re: Toasts are bad UX

#114
I wouldn't want to implement the suggested YouTube UI (menu showing up next to button) because it's the kind of thing that has the most potential to glitch out. Dialogs generally don't glitch out as they're absolutely positioned and can be handled by the browser.

Re: Toasts are bad UX

#115
Basically all of these are examples of 'bad UX is bad UX'. Sure, don't show a toast when another confirmation already appears. And dont make them async to appear. And dont include undo for something that is able to be easily undone. The toast for archive with the 'undo' _is specifically when you should be using this_.

For context, I'm coming from the world of native apps. Toasts overall, especially with the 'undo' action, have been a very useful contribution by Google to UX. Compared to iOS's "show a blocking popup in the middle of the screen", they were so much nicer. Like I said, the "undo" for cases like the archive example are the whole point! Instead of asking "are you sure?" for everything, you just delay the action and offer an undo. Default to the user being sure they wanted to perform that action and dont gatekeep their flow. Dont overuse it, but dont blame its bad uses on the toast itself.

Re: Toasts are bad UX

#116

Earlier quoted context omitted.

Where does the name toast come from anyway?

Toast "pops up" from the toaster when it's done.

That does make a certain amount of sense... much more sense than https://en.wikipedia.org/wiki/Toast_(honor) which for some weird, unexplainable reason my brain had decided was where the name came from...

Re: Toasts are bad UX

#117

I'm not convinced. Most of the argument seems to be that redundant UX is bad UX: > But by archiving the email, the email disappears from the list, which already implies the action was successful. > In this example, the button already includes a confirmation so the toast is entirely unnecessary. I vehemently disagree with the idea that just because you're already communicating something one way it's bad UX to include…

The unfortunate thing is they aren’t communicating the same thing. Taking the YouTube example, the checkboxes are 100% optimistic while the toast notification indicates that the request to the backend that was fired off asynchronously was successful. With the archive message example, it is the same thing. The message is removed from the list optimistically and the toast message is representing that the message was ac…

I mentioned this in another comment, but the whole reason the archive is able to be optimistic is partially because they offer the undo via toast. Otherwise its likely they would add an 'are you sure' plus a loading-state when doing these "semi-destructive" actions.

Re: Toasts are bad UX

#118
I completely agree that it being far away from the interaction point is bad UX. That said, toasts by themselves are not bad, it depends where they are.

Re: Toasts are bad UX

#119

Earlier quoted context omitted.

Where does the name toast come from anyway?

Toast "pops up" from the toaster when it's done.

In all of the years I've been dealing with "toasts", I never realized this until just now. I always thought it was some kind of weird reference to toasting with a drink or something.

Update: On consideration, I think my disconnect was because the plural of the notification method is "toasts", but the plural of the recooked bread slices is "toast". The plural of benedictions given prior to a drink is "toasts". So I mentally connected up with that.

Re: Toasts are bad UX

#120

Earlier quoted context omitted.

The unfortunate thing is they aren’t communicating the same thing. Taking the YouTube example, the checkboxes are 100% optimistic while the toast notification indicates that the request to the backend that was fired off asynchronously was successful. With the archive message example, it is the same thing. The message is removed from the list optimistically and the toast message is representing that the message was ac…

Fair enough, but when they are not communicating the same thing, there are no grounds for objecting to them on the basis of redundancy. The problem with notification only of failure is that one is left uncertain about success, though I would agree that striking a balance between distraction and uncertainty is difficult.

It also would mean you would move the item eagerly, then put it back on error. Or alternatively make it a "ghost" item in the list then remove on success. But overall the eager-move + toast + undo is just a much faster feeling implementation and the overall UX is so much cleaner.
Post reply on HN