UI Cheat Sheet: in-app notifications

If you are designing a product with a social element, chances are — you’re going to need a notification center. So how do you go about creating this? That’s what we will be exploring in this cheat sheet.

In this cheat sheet we will cover:

1. What is an in-app notification center?
2. Types of notification centers
3. Notification views
4. Notification icon and badge
5. Notification building blocks
6. Notification center
7. Follow up notifications
8. Writing tone and template
9. Notification settings
10. Handing copy over to development
11. Creating compulsive behavior
12. Closing thoughts
13. Further reading

1. What is an in-app notification center?

You will mostly deal with two types of notification centers, a) OS notification centers and, b) in-app notification centers. For this cheat sheet, we will just be looking at the in-app & browser notification centers.

So what is a notification center? A notification center is where all the activity and updates on the app are stored. There are many…