Blog


Repurpose your Images for Mobile Email

10.19.2011

Read More Design Emails for Mobile Devices

Get connected with Email on Acid for up-to-date news and information on the subject of email design, development, and testing!

Email Testing RSS Feed Email Test on Twitter Email Preview on Digg Email CSS on Linked In Email Simulator on Stumbled Upon

Email Testing RSS Feed Email Test on Twitter Email Preview on Digg Email CSS on Linked In Email Simulator on Stumbled Upon

By Michelle Klann
November 15, 2010
 
 
 

An Online Demo of Text Wrapping on the Android

This is an email that was sent on October 26, 2010 for Sony Vegas Pro. In this demo, we will show you how the text wraps for easy readability within the email client that comes standard on the Android 2.2.



Here is a preview of how it looks on the Android, as you can see each of the text areas have been resized to fit the viewport so that the user can easily read its content without having to scroll to the left and right.

Although it varries from one device to the next, the standard dimensions for this OS is 320px X 480px. This demo is depicting an HTC EVOTM from Sprint:

Use the I, J, K, and M keys to scroll or hover over the arrows above.

This device does provide a horizontal view as well. If you run an Acid Test you'll be able to preview your email both ways but for this demo, we are only displaying a vertical example. When the phone is shifted horizontally, the dimensions for displaying text change with it. So at a normal zoom the text wrapping starts at 290px (maximum width) in the vertical view and shifts to 450px in the horizontal view.

Also, the native Android email client does allow it's users to zoom in and out. When you zoom in, the text gets larger but is still displayed within the device viewport.

Here you can see which sections of the original design where resized to fit the viewport:

Want to see how your email renders in
Android 2.2 and Android Gmail 2.2?

Share Your Comment

Name:
Email:
Location:
URL:

Comment:

Remember my personal information
Notify me of follow-up comments?

Please enter the word you see in the image below:



Share/Save/Bookmark

If you haven't signed up yet, give our FREE online Email Test a try. Just drop in your code and we will instantly simulate your email in the most popular email clients!

Get connected with Email on Acid for up-to-date news and information on the subject of email design, development, and testing!

Email Testing RSS Feed Email Test on Twitter Email Preview on Digg Email CSS on Linked In Email Simulator on Stumbled Upon

Follow us on Twitter Become a Friend on Facebook Subscribe to our Blog Digg Us! Recommend on StumbleUpon