Mobile Email Design 101

Depending on when you send and who makes up your audience, mobile devices will account for 10 – 30% of all email opens (source). Let me repeat that: 10 – 30% of your emails are being read on a mobile device.

Have you even looked at your company’s marketing emails on an iPhone?

Esquire eNews email design
What is important here? What is all that tiny, blurry stuff at the top? Is Gisele with Eli Manning now, I thought she was married to Tom Brady?

It might not be pretty. That could mean that those emails you think are going to be big hits are instead big duds with around one out of every five of your customers, regardless of how well thought out your messaging, imagery, or marketing plan is. Your emails could be broken, hard to read, overly complicated, or just plain ugly. If you didn’t design your email with mobile in mind then there’s a good chance you’re leaving conversions on the table with your email marketing campaigns.

The same email will be displayed on all HTML-based email clients including smartphones, so take the time to make sure you’re communicating as effectively as possible to all of those in your email lists. Some basic design changes to your emails can make a huge difference in the usability and success of your emails.

Sure, iPhones and Android phones in general do a great job rendering even complicated email designs. The default clients on modern smartphones actually do a much better job of displaying CSS (including CSS3) emails than the most popular desktop and webmail clients. That doesn’t mean, however, that they display emails in a way that is going to make your subscribers want to read your content or click the links you want them to click. Depending on your text size, layout, and image selection, there is a chance that subscribers won’t even see the most important parts of your email.

As with webpages, the email clients simply either zoom out to fit the entire width of an HTML email design into 320 pixels or with simpler emails arbitrarily increase all the font sizes. There is more that you can and should be doing to make your emails successful on mobile devices.

The first steps to a successful mobile email strategy include following some general mobile best practices and focusing on the readability, impact, and primary conversion of your email. By implementing these tips you can make your emails more effective regardless of where your subscribers check their email.

Continue reading for tips on the best practices in mobile email design.

HP Kills Off TouchPad, webOS Phones

HP TouchPadThe complicated mobile development market got just a little simpler yesterday as HP discontinued operations related to the production of webOS mobile phones and tablets. Not sure anyone saw this news coming, despite rumors that sales of the TouchPad in particular had been abysmal and prices for the tablet had recently been slashed. HP will “continue to explore options to optimize the value of webOS software going forward” however so webOS itself isn’t quite dead yet.

webOS is a great piece of software but HP’s hardware didn’t wow and their devices never found a place in a competitive marketplace. The OS itself was great to use. It felt intuitive and responsive, and from a aesthetics and usability perspective might have been the closest thing yet to matching Apple’s iOS. Hopefully HP can find a partner or a buyer for webOS and maybe by this time next year we’ll see webOS software on HTC phones or even the next BlackBerry.

Hey, at least the HP Touchpad lasted one day longer than Microsoft’s Kin.

Email Still the King of Social Sharing

Email is dead. Long live email!

We’ve been hearing that the email era is over on a monthly basis for years now. But despite overflowing inboxes, new email killers coming out all the time, and of course spam, email is still going strong. As the site share widget has become ubiquitous on the web, many sites are hiding email sharing amongst 750 other social media icons. Do so at your own peril. Email is still the most common method used to share content on the Internet.

According to a recent study conducted by AOL and Nielsen, 93% of users share content over email. Despite the trends and the growth of social powers such as Facebook and Twitter, that number is slightly higher than the 89% of study participants who shared using social networks and the 82% who use blogs. When asked what their primary sharing method was, 66% of people answered email and it was also the preferred method in every industry surveyed.

The numbers vary depending on the type of content being shared and whom a user wants to share it with. By a large margin, people prefer to share content with their friends and family and email is huge when sharing with those groups. 89% of those surveyed shared content with their friends over email and for family the number is 86%. The only category of people email isn’t a top sharing method with is the public.

(Wait… 6% of people use email to share something with the public? Stop forwarding those chain emails to everyone Mom!)

With all that data, it’s clear users prefer to share stuff via email. Why then are most sites either lumping email with everything else behind a single share icon or at most pulling out and promoting Twitter and Facebook only?

“Email to a Friend” buttons used to be everywhere but fell out of favor, possibly due to spam and the privacy concerns of submitting not just your own email but your friends’ emails too on a web form. The email share forms still have value though and web users have actually become more comfortable again sharing this information online again as sharing personal information online has been made commonplace by social networking. You can also also offer email sharing via a standard mailto: link. This allows visitors to use their own email client instead of a web form, helpful not just to those worried about privacy but also on mobile devices.

