Notifikasi toast adalah UX yang buruk

• Masalah inti dari toast adalah ia selalu muncul jauh dari perhatian pengguna
• Masalah pada toast YouTube
  • Seluruh interaksinya sangat tidak nyaman
    • Klik tombol "Simpan" di sisi kanan layar
    • Modal muncul di tengah layar
    • Toast muncul di kiri bawah layar
  • Masalah tambahan
    • Toast muncul terlambat tanpa indikator pemuatan
    • Saat mencentang atau menghapus centang kotak centang di modal, pengguna harus menunggu beberapa detik sampai toast sebelumnya hilang agar bisa menerima toast konfirmasi untuk tindakan terbaru
    • Tombol "Urungkan" pada toast tidak perlu. Pengguna cukup mengklik kotak centang lagi
• Solusi: hilangkan toast
  • Dengan sekadar mendesain ulang interaksi "Simpan", semua masalah bisa diselesaikan
    • Daftar putar ditampilkan tepat di bawah tombol, bukan dalam modal
    • Setelah kotak centang dicentang/dihapus centangnya, indikator pemuatan muncul
    • Saat indikator pemuatan menghilang, itu berarti tindakan telah selesai
    • Tidak perlu toast
• 2 contoh tambahan
  • 1. Mengonfirmasi bahwa item telah ditambahkan/dihapus
    • Saat mengarsipkan email di Gmail, toast muncul untuk menampilkan konfirmasi. Namun, ketika email diarsipkan, email itu menghilang dari daftar sehingga sudah mengisyaratkan bahwa tindakan berhasil
    • Catatan: feedback toast bisa berguna untuk fungsi urungkan dan saat memakai pintasan keyboard
  • 2. Mengonfirmasi bahwa item telah disalin
    • Setelah item disalin ke clipboard, toast muncul. Dalam contoh ini, tombol itu sendiri sudah memuat konfirmasi sehingga toast sama sekali tidak diperlukan
• Bisa lebih buruk lagi
  • Yang lebih buruk daripada toast adalah tidak ada feedback sama sekali
  • Jika tidak ada waktu untuk merancang atau membangun mekanisme feedback yang lebih baik, toast tetap lebih baik daripada tidak ada sama sekali

Ringkasan GN⁺

• Tulisan ini menjelaskan dampak negatif toast terhadap pengalaman pengguna dan menawarkan alternatif untuk mengatasinya
• Melalui contoh dari YouTube dan Gmail, masalah pada toast dijelaskan secara konkret
• Sebagai pengganti toast, diusulkan mekanisme feedback yang lebih intuitif dan langsung
• Untuk meningkatkan pengalaman pengguna, penting untuk merancang mekanisme feedback dengan hati-hati

[wkang586]

Jadi maksudnya toast yang buruk itu memang buruk, ya??

[GN⁺]

Opini Hacker News

• Perlunya notifikasi toast

  • Tidak setuju dengan anggapan bahwa penyampaian informasi yang redundan dalam UX adalah UX yang buruk
  • Penyampaian informasi yang redundan berfungsi untuk memastikan pesan benar-benar tersampaikan
  • Toast membantu pengguna cepat mempelajari pola dengan menyampaikan status semua tindakan lewat cara yang terstandarisasi
  • Jika digunakan bersama indikator tertentu, maknanya menjadi lebih jelas
  • Jika toast dihapus, pengguna jadi terbebani karena harus memahami arti "selesai" lewat berbagai cara
  • Ini terutama merepotkan bagi lansia, penyandang tunanetra, dan anak-anak

• Kekurangan notifikasi toast

  • Toast menjadi masalah jika menghilang terlalu cepat atau menarik perhatian secara tidak perlu
  • Dalam pendekatan desktop tradisional, pesan kesalahan ditampilkan sebagai modal, sedangkan pesan sukses ditampilkan di bilah status
  • Bilah status bekerja seperti baris terakhir output terminal CLI, serta menyediakan pop-up untuk melihat pesan sebelumnya

• Contoh YouTube

  • Saat menghapus komentar di YouTube, muncul dua notifikasi toast
  • Jika beberapa komentar dihapus dengan cepat, toast konfirmasi tiap penghapusan muncul berurutan sehingga memakan waktu

• Perlunya tombol Undo

  • Tombol Undo berguna saat terjadi salah klik
  • Jika belum familiar dengan aplikasi, tidak mudah melakukan Undo hanya berdasarkan pesannya saja

• Kelebihan toast

  • Toast menyediakan implementasi standar yang meningkatkan kegunaan sistem
  • Sebagian besar sistem tidak punya cukup tenaga untuk menyelesaikan masalah desain tingkat lanjut

• Penggunaan toast yang tepat

  • Toast hanya cocok untuk notifikasi yang tidak terkait langsung dengan tindakan pengguna
  • Umpan balik atas tindakan pengguna seharusnya diberikan dalam konteks tindakan tersebut
  • Untuk tugas asinkron, sistem harus segera memberi tahu bahwa tugas sedang menunggu serta menyediakan opsi untuk membatalkan dan memeriksa progres

• Toast dan umpan balik inline

  • Toast adalah cara umum dan tidak mengganggu untuk mengonfirmasi tindakan pengguna
  • Umpan balik inline bisa membingungkan jika diterapkan dengan keliru

• Kritik terhadap usulan alternatif dari penulis

  • Indikator loading dapat menimbulkan masalah karena sulit menyampaikan error kepada pengguna
  • Perlu dipertimbangkan mengapa Google dan sebagian besar library UI menggunakan pesan toast/notifikasi
  • Pendapat penulis lebih dekat ke opini pribadi daripada kesimpulan analitis
  • Secara pribadi lebih menyukai UX toast dan notifikasi