Are you reading this on a small screen? The majority of us are using our phones to do more and more things online, and checking email is a big part of our activity. Because mobile usage is so prevalent, it makes sense to have a mobile-responsive website. It also makes sense to write your emails with the expectation that most will be read on a phone. The ones that are read on a big screen will be easier to read, too.
Rob Walling gives us 10 Essential Tips for Creating Mobile-Friendly Emails on Copyblogger. He goes into much more detail, but here are the highlights of his article:
10 Essential Tips for Creating Mobile-Friendly Emails
- Compose short subject lines — don’t risk getting the end cut off after the 40th character.
- Use a single-column template — it is versatile and legible.
- Keep your email under 600 pixels wide — set the width attribute or use the CSS width property.
- Use a large font size — at least 13 or 14 pixels so we can see the words on any screen.
- Display small images — those who use 3G or slower can’t afford to wait for it to load.
- Provide a distinct call to action — prompt the reader to do something and make it easy to do it.
- Don’t make your call to action an image — if images are not enabled for your sending address, no image.
- Avoid menu bars — it’s an email, not a website, and fingers are hard to use precisely.
- Don’t stack links — it is way too easy to tap the wrong one.
- Test on multiple devices — use a service or have some friends willing to test on their various phones.
When you think about it, all of these tips boil down to making the user experience one that encourages them to want to open your email. If you have it set up to be frustrating on a small screen, you are not going to see all your hard work opened and read when your recipients check their email on their phones.