it-swarm.asia

Apa perbedaan antara peringatan, spanduk pemberitahuan, dan pesan roti panggang?

Apakah ada perbedaan antara peringatan, spanduk pemberitahuan, dan pesan roti panggang, Kapan harus digunakan, dalam kondisi dan skenario apa. Dalam komponen apa gambar di bawah ini akan sesuai?

enter image description here

14
Pradeep

Pilihan pemberitahuan seringkali tergantung pada sistem apa yang Anda bangun.

Jika Anda membangun untuk platform yang ada, mis. aplikasi iOS atau Android aplikasi, maka sebagian besar platform memiliki pedoman yang berlaku untuk menjaga penggunaan konsistensi ini di seluruh semua aplikasi platform ini.

Berikut adalah pilihan sumber daya ini:

Jika Anda membangun untuk web, maka itu adalah ballgame yang berbeda karena terserah Anda untuk menentukan aturan aplikasi web Anda dan ini mungkin lebih sesuai dengan contoh yang Anda berikan tangkapan layar - Saya kira Anda sedang membangun aplikasi web?

Inilah kesimpulan dari sebuah artikel yang saya baca tentangnya.

Pengguna ingin tetap mendapat informasi saat menggunakan web atau aplikasi seluler Anda. Selalu gunakan kesempatan untuk menunjukkan kepada pengguna Anda notifikasi yang baik dan jelas. Jika diperlukan (mis. Pemberitahuan pesan kesalahan), tambahkan informasi tambahan tentang sifat spesifik masalah dan cara untuk menyelesaikannya. Usahakan agar notifikasi Anda sederhana dan langsung pada intinya. Pengguna Anda akan senang mengetahui persis apa yang sedang terjadi dan mampu keluar dari tempat yang sempit.

Diambil dari https://infinum.co/the-capsized-eight/articles/ux-quick-tip-the-proper-way-of-handling-notifications

Apakah ada perbedaan antara notifikasi, spanduk notifikasi, dan notifikasi roti panggang

Lansiran

Ini menghentikan pengguna melanjutkan sampai notifikasi telah diakui. Mereka telah datang jauh sekarang dari popup JavaScript dan seringkali desainer web mengkustomisasi mereka dalam beberapa cara berbeda.

enter image description here

enter image description here

Bilah Pemberitahuan

Tipe ini sering merupakan ruang yang dipesan di area yang konsisten yang memperingatkan pengguna pesan. Lebih sering daripada tidak ada 3 jenis, Kesalahan, Peringatan, Sukses dan sering membawa ikon serta menjadi warna tertentu yang tidak akan berbenturan dengan desain situs web. Memastikan bahwa itu terlihat. Perbedaan antara lansiran dan bilah notifikasi, adalah bahwa pengguna tidak harus mengakui notifikasi.

enter image description here

enter image description here

Pemberitahuan Roti Panggang

Mirip dengan bilah notifikasi tetapi muncul di bagian atas konten, biasanya memiliki animasi yang bagus untuk menarik perhatian pengguna.

enter image description here

Di komponen mana yang cocok dengan gambar OP?

Contoh Anda terlihat seperti jenis Pemberitahuan Toast

Bacaan Tambahan:

UX Quick Tip: Cara penanganan notifikasi yang tepat - https://infinum.co/the-capsized-eight/articles/ux-quick-tip-the-proper-way-of-handling-notifications =

Google - Memahami Pemberitahuan dan Pemberitahuan https://support.google.com/adwords/answer/1704338?hl=id-GB

16
stradled

Banyak pertanyaan di sana.

Semua yang disebutkan di atas adalah cara sistem memberikan informasi kepada pengguna. Faktor penentu termasuk harapan pengguna, pentingnya pesan dan frekuensi pesan. Mari kita lihat satu per satu.

Pesan Peringatan

Gaya lama alert() pesan hampir mati sekarang. Setidaknya dalam aplikasi perusahaan yang terlihat profesional, Anda jarang melihatnya. Alasan utama karena itu cukup banyak di luar kendali untuk pengembang dan sangat mengganggu bagi pengguna.

Spanduk Pemberitahuan

Saya menggunakan spanduk pemberitahuan, cara Gmail melakukannya, di atas layar, satu baris adalah ketika pengguna mengharapkan umpan balik dari sistem. Sebagian besar waktu ketika pengguna telah melakukan beberapa tindakan. Menghapus pengguna, Mengirim surat dll. Sistem mengambil tindakan untuk pengguna dan memberi tahu pengguna di muka tentang keberhasilan atau kegagalan tindakan itu. Ini sangat penting untuk dimuka dan dapat dengan mudah terlihat, tetapi tidak menonjol seperti peringatan itu. Sebagian besar menggunakan beberapa warna cerah yang menciptakan kontras dari konten layar yang tersisa. Saya memilih untuk menjaga mereka di tengah atas, dengan menyembunyikan data minimum.

