but, here is why i think that now might not be the time to start your company's moblization revolution... the gmail app. recently, gmail updated it's app for both android and apple devices, and it finally supports adaptive design (or responsive design). if you were ahead of the curve with mobilizing your emails, keep it up... but if you were waiting for insights into your subscriber base, you should probably hold off for a few more months on all of the work required to convert your existing templates to mobile adaptive ones. why you ask?
well having just recently converted from an iphone 4s to an htc one, i was missing the way apple auto-scales html email. in an effort to mimic that, i discovered you can set up the gmail app on the droid devices to do the same thing - yah, no left and right panning anymore to get the full message in one screen. then the app threw me a curve ball... i subscribe to a bunch of emails, and found that some of them weren't displaying properly - it's the worst feeling in the world when your emails don't display properly and i feel that same pain when i see one in my inbox and i will often right back with pointers and help to correct the issue. but with these, it's the gmail app that is destroying the rendering.
but because of the way that gmail supports adaptive design, this message displays oddly. and its not the fault of the app or the designer, this one falls on the reader. most people who jumped over to android devices to get bigger screens and less control over their devices still want the auto-scale feature, so they turned on that feature and forgot about it.
this fixes that particular email but most don't know that they can do that. the app itself while supporting adaptive design doesn't recognize it when certain customizations are turned on within the app. which can lead readers to think that message is messed up and that you're not an effective marketer, which will impact the message and the offer you're trying to communicate.
that brings me back to my point, that right now is not the time to deploy adaptive emails - unless you're company was already doing it prior to the release of the new gmail app - even though it didn't support adaptive design prior to the release, you're organization had already invested the time and effort to build these templates.
here's what you do in order to get the best rendering over the course of the next few months - until gizmodo and other sites do an article about this - use mobile optimization. what's the difference? adaptive design is new code and new skills and lots of time to think through the experience. optimizing your email is a lot easier, and should include design criteria such as:
- max width of 640pixels: this auto-scales 2:1, making your emails 320 pixels wide when they render on smaller screens (and when the auto-scale option is turned on in android devices).
- min font size of 13px: this is the default size that most devices upscale too
- remember real estate - think back to the days of powerpoint creation and using larger fonts and bullets, craft your message for readability and white space to reduce eyestrain on smaller devices
- big calls to action, make sure the reader knows what you want them to do. use buttons that are finger sized (35px tall is a great start). remember that there are 72 pixels in an inch, and that the rule of "thumb" came about because the width of a thumb is about an inch - most people scroll with their thumbs and even tap with thumbs when they hold the device in one hand
- place calls to action near the sides of the email, not the middle - this allows people to quickly tap the cta and to not have to stretch across the opposite side of the screen to "click" your cta