←back to thread

Building a Toast Component

(emilkowal.ski)
117 points FragrantRiver | 4 comments | 03 Dec 25 14:51 UTC | HN request time: 0s | source
Show context
jmercouris ◴[07 Dec 25 16:21 UTC] No.46182835[source]▶
Toasts are a great way to lose information. They are a terrible design and should not be used. They distract the user, are not dense with information, and provide no value. If a message is important enough for the user to read, it should be a dialog box.
replies(3): >>46183186 #>>46183450 #>>46183529 #
oulipo2 ◴[07 Dec 25 17:07 UTC] No.46183186[source]▶
Most of the time they're used for a quick visual confirmation that "your operation went right"
replies(2): >>46183234 #>>46184244 #
1. jmercouris ◴[07 Dec 25 17:12 UTC] No.46183234[source]▶
The information that the user did something "right" should be responsive next to where the user initiated the action- not in a random corner.
replies(1): >>46183601 #
2. nine_k ◴[07 Dec 25 17:58 UTC] No.46183601[source]▶
That control may not be visible by the time the operation completes.
replies(2): >>46184703 #>>46187073 #
3. thunderfork ◴[07 Dec 25 20:12 UTC] No.46184703[source]▶
There are certainly times where this must be the case, but I think it's broadly better to have designs avoid this.
4. strogonoff ◴[08 Dec 25 00:51 UTC] No.46187073[source]▶
Toasts are popular, but not the only option if you want to notify the user about completion of a longer-running action when the user may have already switched away from where they started it. Consider a status bar[0] instead. You can make it cute and animated, too!

[0] https://developer.mozilla.org/en-US/docs/Web/Accessibility/A....