Today, mobile devices are an extension of ourselves. Have you ever left your smartphone behind and felt as if you were missing an arm or a leg? I definitely have! The simple truth is we’re inseparable. We no longer check emails or surf the web solely on desktop computers. We are busy, on the go, checking email and searching the web from a variety of devices. These devices vary in screen size, pixel resolution, touch vs. click. We expect the same experience regardless of the device. This expectation means that your emails and sites must work well regardless of the device used.
How your Emails and Landing Pages look and feel matters a great deal, but more importantly, the experience you give your users is of critical and this is why Responsive Design really matters.
Simply, it means that Emails and Landing Pages need to be coded to adjust to screen size, email client, web browser, and the device being used. The layout transitions based on the size and device capabilities. For example, on a mobile phone, the viewer may see content in a single column whereas on a tablet or desktop they might see the content in two columns. It also allows for the ability to seamlessly resize content/images, hide/show content, restyle content, and stack/move columns, giving you the ability to build a more robust site.
Responsive design solves the problem of the ever-changing landscape of web browsers and devices thus delivering a seamless experience to your users. Pretty impressive, right?
- Allow your users to view your awesome content on the device of their choice. We’re constantly searching for information and often times, people are viewing content simultaneously on more than one device (searching via a laptop while tweeting from their smartphone). By designing for the user, your product or service is accessible to the user anytime, anywhere.
- optimal results. With more than one site, you’ll need an SEO campaign for each. It’s easier to have all your results in one place. Google recommends consolidating for
- A responsive site keeps your brand and content consistent across whatever platform the user is viewing on making it easier and more likely that your audience will engage with you instead of hopping to the next site that doesn’t require them to pinch & zoom.
- Mailchimp has great resources on coding emails.
- Email on Acid has a helpful website called Emailology for times when there are problems you can’t figure out.
- Email on Acid’s Tutorial on Responsive Design is quite useful.
- A Book Apart (from the creator of Responsive Web Design Ethan Marcotte).
- Testing is important as well, Email on Acid and Litmus are two of the big names in email testing.
- Gallery of winning designs, great inspiration Great general purpose design/development site, Smashing Magazine.
- Test your website using free tools like First Site Guide and SEMRush. You can track page speed and other key metrics. First Site Guide uses MOZ metrics to produce your results.
Latest posts by Jessica J (see all)
- Does your email pass the 8 second test? - September 14, 2016
- Healthy Mind, Healthy Body: 5 Wellness Tips for the Modern Marketer - May 18, 2016
- Why You Can’t Afford to Ignore Responsive Web Design - March 24, 2016