Pemberitahuan Toast

Ini digunakan ketika sistem memberikan beberapa informasi kepada pengguna itu adalah miliknya sendiri. Ini belum tentu merupakan umpan balik dari tindakan pengguna. Sebagai contoh, peringatan email baru Outlook, notifikasi perubahan lagu Winamp adalah bagian dari jenis pesan ini. Konten yang ditampilkan dalam pesan-pesan ini bermanfaat bagi pengguna tetapi tidak terlalu penting untuk memutus alur kerja pengguna saat ini dan mengalihkan perhatiannya sepenuhnya ke pesan itu. Itu bukan modal dan mudah luntur.

Biasanya, notifikasi roti panggang ini berada di dekat Baki notifikasi, (secara default di kanan atas untuk mac dan kanan bawah untuk Windows) karena baki notifikasi juga menampung informasi/tindakan yang penting namun tidak mengganggu.


Contoh yang Anda tunjukkan kemungkinan besar adalah pemberitahuan roti panggang (mempertimbangkan tinggi, ukuran dan tombol tutup), tapi saya akan lelah menggunakannya untuk pesan kesalahan.

Saya harap saya telah membantu.

2
Sol

Pemberitahuan : ada dua jenis

  1. Notifikasi sistem yang biasanya ditampilkan dalam bentuk spanduk lebar dan tipis di atas layar dan digunakan untuk membuat pengguna mengetahui tentang perubahan status sistem yang berkepanjangan (seperti sistem mati, pemeliharaan terencana, fitur baru, dll.)

enter image description here

  1. Olahpesan dalam aplikasi yang digunakan baik ketika ada komponen sosial dan semacam interaksi antara pengguna, atau ketika sistem perlu memberi tahu pengguna tentang keadaan konten.

enter image description here

Kedua jenis statis, mereka tetap ditampilkan sampai pengguna mengkliknya tertutup, atau selama kunjungan pertama.

Roti panggang

Roti panggang bersifat dinamis, mereka ditampilkan untuk waktu yang singkat dan biasanya berisi umpan balik sistem untuk interaksi mikro pengguna.

enter image description here

Lansiran

Lansiran adalah fitur yang relatif kompleks yang dapat ditempatkan di area Setelan atau Lansiran, di mana pengguna menyiapkan lansiran untuk acara tertentu, khususnya, pengguna mengatur apa acara ini dan seperti apa peringatan itu. Misalnya, pengguna dapat mengatur lansiran untuk kondisi sistem tertentu atau data tertentu untuk diberitahukan melalui email, sms, panggilan yang dapat dikenakan, dll. Dalam beberapa kasus ada lapisan kerumitan yang ditambahkan ketika pengguna menyiapkan lansiran untuk situasi khusus, seperti jika data yang melewati batas tertentu baik di ambang atas atau bawah, pengguna ingin segera diberitahu tentang hal itu. Peringatan selalu bersifat situasional, dilampirkan pada peristiwa tertentu dan informasinya keluar dari sistem.

enter image description here

2
Zoe K

Perbedaan utama antara toasts dan dialog adalah bahwa toasts memberikan umpan balik tanpa disadari sedangkan dialog menuntut respons segera.

Roti panggang

Bersulang memberikan umpan balik sederhana tentang operasi dalam sembulan kecil. Itu hanya mengisi jumlah ruang yang diperlukan untuk pesan dan aktivitas saat ini tetap terlihat dan interaktif. Misalnya, menavigasi jauh dari email sebelum Anda mengirimnya memicu bersulang "Draft Disimpan" agar Anda tahu bahwa Anda dapat melanjutkan mengedit nanti. Roti panggang secara otomatis menghilang setelah batas waktu.

Pemberitahuan

Bersulang tidak akan sesuai jika pengguna diharapkan merespons karena hanya muncul sebentar dan tidak dapat dipanggil kembali. Dalam situasi ini, Android dokumen merekomendasikan penggunaan Pemberitahuan. Jika respons pengguna terhadap pesan status diperlukan, pertimbangkan untuk menggunakan Pemberitahuan.

Dialog modal

Peringatan dalam dialog modal harus digunakan kapan pun respons eksplisit diperlukan dari pengguna, dan respons itu diperlukan sebelum hal lain dapat terjadi. Dialog tidak mengisi layar dan biasanya digunakan untuk acara modal yang mengharuskan pengguna untuk mengambil tindakan sebelum mereka dapat melanjutkan.

Adapun contoh yang Anda kirim, memenuhi karakteristik pesan roti panggang.

Referensi:

Desain Material

Artikel Norman Nilson

1
Eran Bar