![]() This will make your email much more readable on a small screen. At minimum, use 13- or 14-pt font for the body text and no smaller than 20-pt for the titles.Less shifting and moving makes it easier for your audience to read your content. There’s more effort required at the outset, but a good template should last for a while. Media queries will automatically adjust the email copy’s layout, content, and text size to the user’s device screen. Responsive email designs use CSS media queries to produce two different copies that depend on the size of your user’s screen. Now that I’ve got your attention, let’s look at the characteristics of different models of email design. Gorgeous, engaging content with a minimal amount of effort? Double check. Big, beautiful call-to-action buttons instead of tiny hyperlinks? Check. Now that we’ve got the numbers out of the way, let’s talk about some of the upgrades in quality you’ll see by designing your emails responsively. So it’s likely that your audience is reading your emails on a mobile device, and it’s possible (by changing the styling and methods of your mobile-focused communication) that you could reach 15% more potential or current users while multiplying your investment in email by 48x. For every $1 spent, $48 is the average return on email marketing investment → Source: Why Email Marketing at.Mailchimp found that unique clicks amongst mobile users for responsive email campaigns rose from 2.7% to 3.1% - a nearly 15% increase → Source: Impact of Mobile Use on Email Engagement – Learning Resources – MailChimp.The most prominent email client is the Apple iPhone at 28% → Source: Email Client Market Share and Popularity – December 2017. ![]() Email is first opened on a mobile device 51% of the time, and that number is rising → Source: The ultimate mobile email statistics overview.Related: Responsive design mistakes–and how to fix themīefore we talk about some of the qualitative reasons why you should be sending emails that are responsively designed, let’s take a look at some of the numbers: Still sending your emails in plain text? Wondering whether you should be designing emails that are responsive or scalable (or even fluid)? Here are some reasons why you should start thinking responsively and some best practices for getting started. Once Gmail began supporting embedded CSS back in September 2016, the top 4 emails clients all recognized and played nice with the parts necessary for responsive email design. The responsively designed web began with the use of fluid grids, flexible images, and media queries, and soon enough, these CSS elements were welcomed into our inboxes as well. The trend towards responsive web design began WAY back in 2010 when web designer Ethan Marcotte posited that “rather than tailoring disconnected designs to each of an ever-increasing number of web devices, we can treat them as facets of the same experience.” Design once, view appropriately everywhere. As more web traffic continues to move to mobile, designing sites and experiences for different sized screens becomes more important.
0 Comments
Leave a Reply. |