Wednesday, 5 August 2015
The Ultimate Guide To Email Design (Series 3 of 5)
When designing an email there are three important steps to consider; making your email responsive, deciding what type of email you'd like to send and finally thoroughly testing your email design. If you complete these 3 stages then your email design should be setup with ease and working without any rendering issues.
Before you start to panic, creating responsive emails doesn't have to be a daunting task; if you use an Email Service Provider (ESP) then you can create responsive emails within minutes as they will often provide free responsive templates to base your emails on.
GraphicMail offers over 80 free responsive templates and as the template library is so extensive it covers many different business sectors so there will definitely be a template which suits your company’s needs.
Now you know why the email should be responsive and how you can create them, here's some design tips for when you begin creating your responsive email:
Pre-Header (email snippet text) - As pre-header text will display next to the subject line it can be a great way to entice your subscribers to open the email fully. More details regarding this can be found here.
Images - As your email is going to be viewed by someone on the move using their 3G it's important to make sure your image is as compressed as possible. You can compress an image without compromising the quality via tinypng.com or tinyjpg.com
Spacing - As your email is going to be viewed on a small screen spacing is very important as it gives you the ability to make certain sections of your email stand out as well as helping the usability of the email. Make sure you don't have too many text hyperlinks together as it's easy to tap the wrong one.
Buttons - Use buttons rather than hyperlinked text it makes them stand out, easier to tap and will help to provide a better experience for your subscribers. If you'd like to create a button that will work in all email clients & devices then you can view our button creator here.
Use Headings - When people are viewing your email on a mobile they will likely be busy and on the move so it's best to make use of headings. Using headings & sub-headings will give your reader the ability to easily scan read your email to decide what they would like to concentrate on.
View In Browser - Let's be honest, sometimes things can go wrong whether that's because of a subscribers settings or an email client that you forgot to test your email in. By providing a 'view in browser' link you are always giving your subscribers an opportunity to view your email in the browser which will display it correctly.
By viewing the responsive email on the left, you can see that the images have been scaled to fit the screen size, the text has been enlarged and it is easily readable, and overall it is a very user friendly email.
Compared to the non-responsive email, which requires a lot of zooming to read the small text, it is hard to navigate because the email has been scaled down into a smaller viewing window and above all it doesn’t give a good impression to the recipient.
With this example, it’s clear to see the benefit of sending a responsive email.
Limited Offers - The shorter life span you give the offer such as this week/day only will help to add urgency to a sale likely resulting in a better return on investment. Remember that emails are convenient and people check their emails frequently so don’t be afraid to limit your offers.
Last Minute Offers - These are the emails that you can send to sell your last load of old stock to make room for your new stock.
Email Newsletters - This can be used to tell people about your business and explain how your business can improve other people’s workplace. You could also include hints and tips into this type of newsletter, along with some selling of course.
Product Updates & Information - This can inform your subscribers of any updates or anything that they would need to know about your company.
Staff Newsletters - Use your ESP as a means to email colleagues, keep it all in one place. Inform your colleagues of any new offers that you are going to be sending out so everyone can be prepared for any questions they might get asked.
Invitations - You may want to invite people to your business for an open day, free workshops, or even invite them to enter a competition.
After Sales Emails - Always store the data about your sales, as you will be able to use that information to send more targeted emails to that individual depending on what they have been buying. You can also include any thank you messages or service ratings to check your customers are receiving their goods, and to see if there are any improvements that could be made.
Personal Greetings - This is why you should ask your subscribers to include their personal details when they subscribe as you will be able to send a birthday message to your subscribers. On the selling side of things, you will know that a subscriber that has just had his/her birthday will most likely have more money to spend. In that in mind, why not send them a newsletter advertising some of your more expensive products that they may be interested in.
Save As Template - If you intend to reuse the email for future sends then it's best to save the email as a template as that will only have the original working HTML code which should reduce the risk of errors.
Inbox Preview - Most ESP's (Email Service Providers) will have an 'Inbox Preview' feature that allows you to see exactly how your email looks in multiple email clients and devices. This is the best way to quickly check your email is displaying exactly as you expect.
Check Spam Score - Checking the 'spam score' will help to make sure that your email has the best chance to land in the inbox. A spam score checker should give you a score and advice based on your email and send details allowing you to make some changes if needed.
Create Text Only version - Although you want your fantastic new design to be shown in its full glory, if you don't include a text only version then you run the risk of a subscriber receiving a blank email. Most ESP's will allow you to create a text only version of your email as an addition to your send. They should only send the text only version of your email if your HTML version isn't accepted. So if a text only version is sent in its place then as long as you include a URL to your HTML email then they can view it in the browser and they can read any text within your text only version. You can find out more about text only versions here.
If you follow the advice given above then your email design should impress and achieve the best results possible. We wish you the best of luck and as always you if you'd like more ideas about how you can make sure your email campaign is successful then view more tips here.
Read More
Creating Responsive Emails
Making your email responsive so it can adapt to the device being used helps to provide an overall better experience for your subscribers. If you're not convinced about creating responsive emails then maybe this will change your mind, the email client market share provided by Litmus, shows that the top email client being used out of a recorded 1.06 billion opens is the Apple iPhone.Before you start to panic, creating responsive emails doesn't have to be a daunting task; if you use an Email Service Provider (ESP) then you can create responsive emails within minutes as they will often provide free responsive templates to base your emails on.
GraphicMail offers over 80 free responsive templates and as the template library is so extensive it covers many different business sectors so there will definitely be a template which suits your company’s needs.
Now you know why the email should be responsive and how you can create them, here's some design tips for when you begin creating your responsive email:
Pre-Header (email snippet text) - As pre-header text will display next to the subject line it can be a great way to entice your subscribers to open the email fully. More details regarding this can be found here.
Images - As your email is going to be viewed by someone on the move using their 3G it's important to make sure your image is as compressed as possible. You can compress an image without compromising the quality via tinypng.com or tinyjpg.com
Spacing - As your email is going to be viewed on a small screen spacing is very important as it gives you the ability to make certain sections of your email stand out as well as helping the usability of the email. Make sure you don't have too many text hyperlinks together as it's easy to tap the wrong one.
Buttons - Use buttons rather than hyperlinked text it makes them stand out, easier to tap and will help to provide a better experience for your subscribers. If you'd like to create a button that will work in all email clients & devices then you can view our button creator here.
Use Headings - When people are viewing your email on a mobile they will likely be busy and on the move so it's best to make use of headings. Using headings & sub-headings will give your reader the ability to easily scan read your email to decide what they would like to concentrate on.
View In Browser - Let's be honest, sometimes things can go wrong whether that's because of a subscribers settings or an email client that you forgot to test your email in. By providing a 'view in browser' link you are always giving your subscribers an opportunity to view your email in the browser which will display it correctly.
By viewing the responsive email on the left, you can see that the images have been scaled to fit the screen size, the text has been enlarged and it is easily readable, and overall it is a very user friendly email.
Compared to the non-responsive email, which requires a lot of zooming to read the small text, it is hard to navigate because the email has been scaled down into a smaller viewing window and above all it doesn’t give a good impression to the recipient.
With this example, it’s clear to see the benefit of sending a responsive email.
What type of emails should you be sending?
Okay, so now you know how easy it is to create your email campaigns with an Email Service Provider, how much time it’ll save you in the long run by using your saved templates and the benefits of sending a responsive email. The next step is to decide what type of email you are going to send out to your subscribers, and to help we have comprised a varied list of different emails that you may want to send.Limited Offers - The shorter life span you give the offer such as this week/day only will help to add urgency to a sale likely resulting in a better return on investment. Remember that emails are convenient and people check their emails frequently so don’t be afraid to limit your offers.
Last Minute Offers - These are the emails that you can send to sell your last load of old stock to make room for your new stock.
Email Newsletters - This can be used to tell people about your business and explain how your business can improve other people’s workplace. You could also include hints and tips into this type of newsletter, along with some selling of course.
Product Updates & Information - This can inform your subscribers of any updates or anything that they would need to know about your company.
Staff Newsletters - Use your ESP as a means to email colleagues, keep it all in one place. Inform your colleagues of any new offers that you are going to be sending out so everyone can be prepared for any questions they might get asked.
Invitations - You may want to invite people to your business for an open day, free workshops, or even invite them to enter a competition.
After Sales Emails - Always store the data about your sales, as you will be able to use that information to send more targeted emails to that individual depending on what they have been buying. You can also include any thank you messages or service ratings to check your customers are receiving their goods, and to see if there are any improvements that could be made.
Personal Greetings - This is why you should ask your subscribers to include their personal details when they subscribe as you will be able to send a birthday message to your subscribers. On the selling side of things, you will know that a subscriber that has just had his/her birthday will most likely have more money to spend. In that in mind, why not send them a newsletter advertising some of your more expensive products that they may be interested in.
Final Email Testing
While you are creating the email it's best to test it to make sure your changes are working as expected, however there are also some other things we'd suggest:Save As Template - If you intend to reuse the email for future sends then it's best to save the email as a template as that will only have the original working HTML code which should reduce the risk of errors.
Inbox Preview - Most ESP's (Email Service Providers) will have an 'Inbox Preview' feature that allows you to see exactly how your email looks in multiple email clients and devices. This is the best way to quickly check your email is displaying exactly as you expect.
Check Spam Score - Checking the 'spam score' will help to make sure that your email has the best chance to land in the inbox. A spam score checker should give you a score and advice based on your email and send details allowing you to make some changes if needed.
Create Text Only version - Although you want your fantastic new design to be shown in its full glory, if you don't include a text only version then you run the risk of a subscriber receiving a blank email. Most ESP's will allow you to create a text only version of your email as an addition to your send. They should only send the text only version of your email if your HTML version isn't accepted. So if a text only version is sent in its place then as long as you include a URL to your HTML email then they can view it in the browser and they can read any text within your text only version. You can find out more about text only versions here.
If you follow the advice given above then your email design should impress and achieve the best results possible. We wish you the best of luck and as always you if you'd like more ideas about how you can make sure your email campaign is successful then view more tips here.
Subscribe to:
Posts
(
Atom
)
search this blog
email updates
Blog Archive
-
▼
2015
(33)
- ► 8 Nov - 15 Nov (1)
- ► 1 Nov - 8 Nov (1)
- ► 25 Oct - 1 Nov (2)
- ► 18 Oct - 25 Oct (2)
- ► 11 Oct - 18 Oct (1)
- ► 27 Sept - 4 Oct (2)
- ► 20 Sept - 27 Sept (1)
- ► 6 Sept - 13 Sept (1)
- ► 23 Aug - 30 Aug (3)
- ► 19 Jul - 26 Jul (1)
- ► 12 Jul - 19 Jul (1)
- ► 5 Jul - 12 Jul (2)
- ► 14 Jun - 21 Jun (1)
- ► 31 May - 7 Jun (1)
- ► 24 May - 31 May (2)
- ► 17 May - 24 May (2)
- ► 10 May - 17 May (1)
- ► 26 Apr - 3 May (2)
- ► 5 Apr - 12 Apr (1)
- ► 29 Mar - 5 Apr (2)
- ► 22 Mar - 29 Mar (1)
- ► 18 Jan - 25 Jan (1)
-
►
2014
(66)
- ► 14 Dec - 21 Dec (2)
- ► 30 Nov - 7 Dec (1)
- ► 23 Nov - 30 Nov (1)
- ► 16 Nov - 23 Nov (1)
- ► 2 Nov - 9 Nov (1)
- ► 26 Oct - 2 Nov (1)
- ► 28 Sept - 5 Oct (2)
- ► 21 Sept - 28 Sept (1)
- ► 7 Sept - 14 Sept (1)
- ► 31 Aug - 7 Sept (1)
- ► 24 Aug - 31 Aug (1)
- ► 17 Aug - 24 Aug (2)
- ► 10 Aug - 17 Aug (2)
- ► 6 Jul - 13 Jul (1)
- ► 22 Jun - 29 Jun (1)
- ► 15 Jun - 22 Jun (1)
- ► 8 Jun - 15 Jun (1)
- ► 1 Jun - 8 Jun (1)
- ► 25 May - 1 Jun (1)
- ► 18 May - 25 May (1)
- ► 11 May - 18 May (2)
- ► 4 May - 11 May (1)
- ► 27 Apr - 4 May (2)
- ► 20 Apr - 27 Apr (1)
- ► 13 Apr - 20 Apr (4)
- ► 6 Apr - 13 Apr (1)
- ► 23 Mar - 30 Mar (1)
- ► 16 Mar - 23 Mar (1)
- ► 9 Mar - 16 Mar (2)
- ► 2 Mar - 9 Mar (4)
- ► 23 Feb - 2 Mar (5)
- ► 16 Feb - 23 Feb (5)
- ► 9 Feb - 16 Feb (4)
- ► 2 Feb - 9 Feb (2)
- ► 26 Jan - 2 Feb (3)
- ► 19 Jan - 26 Jan (2)
- ► 12 Jan - 19 Jan (2)
-
►
2013
(66)
- ► 15 Dec - 22 Dec (2)
- ► 8 Dec - 15 Dec (1)
- ► 24 Nov - 1 Dec (1)
- ► 17 Nov - 24 Nov (1)
- ► 3 Nov - 10 Nov (1)
- ► 27 Oct - 3 Nov (1)
- ► 20 Oct - 27 Oct (2)
- ► 6 Oct - 13 Oct (2)
- ► 29 Sept - 6 Oct (1)
- ► 22 Sept - 29 Sept (1)
- ► 15 Sept - 22 Sept (1)
- ► 8 Sept - 15 Sept (2)
- ► 1 Sept - 8 Sept (2)
- ► 25 Aug - 1 Sept (2)
- ► 18 Aug - 25 Aug (2)
- ► 21 Jul - 28 Jul (1)
- ► 14 Jul - 21 Jul (2)
- ► 7 Jul - 14 Jul (1)
- ► 23 Jun - 30 Jun (2)
- ► 16 Jun - 23 Jun (1)
- ► 9 Jun - 16 Jun (1)
- ► 2 Jun - 9 Jun (1)
- ► 26 May - 2 Jun (1)
- ► 19 May - 26 May (2)
- ► 12 May - 19 May (1)
- ► 5 May - 12 May (1)
- ► 28 Apr - 5 May (2)
- ► 21 Apr - 28 Apr (1)
- ► 14 Apr - 21 Apr (1)
- ► 7 Apr - 14 Apr (8)
- ► 31 Mar - 7 Apr (6)
- ► 24 Mar - 31 Mar (2)
- ► 17 Mar - 24 Mar (1)
- ► 10 Mar - 17 Mar (1)
- ► 3 Mar - 10 Mar (2)
- ► 24 Feb - 3 Mar (2)
- ► 17 Feb - 24 Feb (2)
- ► 3 Feb - 10 Feb (1)
- ► 6 Jan - 13 Jan (1)
-
►
2012
(38)
- ► 16 Dec - 23 Dec (2)
- ► 25 Nov - 2 Dec (1)
- ► 18 Nov - 25 Nov (1)
- ► 11 Nov - 18 Nov (1)
- ► 21 Oct - 28 Oct (3)
- ► 14 Oct - 21 Oct (1)
- ► 23 Sept - 30 Sept (1)
- ► 16 Sept - 23 Sept (1)
- ► 2 Sept - 9 Sept (1)
- ► 26 Aug - 2 Sept (1)
- ► 19 Aug - 26 Aug (1)
- ► 12 Aug - 19 Aug (1)
- ► 5 Aug - 12 Aug (2)
- ► 29 Jul - 5 Aug (2)
- ► 22 Jul - 29 Jul (1)
- ► 15 Jul - 22 Jul (1)
- ► 8 Jul - 15 Jul (1)
- ► 27 May - 3 Jun (1)
- ► 20 May - 27 May (2)
- ► 6 May - 13 May (1)
- ► 29 Apr - 6 May (3)
- ► 15 Apr - 22 Apr (1)
- ► 1 Apr - 8 Apr (1)
- ► 25 Mar - 1 Apr (1)
- ► 26 Feb - 4 Mar (2)
- ► 12 Feb - 19 Feb (1)
- ► 15 Jan - 22 Jan (2)
- ► 8 Jan - 15 Jan (1)
-
►
2011
(12)
- ► 18 Dec - 25 Dec (1)
- ► 27 Nov - 4 Dec (1)
- ► 13 Nov - 20 Nov (1)
- ► 11 Sept - 18 Sept (1)
- ► 21 Aug - 28 Aug (1)
- ► 14 Aug - 21 Aug (1)
- ► 31 Jul - 7 Aug (1)
- ► 3 Jul - 10 Jul (1)
- ► 29 May - 5 Jun (1)
- ► 15 May - 22 May (1)
- ► 3 Apr - 10 Apr (1)
- ► 20 Feb - 27 Feb (1)
-
►
2010
(53)
- ► 12 Dec - 19 Dec (2)
- ► 21 Nov - 28 Nov (2)
- ► 19 Sept - 26 Sept (1)
- ► 5 Sept - 12 Sept (1)
- ► 29 Aug - 5 Sept (1)
- ► 8 Aug - 15 Aug (3)
- ► 30 May - 6 Jun (3)
- ► 23 May - 30 May (2)
- ► 16 May - 23 May (2)
- ► 9 May - 16 May (3)
- ► 25 Apr - 2 May (2)
- ► 11 Apr - 18 Apr (3)
- ► 4 Apr - 11 Apr (1)
- ► 28 Mar - 4 Apr (1)
- ► 21 Mar - 28 Mar (4)
- ► 14 Mar - 21 Mar (2)
- ► 7 Mar - 14 Mar (3)
- ► 28 Feb - 7 Mar (1)
- ► 21 Feb - 28 Feb (1)
- ► 14 Feb - 21 Feb (2)
- ► 7 Feb - 14 Feb (5)
- ► 31 Jan - 7 Feb (1)
- ► 24 Jan - 31 Jan (2)
- ► 17 Jan - 24 Jan (2)
- ► 10 Jan - 17 Jan (2)
- ► 3 Jan - 10 Jan (1)
-
►
2009
(25)
- ► 29 Nov - 6 Dec (2)
- ► 22 Nov - 29 Nov (1)
- ► 15 Nov - 22 Nov (1)
- ► 8 Nov - 15 Nov (3)
- ► 25 Oct - 1 Nov (1)
- ► 11 Oct - 18 Oct (1)
- ► 4 Oct - 11 Oct (3)
- ► 27 Sept - 4 Oct (1)
- ► 13 Sept - 20 Sept (1)
- ► 6 Sept - 13 Sept (3)
- ► 23 Aug - 30 Aug (1)
- ► 16 Aug - 23 Aug (3)
- ► 9 Aug - 16 Aug (1)
- ► 19 Jul - 26 Jul (1)
- ► 5 Jul - 12 Jul (1)
- ► 14 Jun - 21 Jun (1)
Labels
a/b testing
About.com
acquisition
acquistion
address book
advanced features
advanced mail
advantages
advice
adwords
Agency
alt text
animated GIF
animation
anniversary
aol
app
assistance
Audience
authentication
auto-sieve
autoresponders
bank holiday
Basics
benefits
Best Practice
black friday
block
blocklist
blog
blogger
bulk
business
campaigns
cards
case study
charity
checklist
christmas
click through rate
client
closing times
cloud
compare results
competition
complaints
contact us
content
content marketing
custom-designed
dashboard
data
data collection
dataset
datasets
deleted html newsletters
deliverability
delivery
delivery time
design
desktop
differentiate
discount
display
dk
dkim
DNS
Do's and Don'ts
double credits
downloads
downtime
drag and drop editor
Easter
eBook
ecard
ecards
editing
editing newsletter
editor
eflyer
email address
email campaigns
email client
email clients
email content
email delivery
Email Design
email headers
email marketing
email marketing industry
email marketing tips
email metrics
email newsletter
email screening
email segmentation
email template
Email Tips
email us
emails
embed
embed images
Embellishments
error prevention
esp
exclusive
exhibiting
exhibiton
experiences
extension
facebook
Facebook 'Like'
FAQ
features
feedback
feedmail
financial industry
first steps
fixes
football
footer
forwards
franchise
free
free accounts
free credits
free downloads
free email addresses
free templates
freebie
game
games
Giveaway
Gmail
Google Analytics
GraphicMail
graphicmail features
Groupon
halloween
header
heat maps
Help
help guides
holiday
how to email market
HTML
Image Editor
image paths
images
import
import newsletter
improvements
inbox
Inbox Preview
increase list
increase roi
increase sales
infographic
interactive
interface changes
internet world
ISP
ISP reputation
italy
jobs
joomla
junk
keyword tools
keywords
large companies
learning
list clean up
lists and contacts
livechat
login
low cost
loyalty
mailing list
mailing lists
managed account
manual
march madness
Marketing
marketing industry
measurable
media integration
microsite
mistakes
mobile
mobile design
mobile devices
mobile editor
mobile marketing
mobile site
new
new editor
new features
New GraphicMail Features/Enhancements
new offices
news
newsletter
notice
offer
office closed
oneSaas
open rate
opt-in
optimsing
outlook
partnerships
payment plans
personal account manager
personalisation
personalised
Pinterest
plug-in
ppc
presentation
preview
prize
promotion
publish
ratio
reasons
recipient
recycle bin
relationship
reporting
Reports and Statistics
reputation filters
Reseller
resellers
resources
responsive design
responsive emails
return on investment
reviews
roi
rss
sales
schedule
screen
seasonal
security
segmentation
send a test
senderid
sending
SEO
share the love
sharing
sign up
small budget
small business
smallbusiness
Smart Elements
smme
sms
sms marketing
sms section
social
social browser widget
Social Marketing
social media
social networking
social share
social subscribe
social widgets
socialmedia
song
spam
spam checker
spam score
SPF
Statistics
subject line
subscribers
subscription
subscription form
support
survey
synchronise
tabbed inbox
tag
target
targeting
telephone number
templates
test
testing
text
text-only
tips
toolkit
tools
tourism industry
tracking
training
trial
triggered
triggermail
trusted sender
TrustPilot
tutorials
twitter
UK office
unsubscribe
update
updates
upgrades
Valentine's Day
video
videos
wallpaper
web design
web development
webinars
website
White Paper
why email marketing?
wider audience
world cup
WOT
writing
xmas
yahoo
youtube
Facebook Feed
Popular Posts
-
Have you noticed our new dashboard yet? If not then just log into your account and click on the " Home " tab. Alternatively if you...
-
Take an exclusive peek at our New Mobile Editor which you will have access to very shortly! Soon you will be able to create a free mobile ...
-
GraphicMail is currently in the last phase of completing the integration of a new email newsletter editor that will let you easily create ...
Twitter Feed
© GraphicMail UK Blog 2014 . Powered by Bootstrap , Blogger templates and RWD Testing Tool