By Aaron Pearson, Listrak senior graphic designer
Every designer loves to be asked the age old cliché, “Can you make it pop”? Thanks to Apple, now we can make your emails Peek & Pop!
iPhone 6s has some fancy new features that are getting email marketers a little worked up. It’s certainly not something to ignore, but I think we’ve done a pretty good job in preparing for this. Let’s take a look at some of these new features and find out how they will impact our inboxes.
The big kicker is the new gesture called ‘Peek and Pop’ – a 3D touch feature that functions as a “right-click” for mobile devices.
3D Touch helps you get through the email in your inbox more quickly and efficiently. To Peek at a message, just press it lightly.
The content of the email appears on top of your inbox. If it’s a short message and a Peek is all you need, simply stop pressing and you’re back in your inbox.
If you want more than a Peek, press a little more deeply to Pop into the message for a full view — just as if you’d tapped to open it from your inbox.
There are a few concerns with this new ability to preview messages in your inbox. Is it going to count as an open? How will it affect engagement? Will responsive design impact engagement? Does this reintroduce the fold to emails? Is anyone even going to use this new feature???
An open by any other method is still an open.
Opens are collected when images are downloaded in a message, which triggers the download of an image tracking pixel. This varies across inboxes and devices because some inboxes force the user to agree to download images first. You may recall Gmail updating in 2013 to download images automatically without consent from the user. iPhone has long been known to perform the same way.
Since the Peek preview is downloading images, we will be tracking this as an open. #quickwin
However, what is different about this open? The way users are engaging with this preview is probably more of the focus for concern. I’ll quote one of my past blog posts:
“The life span of a subject line and preheader are measurable by one statistic, open rate. Subscribers only spend about 3-4 seconds reading the description of your email in an inbox. We need to grab their attention and interest immediately.”
It’s true. We really do need to grab their attention immediately. We don’t spend a lot of time pondering over emails (unless you’re an email design geek). Subject lines and preheaders will still be the key to getting an open or a Peek. #quickwin
The Peek preview is not scrollable so it will only show the top section of the email. With only 3-4 seconds of undivided attention on each message, it’s easy to swipe left and delete. Oh yeah, I forgot to mention that…
Take control of your email with a press and a swipe. While you’re taking a Peek at an email, you can swipe left to delete it or swipe right to mark it as unread.
What does that mean for designers?
Enjoy some technical specs, or just skip ahead and get to the important stuff:
- Retina HD display with 3D Touch
- 4.7-inch (diagonal) LED-backlit widescreen
- 1334-by-750-pixel resolution at 326 ppi
- 1400:1 contrast ratio (typical)
- Peek preview: 1050-by-710 pixel at 326 ppi
iPhone 6s Plus
- Retina HD display with 3D Touch
- 5.5-inch (diagonal) LED-backlit widescreen
- 1920-by-1080-pixel resolution at 401 ppi
- 1300:1 contrast ratio (typical)
- Peek preview: 1510-by-1020 pixel at 401 ppi
The important stuff
At a standard web pixel density of 72 ppi, the preview will show about 380 pixels of the top of the email. If you design at 2x for retina then do the math and you’ll get 760px.
Peek preview changes the way recipients engage with the email initially. You have to be strategic with the limited amount of real estate you have. How do you get the most value out of 380px of space? Because you can’t click-through in Peek view, a call to action “above the fold” or “within the preview” isn’t going to provide a lot of value from a functionality standpoint. Remember, the goal is to get the user to Peek and then Pop. Then you can work on your content strategy and test engagement.
- Design your logo at a reasonable size. “Make my logo bigger” is not a good strategy for mobile optimized email
- Remove navigation and other unnecessary information from the top of the email, such as preheader and view in browser links
- Clearly state the purpose of the email in the hero graphic, headline and body copy
- Organize your content by placing the most valuable information near the top
- Continue to write awesome subject lines and preheader text
As of September 2015, iPhone accounts for 30% of all email opens, but we’re only talking about a portion of the market share who will be upgrading to the new iPhone 6s. A breakdown does show that the newest model typically holds the largest number of users. Will users be using this feature? A quick poll around the office tells me that a lot of avid iPhone users do not think they would use this new feature. My experience so far has been: it’s quick for personal emails, but marketing emails still need to get me at the subject and preheader.