Email - Ugly, Ignored, Forgotten and Misunderstood

Transcript

1. EMAIL UGLY, IGNORED, FORGOTTEN MISUNDERSTOOD &
2. DESIGN @ANDYCROLL DEVELOPMENT (CONFERENCE ORGANIZER)
4. HTML EMAIL IS NOT A SIN “GUNS DON’T KILL PEOPLE...”
5. BIG IMAGES NOT A GOOD IDEA are
6. ALT TAGS ARE IMPORTANT IMAGES ARE GOOD THOUGH
7. BE CONCISE CALL TO ACTION
8. WATCH YOUR LANGUAGE AND SURPRISINGLY PUNCTUATION! AND BE ENTERTAINING
9. For goodness sake think about what you’re doing. Writing lots & lots of text means that the line-length of your content is too long You’re making your user struggle with the large impenetrable block of text with terrible line-spacing and huge long lines that mean they virtually have to turn their heads to complete every line. You’re most likely to just have them skip past the text and try and guess what the email is about, or worse still just close it and ignore. Terrible, right? THIS LINE LENGTH IS MUCH BETTER 70-80 CHARACTERS IS ABOUT RIGHT
10. ALL OF THE EMAILS NOT JUST MARKETING
11. CAMPAIGN MONITOR MAIL CHIMP — or —
12. also can
13. SPLIT TESTING A B /
14. Write someone a letter... PERSONAL IS AMAZING
15. CODE LIKE IT’S 1995 NOT A GOOD TIME
16. 600PX TABLES CELLPADDING CELLSPACING COLSPAN BGCOLOR ELEMENT-WIDTH INLINE-STYLES
17. SIMPLE MULTI-COLUMN LAYOUT
18. TEST
19. SO... ON THE WAY HERE WHO READ THEIR MAIL ON ON OF THESE?
20. NOT SO GREAT
21. REAL STATISTICS ALERT
22. SIMPLE MULTI-COLUMN LAYOUT
23. @media only screen and (max-device-width: 480px) { .w300 { width: 300px !important; } .w280 { width: 280px !important; } .w10 { width: 10px !important; } .notmob { display: none;} } MEDIA QUERIES FOR NICE PHONES only supplementary content in .notmob sections
26. PANIC ROCK
27. CAMPAIGN MONITOR MAIL CHIMP & AMAZING RESOURCES
28. EMAIL BOILER PLATE .COM
29. FOLLOW @ANDYCROLL FOR BRITISHNESS NOW GO FIX IT