Postingan
17.12
Alhamdulillah
For those of you who do not know how to design a HTML newsletter please believe it or not that was dross is difficult to make a newsletter that looks good and you certainly will "break" almost all the rules in web design that you've learned, but the master how to design a good newsletter not a bad thing to master. Today I will review quickly some tips to get started designing mail newsletter.
1. use the table
What .....? ... Not all web developers have abandoned the use of the fact table is difficult to adjust the position and style, concerned? Yeap, you are right and now you should re-learn it. Unfortunately, almost all of the email client does not support CSS and layout style as you are running now so you should start to learn and identify yourself with the "cellspacing".
If you are not familiar with table-based layout, there are few examples of the picture :
<table border="0" cellspacing="0" cellpadding="10">
<tbody>
<tr>
<td width="100"></td>
</tr>
</tbody>
</table>
Each table in a separate row / rows and each row has a cell / column. Each row in the tag <tr> presented and each cell are presented with a tag <td>.
2. Use Inline CSS
Newsletter mail support style using CSS, but wait you can not use external CSS file. Instead, you should use inline CSS for the design or style to give each element in the table. Examples like this :
<p style="background: #cccccc; color: white;">write text here</p>
The above examples give an explanation to your basis in the use of inline CSS. As you can see all the CSS code is the same as usual, just that you immediately enter the code in the HTML code you instead create a link using another CSS file.
3. Insert Table to the Container
Another habit of the email client is not consistent in terms of interpreting the margin and padding. To overcome this problem, put your table into a Container. Maybe the code is a bit messy but you'll get more satisfactory results and can run almost any email client.
The purpose of entering into a container table is a table included in the table, so you'll have a fairly complicated arrangement as in the table will have a table again. You can enter a lot of tables inside a table, but as far as possible avoid too much use of the table in the table because it will make the code becomes very messy and it would be difficult to correct his mistakes. Some email clients will begin to show bugs even if you make up to 8 container earlier. but I believe this figure could be avoided by minimizing the design of your mail newsletter.
4. Note the width of your page
Some of the email client is very limited width of the email they receive. As with Gmail, if you make the newsletter a very wide and then display it in Gmail so Gmail will make the display window into a strange and there will be a horizontal scrollbar that appears in your browser window.
Too many possibilities of screen sizes in each email client because it is the consensus of the web community associations will usually recommend that you keep your newsletter is not too wide. Usually the size of a standard width of the newsletter is 600px.
5. Caution in Use of ImagesThere
are several considerations that must think first before you use a
picture or image in the newsletter mail that you create. First,
some email clients do not support the use of background image, others
support the use of background image by default, but usually this in turn
by the email client. But this does not mean you should not use the image in your email newsletter. Strong
point in the newsletter mail one of them is a newsletter that you
create can meet the quality and standardization of any existing email
client, and if you use the image very likely reduce the quality of the
newsletter that you created, not necessarily because your newsletter can
perform well in every email client as well.Instead
you are looking for - looking for a way better use of the image you
make sure the message of your newsletter perform well in any email
client without using image. Use
it as a fallback background color of the background image on the use of
your newsletter so if the image does not show the message you can still
perform well without the image, make sure you also have tried to trial
in the email client to turn off the background image feature.The
other thing you should consider the use of the image is that you may
not (or even should not) put (embed) into the image that you use email. We
recommend that you save the image in hosting - hosting is widely
available on the market and you only need to insert the image link into
your newsletter.Finally, make sure you've checked the time it takes to display your newsletter. Users usually always email clicks to view its contents, and not wait until all the images in the email will appear. If
you create a user too long to wait until all can appear perfectly, it
will be faster user pressing the "delete" to delete the email before you
had time to explain the advantages of waiting for the email appears
perfectly.
6. Give Users Easy To Unsubscribe
Regular mail newsletters are usually delivered to any user who is a member in your website. Often the user register to a service without realizing that their website will receive periodic newsletters. And sometimes they are deliberately registering for a newsletter that is available but they changed their minds after a few times to receive the newsletter.
In both cases the process should not stop receiving the newsletter convoluted - difficult and users do not bother looking for a way to stop sending the newsletter. Make sure the user can easily find a link to stop sending the newsletter, put links in the position directly visible to the user but does not interfere with the design of the newsletter that you create. Designer and Marketing who deliberately hide this link or complicate the process of cessation of delivery of this newsletter is less and less respect for the integrity of their audience.
If the user does not want your email, they also will not read your email. There is no point sent 10,000 emails to spam folders worldwide. It would be better to recognize those who receive your email it's true - really interested.
Regular mail newsletters are usually delivered to any user who is a member in your website. Often the user register to a service without realizing that their website will receive periodic newsletters. And sometimes they are deliberately registering for a newsletter that is available but they changed their minds after a few times to receive the newsletter.
In both cases the process should not stop receiving the newsletter convoluted - difficult and users do not bother looking for a way to stop sending the newsletter. Make sure the user can easily find a link to stop sending the newsletter, put links in the position directly visible to the user but does not interfere with the design of the newsletter that you create. Designer and Marketing who deliberately hide this link or complicate the process of cessation of delivery of this newsletter is less and less respect for the integrity of their audience.
If the user does not want your email, they also will not read your email. There is no point sent 10,000 emails to spam folders worldwide. It would be better to recognize those who receive your email it's true - really interested.
7. Note the Contents of Your Newsletter
Marketing and business owners often view the newsletter as one - the only way to establish a consistent co-operation with their customers.
Often marketers and business owners see an email newsletter as the sole source of consistent contact with Their customer base. Therefore they are often tempted to fill it with content and as much information as possible. As a designer, to help them resist this urge to design a template that displays less information is better than a lot of information but not useful to the customer.
The key here is quality over quantity. No one will ever read thousands of words from the email sent by the marketing. You are probably most - most only lasted 3-5 seconds before pressing the "delete" (taken from the average - average user), and only this time you have to attract more customers to read your email. So make sure your newsletter with quick loading, visually appealing, and write the contents as well as a clear header.
Marketing and business owners often view the newsletter as one - the only way to establish a consistent co-operation with their customers.
Often marketers and business owners see an email newsletter as the sole source of consistent contact with Their customer base. Therefore they are often tempted to fill it with content and as much information as possible. As a designer, to help them resist this urge to design a template that displays less information is better than a lot of information but not useful to the customer.
The key here is quality over quantity. No one will ever read thousands of words from the email sent by the marketing. You are probably most - most only lasted 3-5 seconds before pressing the "delete" (taken from the average - average user), and only this time you have to attract more customers to read your email. So make sure your newsletter with quick loading, visually appealing, and write the contents as well as a clear header.
8. Include Other Viewing Options
Besides the option to unsubscribe, you should at least show two alternative ways to view the email you send so that the user will have a different impression of each email you receive. For the minimalist design, a simple text version is the best. There are many people out there who think email should keep it simple so it does not take a long time to wait for all the image appears fine.
On the other hand there are users who want to see the email with full color and graphics, but collided with the limited capabilities of existing email client. For this type of user you can display the link that directs the user to be able to display the contents of an email from a browser because the browser would be better than e-mail newsletter featuring an existing client, this link is usually placed at the beginning of the email newsletter that you send. You can also further enhance the appearance dibrowser like a website rather than look at the email you send.
Besides the option to unsubscribe, you should at least show two alternative ways to view the email you send so that the user will have a different impression of each email you receive. For the minimalist design, a simple text version is the best. There are many people out there who think email should keep it simple so it does not take a long time to wait for all the image appears fine.
On the other hand there are users who want to see the email with full color and graphics, but collided with the limited capabilities of existing email client. For this type of user you can display the link that directs the user to be able to display the contents of an email from a browser because the browser would be better than e-mail newsletter featuring an existing client, this link is usually placed at the beginning of the email newsletter that you send. You can also further enhance the appearance dibrowser like a website rather than look at the email you send.
9. Make sure you Doing Test
When designing a web page, one of the most annoying thing is doing a trial to every browser on the market. This process is usually done at the browser - a browser such as Chrome, Safari, Firefox, IE, Opera, etc.. Believe it or not do the testing for the newsletter is worse than doing testing on the website.
There are about 30 more e-mail client the most widely used by the user, and every email client has different habits and standards - different from each other. To begin, you can try it first with an email client that you use often, do not forget to register at some other major email clients such as Gmail, AOL and Yahoo. And make sure you also do the test on PC and Mac.
In fact you can not do any testing on an existing email client. If you have a budget for this you can sign up for services such as Litmus during testing phase. It will make you more quickly get the look of your newsletter in 33 different email client and this is the best way for all users can view your newsletter opened perfectly.
At the design stage to make sure you've seen The Email Standards Project. This is one of the best sources available today for what is supported and what is not supported by various types of existing email client.
When designing a web page, one of the most annoying thing is doing a trial to every browser on the market. This process is usually done at the browser - a browser such as Chrome, Safari, Firefox, IE, Opera, etc.. Believe it or not do the testing for the newsletter is worse than doing testing on the website.
There are about 30 more e-mail client the most widely used by the user, and every email client has different habits and standards - different from each other. To begin, you can try it first with an email client that you use often, do not forget to register at some other major email clients such as Gmail, AOL and Yahoo. And make sure you also do the test on PC and Mac.
In fact you can not do any testing on an existing email client. If you have a budget for this you can sign up for services such as Litmus during testing phase. It will make you more quickly get the look of your newsletter in 33 different email client and this is the best way for all users can view your newsletter opened perfectly.
At the design stage to make sure you've seen The Email Standards Project. This is one of the best sources available today for what is supported and what is not supported by various types of existing email client.
10. Use the Template
I found the best way to start the design process of your email newsletter for the first time by using templates that are already on the market. Although you have a very specific design and detail in your brain, change or modify the existing professional templates will be much better than you make it from scratch, and you can certainly save a lot of time.
It also gives you guidance on how it should look good and the structure of the newsletter itself. But remember you can not resell or redistribute the design templates are free to pay because it means that the copyright infringement of others' work.
I found the best way to start the design process of your email newsletter for the first time by using templates that are already on the market. Although you have a very specific design and detail in your brain, change or modify the existing professional templates will be much better than you make it from scratch, and you can certainly save a lot of time.
It also gives you guidance on how it should look good and the structure of the newsletter itself. But remember you can not resell or redistribute the design templates are free to pay because it means that the copyright infringement of others' work.
Conclusion :
So to create a newsletter that both start with a good basic template, make the code as code - code that exist in the ancient template, make your email concept is not too wide (less than 600px), make sure the user can unsubscribe easily, and do not forget to test all of your design.
So to create a newsletter that both start with a good basic template, make the code as code - code that exist in the ancient template, make your email concept is not too wide (less than 600px), make sure the user can unsubscribe easily, and do not forget to test all of your design.
Source : kongcreate
Posted in: html tutorial
0 komentar:
Posting Komentar