"Currently, there’s no such thing as “mobile email standards.” But that doesn’t mean can just wing it—not when 70% of consumers say they delete emails immediately if they don’t render well on their mobile device.
The more you know about what limitations exist, the better off you’ll be. Here are some quick tips to get you headed in the right direction:"
"The responsive design of this email scales the email & increases the text size on mobile devices so that it easy to read on small screens. In addition, the header of the email has been changed - the Twitter "badge" has swapped sides and the headshot has been removed in the mobile version. With this responsive design, Twitter keeps the email extremely legible on both a desktop and a mobile device."
"Responsive emails = fluid grids, fluid media and media queries. The idea being where @media isn’t supported, you can fallback on a fluid layout. As fluid layouts pose issues on some desktop email clients, alternatively you can fallback to a fixed-width mobile template."
Responsive Design can make a webpage shrink or expand to the device it’s being viewed on instantly through the use of CSS3 @media queries in the HTML coding. Lately, however, much of the buzz is about applying these media queries within email code to generate responsive emails. There’s one giant catch that many articles of late seem to smooth over…
People increasingly read their email — and their email newsletters — on mobile devices. Jacob Nielsen's research into the general usability of phones and tablets shows that small mobile phone screens present big usability challenges. They thus focused on email newsletter usability on those screens in our their research.
Click in to find related links.