🔔 Notification is not just notifications! 15 types of Notification are commonly used in UX / UI.

Notification is a communication tool between the "system" and the "user." If you choose to use the right type, it allows the user to recognize important information in time without interfering with the use and greatly improves the UX experience.

💡 What do users get?

- ✅ Choose Notification to suit each situation.

- ✅ Reduce user interference.

- ✅ Communicate information clearly and on the spot.

- ✅ Design Web App and Mobile App as standard

🔔 15 types of popular Notification

1️⃣ Toast Notification

Short alert messages that display temporarily and disappear themselves, such as "Save data successfully."

2️⃣ Snackbar.

Similar to Toast, but with Action buttons like Undo, Retry or View.

3️⃣ Alert Dialog.

Popup that forces the user to answer before proceeding. Fits milestones.

4️⃣ Confirmation Dialog

Confirm before making a list, such as deleting data, sending orders, or logging out.

5️⃣ Success Notification

Notify that the operation has been completed, such as successful payment or uploaded.

6️⃣ Error Notification

Notify errors. Explain the causes and solutions.

7️⃣ Warning Notification

Notify before a problem occurs, such as a near-full storage area or an expiration password.

8️⃣ Information Notification

Inform general information such as new features, system updates or important announcements.

9️⃣ Progress Notification

Displays status during work, such as downloading, uploading, or processing data.

🔟 Push Notification

Notifications from the system to the device, even if the user does not open the app.

1️⃣1️⃣ In-App Notification

notifications within the system, such as new messages, assignments, or recent activities.

1️⃣2️⃣ Badge Notification

Display numbers on icons such as 🔴 3 new messages or 🔔 12 notifications.

1️⃣3️⃣ Banner Notification

The notification bar on top of the page fits the announcements that all users should see.

1️⃣4️⃣ Inline Notification

Displays text within the page, such as under the form box or above the data list.

1️⃣5️⃣ Notification Center.

All Notification centers let users come back and see it later.

🎯 UX / UI Best Practice

- Only the necessary information. Do not send too much Notification.

- Use colors and icons to communicate meanings such as 🟢 Success, 🔵 Information, 🟡 Warning and 🔴 Error.

- The text should be short, concise and clearly tell what happened.

- If it's an Error, it should tell you how to fix it or how to proceed.

- Toast and Snackbar should only show up for a few seconds. Alert Dialog only uses milestones.

- There is a Notification Center so users can return to check notifications at any time.

💬 What kind of Notification do you like the most? Have you ever seen a system that notifies so often that it interferes with? Let's share the experience!

# CreatifyX # UXUI # Notification # WebDesign # MobileApp

📌 Follow CreatifyX

Includes AI tools • Digital • Graphic Design • Practical Productivity, updated weekly 🚀