MarketingProfs provides a few basic formatting rules for mobile devices:
- Coding fonts may or may not work on the user's device. Most mobile devices allow the user to select a preferred default font. Although the link to the mobile communication is actually a web link, simple (default) font coding or basic fonts are best. Font size consideration: Keep it small. Work with your messaging provider on the appropriate size.
- Screen size is limited. Design for easy word wrap. The list should be kept short (in regards to width), as odd wrapping will occur on the smallest of screens.
- Keep the message short and keep your call to action in the top area of the communication. Being "front of mind" for users, even if they do not view the entire message, may prompt them to save the message and view the full HTML version when they get to their computer.
- Simple black text with color action links work best on smaller screens and make it easy to view and navigate.
- Images should be small and few. Depending on the connection speed of the device, images may take some time to render. Small logos for brand recognition or small but viewable images that support content should be used, if at all, sparingly.
- Do not replicate your website navigation in email. Place it at the bottom of the message if at all.
- Use full images, not sliced. Sliced images will wrap and appear jumbled.
- Design in columns and plan for content to wrap after a couple of hundred pixels.
- Include a click-to-view-online link and take users to a mobile-optimized landing page.
- To test rendering across different handhelds, download a free tool at Opera.