While Facebook Like and Tweet This buttons are great for encouraging conversation about your content, your visitors still also want to be able to easily share links with specific friends and family members. However implemented, it is important to encourage and enable the sharing of your site’s content via email and not just social media networks.

The stats show, reports of email’s demise were greatly exaggerated.

PhoneGap 1.0 Released

The PhoneGap open source mobile development platform released their 1.0 version on Friday at the first ever PhoneGap Day in Portland. The platform originally launched in 2009 and after some iPhone App Store hiccups, they have steadily improved by fixing bugs, adding features, and extending platform support as they approached their 1.0 release. Seven mobile platforms are currently supported including iOS, Android, Blackberry, WebOS, and Windows Phone 7.

PhoneGap is a development platform that allows our developers to leverage standard web technologies to build native, cross platform mobile applications. HTML5, CSS3, and JavaScript (along with server-side databases and code) are used to build the base of the mobile web application and then we can wrap that code with PhoneGap in order to leverage native APIs to access a mobile device’s camera or GPS functionality. That standards-based app can then be deployed to the various platforms and app stores.

Infojocks Sports Graphics

Infojocks Tosu

I love sports. I love designs. I lust infographics. What could be better than an awesomely designed poster that beautifully and nerdily displays detailed sports statistics? Designer Jeremy Yingling creates and sells great looking posters and prints that illustrate sports history through various types of data visualization techniques. The logo is great too. Definitely a Ohio/Pennsylvania area bias right now (Jeremy is an Ohio U grad), but hopefully Infojocks will add some Texas stuff so I have an excuse to give him some money.

Content Choreography – Content Strategy in a Responsive World

Content Choreograpny

Trent Walton has written (and designed) a great (and beautiful) article on dealing with content in responsive web designs that adapt to the width of visitors’ browsers. Content Choreography is a good discussion of content organization, changing designs too much between various widths, and the workflow needed when creating responsive web sites. Definitely a must read for any designer or developer.

Screen Resolution != Browser Window

Something I’ve been preaching for years, but just because your web analytics say everyone visiting your site has as screen resolution of 4,000 pixels by 4,000 pixels doesn’t actually mean their browser is that size. Screen resolution size is not the same as browser window size. Most users, including myself, surf the web with their browser window at only a fraction of their screen resolution.

Does Your Facebook Page Work for Secure Users?

Facebook added the ability for users to browse using a secure connection (or https connection) back in January, but unless you were reading their blog or Mashable most users probably didn’t notice. This important feature secures the communication between your browser and Facebook’s servers as you browse the site, closing a gaping security hole that allowed anyone to easily hijack your session and pretend to be you while sitting at the coffee shop. Previously you had to dig deep into account settings to find and turn on https browsing, but recently Facebook has been promoting this feature with a large message on users’ news feeds.

This additional promotion means that more and more Facebook users will turn this setting on for their accounts. Great news… isn’t it?

Of course, better security for users is great but this change could completely break parts of your business’ Facebook page. Facebook tabs or applications that contain unsecure (non-https) content will not display to these users, and instead a large error message displays. The message gives them the option to temporarily disable secure browsing (that certainly sounds ominous) or else they can’t see this content.

Depending on what part of your page is causing the issue, the fix could be as easy as changing or adding one setting and loading an SSL certificate to the site where you’re hosting your app or external content (if you don’t already have one).

You’ve put a ton of effort into using social media as a marketing tool for your business, now make sure to take five minutes to change that setting and test your page to make sure all your fans actually get to see it.

Apple Helping Microsoft Convince Windows XP Users to Finally Upgrade

Microsoft themselves had tons of trouble getting their customers to upgrade from Windows XP, but now maybe more people will finally take the plunge to the actually very good Windows 7 thanks to Apple and iCloud. Straight from the Apple press release: “Using iCloud with a PC requires Windows Vista or Windows 7; Outlook 2010 or 2007 is recommended for accessing contacts and calendars.” If you want to use all the new features of iOS 5 you’ll have to upgrade to an operating system less than 10 years old.

My work laptop was finally upgraded from WinXP to Win7 just a few months ago so I no longer have any computers running it but there are still plenty of office computers out there still chugging along on XP.

Source: Engadget