Informz for Mobile Devices: Making Your Emails PDA and Phone-Friendly

Similar documents
Recreate your Newsletter Content and Layout within Informz (Workshop) Monica Capogna and Dan Reade. Exercise: Creating two types of Story Layouts

The Essential Guide to HTML Design

Coding HTML Tips, Tricks and Best Practices

Marketing. Best Practices

This document will describe how you can create your own, fully responsive. drag and drop template to use in the creator.

A GUIDE TO MOBILE

A quick guide to... Effective HTML Messages

Converting Prospects to Purchasers.

The Essential Guide to HTML Design

An overview of designing HTML s for Hotmail, Yahoo, Outlook, Lotus Notes and AOL

BEST PRACTICES DESIGN

Designing HTML s for Use in the Advanced Editor

MCH Strategic Data Best Practices Review

Dreamweaver Domain 2: Planning Site Design and Page Layout

Using Adobe Dreamweaver CS4 (10.0)

White Paper Using PHP Site Assistant to create sites for mobile devices

KOMPOZER Web Design Software

Creative Guidelines for s

Design No-No s Guide for Non-Designers

MAGENTO THEME SHOE STORE

RESPONSIVE DESIGN FOR MOBILE RENDERING

... Asbru Web Content Management System. Getting Started. Easily & Inexpensively Create, Publish & Manage Your Websites

Marketing Best Practices in a Mobile World. Ruth Presslaff President ruth@presslaff.com

MARKETING BEST PRACTICES GUIDE

How to Edit Your Website

RESPONSIVE DESIGN BY COMMUNIGATOR

On the Marketing home page, click the arrow to expand the Admin Tools area. Admin Tools

Microsoft Expression Web Quickstart Guide

Table of Contents Recommendation Summary... 3 Introduction... 4 Formatting Recommendations... 5 Creative:... 7 Deliverability & Infrastructure:...

Learning Web Design. Third Edition. A Beginner's Guide to (X)HTML, Style Sheets, and Web Graphics. Jennifer Niederst Robbins

SUCCESSFUL, EASY MOBILE DESIGN HOW TO CREATE MOBILE-READY . brought to you by Campaigner

Web Portal User Guide. Version 6.0

HTML TIPS FOR DESIGNING

Responsive Design Guide. The fundamentals of designing and building mobile optimized

How To Design A Website For The Decs

Garfield Public Schools Fine & Practical Arts Curriculum Web Design

Basic tutorial for Dreamweaver CS5

ADOBE DREAMWEAVER CS3 TUTORIAL

Microsoft FrontPage 2003

De La Salle University Information Technology Center. Microsoft Windows SharePoint Services and SharePoint Portal Server 2003 READER / CONTRIBUTOR

Designing HTML ers

Airangel s WiFi Portal Best Practice Guidelines Get the most out of your WiFi infrastructure

Lesson Review Answers

Rocketseed Signature Guide

Creating an with Constant Contact. A step-by-step guide

Section Divider. Create new press release

Sage CRM. 7.2 Mobile Guide

Adobe Dreamweaver CC 14 Tutorial

Content Author's Reference and Cookbook

Looking Good! Troubleshooting Display Problems

SmallBiz Dynamic Theme User Guide

Client Admin Site Adding/Editing Content Under Site Builder/Site Navigation Tutorial by Commerce Promote

Mastering the JangoMail EditLive HTML Editor

Adding Links to Resources

Microsoft Expression Web

How To Create A Campaign On Facebook.Com

Oracle Business Intelligence Publisher: Create Reports and Data Models. Part 1 - Layout Editor

Campaign Guidelines and Best Practices

WebFOCUS BI Portal: S.I.M.P.L.E. as can be

Fundamentals of Web Design (One Semester)

Dreamweaver and Fireworks MX Integration Brian Hogan

Working with the Ektron Content Management System

Joomla! template Blendvision v 1.0 Customization Manual

Creating Online Surveys with Qualtrics Survey Tool

Marketing Cloud Quick References Guide

Taleo Enterprise. Career Section Branding Definition. Version 7.5

Table of Contents. What is ProSite? What is Behance? How do ProSite & Behance work together? Get Started in 6 Easy Steps.

Self-Service Portal Implementation Guide

Joomla! Actions Suite

CONTENTM WEBSITE MANAGEMENT SYSTEM. Getting Started Guide

CMS Training. Prepared for the Nature Conservancy. March 2012

Introducing our new Editor: Creator

DRUPAL BASICS WEBSITE DESIGN & DEVELOPMENT. digital.uoregon.edu/drupal-basics

SimplyCast emarketing User Guide

UH CMS Basics. Cascade CMS Basics Class. UH CMS Basics Updated: June,2011! Page 1

Style Guide Provided courtesy of Innovative Emergency Management Inc.

State of Nevada. Ektron Content Management System (CMS) Basic Training Guide

Using Style Sheets for Consistency

Drupal Training Guide

We automatically generate the HTML for this as seen below. Provide the above components for the teaser.txt file.

How-to Guide: Creating a Mobile Website Using bmobilized

HTML Power Tips. HTML messages improve your CTR. World s Easiest Marketing.

Marketing Best Practices - Top 10 tips

Web Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence

WORKING WITH REALVIEW WELCOME TO REALVIEW

Transcription:

