Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Email - Ugly, Ignored, Forgotten and Misunderstood

Email - Ugly, Ignored, Forgotten and Misunderstood

Ec9306df417149a7e1e23806a3f7ec60?s=128

Andy Croll

May 15, 2012
Tweet

Transcript

  1. EMAIL UGLY, IGNORED, FORGOTTEN MISUNDERSTOOD &

  2. DESIGN @ANDYCROLL DEVELOPMENT (CONFERENCE ORGANIZER)

  3. None
  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
  24. None
  25. None
  26. PANIC ROCK

  27. CAMPAIGN MONITOR MAIL CHIMP & AMAZING RESOURCES

  28. EMAIL BOILER PLATE .COM

  29. FOLLOW @ANDYCROLL FOR BRITISHNESS NOW GO FIX IT