- Toastは常にユーザーの注意(アテンション)から離れた場所に表示されるのが根本的な問題
- YouTubeのToastの問題点
- 一連の操作全体が非常に不便
- 画面右側の「保存」ボタンをクリックする
- 画面中央にモーダルが表示される
- 画面左下にToastが表示される
- 追加の問題点
- ローディング表示なしでToastの表示が遅れる
- モーダルでチェックボックスをオン・オフすると、最新の操作に対する確認Toastを受け取るには、前のToastが消えるまで数秒待たなければならない
- Toastの「元に戻す」ボタンは不要。ユーザーがもう一度チェックボックスをクリックすればよい
- 解決策: Toastをなくす
- 「保存」操作を単純に再設計するだけで、すべての問題を解決できる
- プレイリストはモーダルの代わりにボタンのすぐ下に表示される
- チェックボックスをオン・オフした後にローディング表示が出る
- ローディング表示が消えたら、操作が完了したことを意味する
- Toastは不要
- 追加の例が2つ
-
- 項目が追加・削除されたことの確認
- GmailでメールをアーカイブするとToastが表示されて確認を示す。しかしメールをアーカイブすると、そのメールは一覧から消えるため、すでに操作の成功を示唆している
- 参考: 元に戻す機能やキーボードショートカットを使う場合、Toastのフィードバックが有用なことはある
-
- 項目がコピーされたことの確認
- クリップボードに項目がコピーされた後でToastが表示される。この例ではボタン自体にすでに確認の役割が含まれているため、Toastはまったく不要
- もっと悪い場合もある
- Toastよりさらに悪いのは、フィードバックがまったくないこと
- より良いフィードバックメカニズムを設計・構築する時間がないなら、Toastはないよりまし
GN⁺の要約
- この記事は、Toastがユーザー体験に与える悪影響を説明し、それを解決するための代替案を示している
- YouTubeとGmailの例を通じて、Toastの問題点を具体的に説明している
- Toastの代わりに、より直感的で即時性のあるフィードバックメカニズムを提案している
- ユーザー体験を改善するには、フィードバックメカニズムを慎重に設計することが重要
2件のコメント
つまり、悪いトーストが悪いってことですよね??
Hacker Newsの意見
トースト(Toast)通知の必要性
トースト通知の欠点
YouTubeの例
Undoボタンの必要性
トーストの利点
トーストの適切な使い方
トーストとインラインフィードバック
著者の代替案提案への批判