Skip to main content

Optimal layout tips for phones

This advice is based on a single call to action email.

When

This is an email you are sending out an email with the clear purpose to invite the reader to...

  • attend andan event
  • donate to a fundraiser
  • lead them to an Action Network form (for example to docomplete a survey or other reasonsurvey)
  • to lead them to a webpage with more detailed content

Basically the main mission for the email is to make them understand the topic/event/requirement in aas few words as possible and then click through to something else.

Here is an example of an email listbased this..on a single call to action:

First draft looked like this...

Training.jpg

But the 'call to action' button is not visible on a phone without scrolling.

So after making a few edits including reducing a few font sizes, removing a gap between 1st and second line, shortening the main title in red so it didn't wrap. Reducing the height of the image and also adding to bold text to allow the skim reader to go from image to bold text to button and still understand what they are clicking on...

Final verson was this

TrainingV2.jpg