- Главная
- Разное
- Дизайн
- Бизнес и предпринимательство
- Аналитика
- Образование
- Развлечения
- Красота и здоровье
- Финансы
- Государство
- Путешествия
- Спорт
- Недвижимость
- Армия
- Графика
- Культурология
- Еда и кулинария
- Лингвистика
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Детские презентации
- Информатика
- История
- Литература
- Маркетинг
- Математика
- Медицина
- Менеджмент
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, картинки для презентаций
- Экология
- Экономика
- Юриспруденция
@lindsaylee13 презентация
Содержание
- 1. @lindsaylee13
- 2. @lindsaylee13
- 7. @lindsaylee13 @lindsaylee13
- 8. Email is Your Friend; It Does Not Suck. @lindsaylee13
- 9. You Can Create Emails That Perform Well and Deliver Results. @lindsaylee13
- 10. @lindsaylee13
- 11. @lindsaylee13
- 12. @lindsaylee13
- 13. @lindsaylee13
- 14. @lindsaylee13
- 15. @lindsaylee13
- 16. The subscriber experience is the
- 18. From Name ✔
- 19. @lindsaylee13 Subject Line ✔
- 20. @lindsaylee13 Preheader ✔
- 21. @lindsaylee13 Open
- 22. @lindsaylee13 Preview Pane
- 23. @lindsaylee13 Full Message
- 24. @lindsaylee13 Tap/Click
- 25. @lindsaylee13 Landing Page
- 26. @lindsaylee13
- 27. Concise Content Over Length Your email is
- 28. Scannable Layout Clear headings One or
- 29. Make Your Calls to Action Obvious
- 31. Be Transparent in Your Language NO Click
- 32. Remember Image Blocking When possible, use HTML
- 34. Design with Mobile in Mind 65%
- 35. …More Mobile Considerations Think about elements you
- 36. Fun Stuff Animated GIFs can add extra interactivity Video…
- 38. @lindsaylee13
- 39. Email HTML CSS Images Text Design
- 40. Web em
- 42. Time to Code Like its 1999
- 43. Tables are Your BFFs Use nested tables
- 44. KYSS (Keep Your Styles Simple) Inline CSS
- 45. Styling Block-Level Elements I am a
- 46. Format Perfect Images Style alt attributes Set
- 47. What About Responsiveness?
- 49. Responsive Email Uses Media Queries
- 51. @lindsaylee13
- 52. There are
- 53. Know Your Audience You never know…sometimes plain
- 54. Email Client Market Share Stats from Litmus’ emailclientmarketshare.com, June 2014
- 55. 65% of all emails are opened on a mobile device
- 56. Test, test, test
- 57. @lindsaylee13
- 58. @lindsaylee13 Litmus Learning Center litmus.com/learning
- 59. @lindsaylee13 Email Design Review emaildesignreview.com
- 60. @lindsaylee13 ExactTarget Blog blog.exacttarget.com
- 61. @lindsaylee13 Email Swipe File on Pinterest
- 62. @lindsaylee13 Some People I Follow on
- 63. Thank You! @lindsaylee13
@lindsaylee13
Слайд 16
The subscriber experience
is the flow in which someone digests your
email
before converting.
@lindsaylee13
Слайд 17
From Name
Subject Line
Preheader
Open
Preview Pane
Full Message
Tap/Click
Landing Page
@lindsaylee13
Слайд 27Concise Content
Over Length
Your email is a doorway into other channels
Tell them
the essentials
Слайд 28Scannable Layout
Clear headings
One or two column layout
Contrast of weight and
color
for content distinction
Слайд 29Make Your Calls
to Action Obvious
Only have a few moments to
catch attention
Can you narrow down to one main CTA?
Repeat your main CTAs
Can you narrow down to one main CTA?
Repeat your main CTAs
Слайд 31Be Transparent in Your Language
NO
Click Here
Big Announcement!
You Don’t Want to Miss
This!
New Items
New Items
YES
Donate Now
Sign Up for Our Webinar
Start Your Free Trial Now
We Have New Shoes
Слайд 32Remember
Image Blocking
When possible, use HTML text instead of graphical text
Alt text
is your friend
Слайд 34Design with
Mobile in Mind
65% of all opens are on mobile
Single
column layout
Make headlines ~28px
Body copy ~16-20px
Make headlines ~28px
Body copy ~16-20px
Слайд 35…More Mobile
Considerations
Think about elements you see in apps
What can be communicated
through icons?
Let your content breathe
Huge buttons
Let your content breathe
Huge buttons
Слайд 39Email
HTML
CSS
Images
Text
Design
Links
Hierarchy
Web
HTML
CSS
Images
Text
Design
Links
Hierarchy
✔
✔
✔
✔
✔
✔
✔
Some Ways Email and the Web are the Same
Слайд 40Web
em
background-color
margin
Email
px
style=“font-face”
bgcolor
padding
Some Ways Email and the Web are Different
Слайд 43Tables are
Your BFFs
Use nested tables to structure the layout of your
email
Poor support for CSS positioning, floats, and clears
Poor support for CSS positioning, floats, and clears
Слайд 44KYSS (Keep Your Styles Simple)
Inline CSS
Don’t attach styles externally
Can use some
CSS3 but proceed with caution
| Hi, I’m text! |
Hi, I’m text!
Слайд 45Styling Block-Level Elements
I am a headline
This is a headline in
email
This is a paragraph in email
I am a paragraph
✔
✔
Слайд 46Format Perfect Images
Style alt attributes
Set borders to “0”
Add style=“display:block” to prevent
gaps
Set height and widths
Set height and widths
Слайд 53Know Your Audience
You never know…sometimes plain text emails will do the
trick
Look for the lowest common denominator
Look for the lowest common denominator
Слайд 60
@lindsaylee13
ExactTarget Blog
blog.exacttarget.com
Current market trends
Home to the Email
Swipe Files
Слайд 61
@lindsaylee13
Email Swipe File on Pinterest
pinterest.com/exacttarget/email-swipe-file/
Curated examples of great email design
Слайд 62
@lindsaylee13
Some People I Follow on Twitter
ETMC Design
@ETMC_Design
Andrea Smith
@andreasmith77
Chad White
@chadswhite
Justine Jordan
@meladorri
Brian Graves
@briangraves
Anna
Yeaman
@stylecampaign
@stylecampaign