Informz for Mobile Devices: Making Your Emails PDA and Phone-Friendly The use of personal digital assistants (PDAs) has increased exponentially since the early days of rudimentary Palm Pilots and similar devices. Today many corporate executives rely on their PDAs whether it is a Blackberry, iphone or one of the many other products on the market for much more than keeping their schedules handy. Communication via the PDA is a key component in B-to-B marketing and communication and as email marketers it is important that we service this growing community of users appropriately. At this time there are no current industry standards or rules in place for creating HTML emails that will render with uniformity among the various types of PDAs. The best practices presented here are effective to the majority of PDA devices, but it must be stated clearly that not all solutions outlined will work perfectly for all devices. Basic Rules of Emailing to PDAs Since PDAs will read HTML coding differently among the brands, and taking into consideration the actual physical restrictions of the device itself, it is important to create emails that will appeal to all subscribers and work among the majority of PDA holders. Before examining the basic rules, a suggestion was made that you determine approximately how many of your current subscribers rely either solely or heavily on the PDAs to receive your emails. A great way to do this is to send out a poll or an Informz Survey to capture the percentage of your subscribers with mobile devices. The number of people using the hand held devices can dictate the best way to move forward with your marketing efforts; if there is a large constituent of PDA users in your subscriber base, consider setting their profiles to receive Text Only emails. This will ensure that your message is being received and able to be read clearly. If there is an insistence of receiving HTML emails, there are some common rules to consider, which will be covered in the following section.

HTML vs. Text Most mobile devices are capable of rendering HTML coding, however the better way to reach them is via Text Only emails. In fact, Text Emails are ideal for PDAs: they load faster, are easier to read on smaller screens and are displayed in a readable order (i.e. no tables.) Informz will automatically create a text version of templates and emails complete with any links programmed in the email. To do this, use the Text button on the HTML editor bar ( ) to create the text version:

Informz will automatically generate a text only email, complete with any links that are contained in the HTML version. Note how the links in the HTML version transfer to the text version. You can tighten up the spacing in the text version in this pop-up window to make it easier to read. Some common practices when designing Text emails to give them a slightly more designed look is to separate news stories with a row of asterisks (****) or dashes (----) or other symbols to give a little visual interest. Always Add a Link to the Web Version of Email This is a simple step that will satisfy those receiving Text Emails and HTML emails as well. This link is found in your template and is easily set. It is good practice to remember to include this link when creating new templates. To do so, follow this easy step:

Add similar messaging to the top of your template, highlight the phrase online version and then click on the hyperlink button on the toolbar indicated by the ( ) symbol. Select the Web Version of this Mailing from the list in the pop-up window and then click continue. The link has now been established in the HTML and Text versions of the template and will appear in the final mailing to your subscribers.

Tables NOT <DIV> Tags A general rule of thumb in email marketing is to avoid the use of CSS (Cascading Style Sheets) in HTML since many email clients are unable to read the code. This is especially important when creating emails and templates that will be read on PDAs. Tables allow for a neat and orderly layout in an email; most PDAs (that render HTML coding properly) are able to read tables. The thing to consider is the size and the span. There are two ways to code tables in HTML: one is to give an expansive width to a table, the other is to set the width with a specific pixel span. The recommendation for PDA devices is to set the table width at an absolute size. HTML code for tables with elastic borders is written as follows: <table style="width: 100%; BORDER-COLLAPSE: collapse"> What this coding tells browsers is to expand or contract the table according to the width of the screen resolution. While this may sound tempting to do for a PDA screen since they re so small, it does not work that way for those devices. What generally happens on those PDAs that do not render HTML in its true intention will likely stretch out beyond the capability of side-scrolling, deeming the email illegible and probably annoying to try to navigate. Chances are your subscriber will delete it before reading any headlines. The better practice for creating tables in emails is to define the table span: <table style="width: 600px; BORDER-COLLAPSE: collapse"> By constraining the properties, there s a better chance that the coding will contain the contents making it easier to read on smaller devices without compromising how the email will load on a desktop or laptop screen. *Note: the general width size of emails is around 750 pixels, but that standard may be changing because of the increased use of PDAs. Most reference sites are now recommending a pixel width of 600 for emails so that PDAs will not have to require so much side scrolling to read content.

Another Solution to Consider If you have a number of subscribers who rely on their desktop and PDAs an equal amount of the time, what you may want to consider is creating a second HTML version of your email stripped of images. Include a link in your email: If viewing this on a PDA, please click here and then hyperlink to a scaled down version of the email devoid of images, large headers and one uniform font. To do this, follow these steps: A. First, create the "mobile-friendly" version of your template. You can do this by copying your current template. In the copy, remove all images. Replace them with text if necessary. This includes buttons. Be sure to include a link to the web version in this template. B. Next, create the "mobile-friendly" version of your email, using the template you just created. This is basically going to be your email, minus extra images, buttons, etc. C. Publish your mobile-friendly email with the mobile-friendly template TO YOURSELF. This will create the online version of this basic version of your email. Click the online version and capture that URL. D. Go into your original email or template to add the "Click here if you are viewing this email on a PDA" text. Link to the URL you captured in Step C. Subject Line Etiquette Since the real estate in PDAs is constricted, subject lines play a vital role in getting your PDA users to open your email. Most email subject lines contain upward to 60 characters; PDAs will show the first 20 characters of a subject line so making those first THREE words (general rule) high impact and relevant is very important. Be sure to be mindful of your subject lines always to avoid possible spam filters and to serve the needs of your PDA users. Final Thoughts While there are no set guidelines to be followed to ensure that people using a PDA to view your emails will not encounter some issues, there are several tactics that can be used to make the readability (and deliverability) as optimal as possible. Key things are robust Text Versions of emails, a minimum of images used in HTML versions, consistent font types, controlled table sizes (maximum width: 600 pixels) and mindful subject lines. With some research and consideration, most PDA subscribers will be able to access important information from you as quickly and easily as those who use desktops and laptops.