Keep Reading
If you enjoyed the post you just read, we have more to say!
email notifications
Allie Dyer Bluemel
Last updated on
As applications evolve and move from desktop to web to mobile, communication tools will have to evolve with them. In a sea of emails, notifications relay important messages about accounts, transactions, and actionable items. While notification emails are short and to the point, they still represent your brand and product and carry a huge responsibility to inform users.
Building a successful email notification system is more than just sending out messages. Understanding how to utilize your designers and copywriters (and maybe even developers đ) to build strong branding and enticing actions into short messages will set you apart. Start with a solid email template, and then add your brandâs identity through writing and visualsâthis will engage users through your notifications.
Hereâs what weâll go over in this guide:
For the purposes of this article, weâre defining an email notification system as the strategy of email notification building and sending. Email notifications contain time-sensitive messages or actionable requests from your users, and might be sent based on the following:
As a product grows, inevitably so do the emails your customers receive. To get into the shoes of your users, create an overview of every possible email a customer might get from youâfrom newsletters to marketing to notifications. When you visualize this, it might be more than you think. Your customers could end up getting multiple emails a day based on how they use your product. Itâs important to think about how customers will react to frequent communicationâyou donât want them to get email fatigue from your brand.
In-app and push notifications are messaging royalty at this point. They are timed to be relevant and are pretty much guaranteed to be seenâsomething emails canât really compete with. But not every product has an app, and not every product is intended to be used daily. In addition to utilizing emails to re-engage customers, other email notifications are a no-brainerâpassword resets, transactional summaries, and receipts.
Email notifications have one giant advantage: Users both need and want these emails. Did you buy something on a website? Did your account get logged into from a new device? Do you want that receipt in your inbox, and do you want to be notified of new device logins? Of course, you do. And having them in your inbox means theyâre easily searchableâyou can find them in a yearâs time if you need to refer to themâsomething you canât do with other types of notifications.
These transactional and strictly informative emails donât have to be boring. Integrate your brand into even the smallest (or most transactional) communication. A digital receipt still represents your brand, and good design shows your users you care about how your brand is represented in every aspect of your business.
Notifications are not marketing campaigns or newsletters, so thereâs less to work with when building a successful notification template. Notifications first and foremost need to inform the user. Whether itâs account information, a transaction summary, or a security update, itâs crucial to get the information to the user as fast as possible.
When youâre selecting or building your email notification template, messaging, calls to action, and visuals are the key elements to keep in mind. A short message outlining why the notification was sent, a standout call to action with a description of why the call to action is meaningful, and an obvious connection to your brand will give your users a pleasant experience with your notifications.
In this notification email from Airbnb, the messaging gets right to the point and provides the user with additional information in an easy-to-read format. Thereâs a short description below the main messaging as to why a call to action might be necessary, and the call to action stands out in the brand color, with easy-to-read button text.
Have an A/B testing environment set up with your email notification systemâthis can help you make informed decisions when sending in segments, or for future design decisions. If you need to notify every user about an update they need to do, a strategy for these notifications might be to segment your users and run A/B tests on the first batch.
If you need people to click the CTA and update their app, test a different set of CTA copy. Whichever email receives a high click-through rate, chose that one to send to the rest of the user segments.
To thoroughly understand and enhance your email notification system, start by looking at all the communication that exists between you and your customers. Is the tone of all your messaging consistent? Are the same fonts being used throughout? Are visuals and colors being used the same way in your product as in your communication?
If the answer to some or all of those questions is no, make sure to update your email notification templates to keep your messaging and branding seamless throughout your product. And test with segments to learn what your users are responding to best, and update templates accordingly.
Just because notifications need to be short and to the point doesnât mean email notification design shouldnât get as much attention as longer-form emails. The code that makes up every email is extremely limited, but there are a lot of tricks designers and developers can utilize to make receiving a notification email a more fun user experience rather than a task.
Bold design and dark design trends are popping up, and emails are no exception. Dark mode is very much a thing, and if you donât understand how it affects your email design, you could be delivering messy emails.
Dark mode is a setting that people could choose to turn on for a number of reasons, from personal preferences to medical reasons. In the example emails above, the automatic dark mode conversion looks pretty good except for the images at the top, including the logo đ©. The white background on the images means the messaging remains readable in dark mode. But it is not the best look. Talk to your designers and developers to find solutions for dark mode in your email notifications.
When there are discussions around design, they tend to center around visual elements, color choices, and fonts. But there are other aspects of design, especially with emails, that should be considered.
Responsiveness: Almost half of emails are opened on mobile devices. With a variety of mobile email clients, screen sizes, and devices available to consumers, emails need to look good everywhere. If your images arenât scaling, or a user has to scroll horizontally on their phone to read unwrapped text, itâs not going to be a good experience (and it makes it seem like you donât know what youâre doing đŹ).
Design for mobile. Design for Outlook. Test your emails and make sure they look good across a variety of devices.
Preview text: This might âtechnicallyâ be considered an element and not a design feature, but the point is, sometimes itâs not even considered at allâand thatâs a problem. Preview text is the little bit of text that comes after the subject line when viewed in an inbox. Itâs meant to be a literal preview of your email content. If you donât have your copywriter curate and supply the preview text, it will automatically just be pulled from the first text in your email. The automatic text pull might work out perfectly, but it also might not send the message you want.
The preview text in these emails was either ignored or not implemented correctly, and the result is automatically showing some of the email code. Whoops. Utilize your copywriters, and have them curate preview text for your email notification communication.
Accessibility: One aspect of accessible design requires little effort to incorporate yet is still often overlooked. Using the alt-text attribute for images in your email notifications not only makes sure those using screen readers will understand your communication to the fullest, but it also guarantees context around your images if they fail to load. Images may fail to load for any number of reasons, but users can also actively choose to prevent images from loading in emailâGmail has this option right in the settings. This is also something to think about if you send emails as one giant image element (please donât do that).
While weâd all love to see a delightful corgi on the beach, this image didnât load. At least with the context of alt-text we can visualize it. Make sure you or your email person is taking the time to add context to images with the alt-text attribute.
Make sure email templates and designs are tested thoroughly. View the emails you regularly send to your customers on desktop and mobile devices. View them in dark mode. If youâre not happy with the way they look or how they represent your brand, your users probably donât think much of them either.
Everyoneâs inbox is saturated with emails. Weâre required to make accounts to view content or make purchases. We get automatically signed up for newsletters from web shops we used once. And in the mix of the resulting mess is real communicationâwhether itâs your co-workers, family, or important notifications from products you actually want to hear from. Adding other forms of notifications for your customers can get them acting faster.
Your sender score represents your email reputation and can affect email delivery. If your emails get delivered, and people delete them without opening them, it negatively impacts your score. If your emails start getting marked as spam, thatâs even worse. Your spam rating and sender score donât care if you have valuable email notifications your users need to see.
If your newsletter and marketing campaigns are too frequent, thereby annoying your users, your notifications might end up in their social, promotion, or (gasp!) spam folders automatically.
Bringing it full circle to email fatigue, itâs important to know all the emails your users get from you. Maybe itâs time to start thinking of sending some of those notifications in other forms, allowing the email inbox to breathe a little.
These types of notifications have become the standard. Not only do these types of messages have higher engagement rates than email, but they also reach users at crucial points in their experience. In-app notifications, which donât require permission to send, can point users to various parts of your product or inform them within specific user flows.
The ability to show your user a message based on a trigger, like asking them for permission to share future notifications after completing an action, can take you a long way with engagement. If the in-app message below was sent as a follow-up email instead (and Jeff would have to choose to opt-in to email notifications), it would have to make it to the right inbox at the right time. And even then, Jeff might not open the email. Using an in-app notification, Jeff is pretty much guaranteed to see it.
Check your sender score and spam ratings to fully understand how these work and affect the email communication you send to your users. If you havenât thought about utilizing other types of notifications for the features your products offer, sit down with your teams and discuss how in-app and push notifications can enhance the experience for your customers.
Notification systems can be tricky to get right. From email strategies, to in-app and push messages, thereâs a lot of communication to keep track of. It requires an abundance of your designer and developer resources. If notifications arenât your core product, it doesnât make sense to dedicate the same time and resources to notification systems as you do to your core features and updates.
MagicBell provides a way to engage users through various notification forms. With plans ranging in features for in-app, push, and email, MagicBell can grow with your business.
Schedule your two-week free trial now.