SlideShare uma empresa Scribd logo
1 de 27
Baixar para ler offline
Thank God Its Responsive - The Top 10 Responsive Email Design Tips
Responsive design has taken over today’s email layouts so implement
these top ten tips and prove to your users that you are a layout master!
Thank God Its Responsive - The Top 10 Responsive Email Design Tips
Many responsive email designs
require some form of icon
somewhere in the layout &
since Retina Displays and
most other high density pixel
devices scale fonts with far
greater sharpness than an
image, all you need to do is to
find the icon you want on
some Dingbats font
somewhere and use it instead.

It will render beautifully and look super sharp.
Thank God Its Responsive - The Top 10 Responsive Email Design Tips
In the famous words of Steve Jobs “nobody wants
a stylus” and that’s why today’s mobile screens
are designed for fingers and even (gasp!) thumbs.
Unfortunately most human digits are not capable
of pixel accurate selections so you have no choice
but to adhere to the Apple standard of minimum
44 px square for any link or button.
Thank God Its Responsive - The Top 10 Responsive Email Design Tips
It seems a paradox that while Apple’s Retina
Displays are among the most pixel dense, highest
resolution screens in the industry, the iPhone limits
any fonts displayed on it to a minimum of 13 points.
You can risk turning your well thought out
layout into a dog’s breakfast if you use any
smaller text as iOS will upscale it regardless
of the fact that it won’t fit into your design.
Thank God Its Responsive - The Top 10 Responsive Email Design Tips
Limit the single column layouts to no more than about
500 px in width for the best display on mobile screens.

The extra added advantage to this width limitation is that
if there is a display problem it will be less catastrophic
than if you had a much wider layout of 800 px or more.
Thank God Its Responsive - The Top 10 Responsive Email Design Tips
You don’t have to limit yourself into designing your
responsive emails around a specific pixel range of
heights and widths when you can also design for the
actual orientation of the screen as well as pixel ratios.
Note: You can go crazy and spend hours
figuring each one out or you can select the
lowest common denominators and call it a day.
Thank God Its Responsive - The Top 10 Responsive Email Design Tips
One of the biggest headaches with iOS is that special characters can be
difficult to find but if you use input type=”email” on your email address
form the standard keyboard will give way to a special one that features
the special characters you want most, including that all important @.
Thank God Its Responsive - The Top 10 Responsive Email Design Tips
When you use display:none to hide the images that
don’t fit on the screen you’re actually telling the
mobile device to download the image but not
display it which is a total waste of bandwidth.
You’re far better off implementing one of the CSS or
Java based image loading techniques which key the
display to where the user scrolls on the layout.
Thank God Its Responsive - The Top 10 Responsive Email Design Tips
Even the most code-adept responsive web designers
can’t possibly divine every feasible display and that’s
where great testing sites such as the one on
quirktools.com/screenfly/ are absolutely indispensable.
All you need to do is to place your design onto
any URL (even a non-public one) and see the
results on width only and device sizes as well.
Thank God Its Responsive - The Top 10 Responsive Email Design Tips
Thank God Its Responsive - The Top 10 Responsive Email Design Tips
Thank God Its Responsive - The Top 10 Responsive Email Design Tips
Daan Jobsis is a designer who discovered a very weird
effect during image compressions in Photoshop:

Take any image, resize it to 200%, compress it to 25% of
the original quality, resize it back to 100% in the browser
and the resulting image file size will be smaller and fully
optimized for high DPI displays because it retains its
doubled pixel density. Strange, but handy!
Responsive email design continues to evolve and the brands riding
the wave’s crest will be the ones obtaining the best metrics!
Thank God Its Responsive - The Top 10 Responsive Email Design Tips
Thank God Its Responsive - The Top 10 Responsive Email Design Tips
Thank God Its Responsive - The Top 10 Responsive Email Design Tips
Thank God Its Responsive - The Top 10 Responsive Email Design Tips

Mais conteúdo relacionado

Mais procurados

Apps for publishers sept 2013
Apps for publishers sept 2013Apps for publishers sept 2013
Apps for publishers sept 2013Michael Kowalski
 
The Growing Adoption of Mobile-Friendly Email Design #Infographic
The Growing Adoption of Mobile-Friendly Email Design #InfographicThe Growing Adoption of Mobile-Friendly Email Design #Infographic
The Growing Adoption of Mobile-Friendly Email Design #InfographicSalesforce Marketing Cloud
 
Designing for (almost) every device
Designing for (almost) every deviceDesigning for (almost) every device
Designing for (almost) every deviceRos Hodgekiss
 
B.com presentataion
B.com presentataionB.com presentataion
B.com presentataionBhagwan Das
 
2. production techniques evaluation pro forma(1)
2. production techniques evaluation pro forma(1)2. production techniques evaluation pro forma(1)
2. production techniques evaluation pro forma(1)Daniel Thompson
 
Responsive Design Webinar
Responsive Design WebinarResponsive Design Webinar
Responsive Design WebinarInformz
 
CLASSROOM PRESENTATION TIPS IN 5 SLIDES
CLASSROOM PRESENTATION TIPS IN 5 SLIDESCLASSROOM PRESENTATION TIPS IN 5 SLIDES
CLASSROOM PRESENTATION TIPS IN 5 SLIDESAvneesh S Panicker
 
Dreamforce | ExactTarget Marketing Cloud: The Mobile Inbox 201 - Design and Code
Dreamforce | ExactTarget Marketing Cloud: The Mobile Inbox 201 - Design and CodeDreamforce | ExactTarget Marketing Cloud: The Mobile Inbox 201 - Design and Code
Dreamforce | ExactTarget Marketing Cloud: The Mobile Inbox 201 - Design and CodeSalesforce Marketing Cloud
 
Designing Great Mobile Apps
Designing Great Mobile AppsDesigning Great Mobile Apps
Designing Great Mobile AppsChris Griffith
 
How to give a powerful presentation
How to give a powerful presentationHow to give a powerful presentation
How to give a powerful presentationljohns82
 
Tips to Build Responsive Website Design
Tips to Build Responsive Website DesignTips to Build Responsive Website Design
Tips to Build Responsive Website DesignHari Kumar
 

Mais procurados (14)

Apps for publishers sept 2013
Apps for publishers sept 2013Apps for publishers sept 2013
Apps for publishers sept 2013
 
The Growing Adoption of Mobile-Friendly Email Design #Infographic
The Growing Adoption of Mobile-Friendly Email Design #InfographicThe Growing Adoption of Mobile-Friendly Email Design #Infographic
The Growing Adoption of Mobile-Friendly Email Design #Infographic
 
Designing for (almost) every device
Designing for (almost) every deviceDesigning for (almost) every device
Designing for (almost) every device
 
B.com presentataion
B.com presentataionB.com presentataion
B.com presentataion
 
Presentation basic computer
Presentation basic computerPresentation basic computer
Presentation basic computer
 
2. production techniques evaluation pro forma(1)
2. production techniques evaluation pro forma(1)2. production techniques evaluation pro forma(1)
2. production techniques evaluation pro forma(1)
 
Responsive Design Webinar
Responsive Design WebinarResponsive Design Webinar
Responsive Design Webinar
 
iPad workshop
iPad workshopiPad workshop
iPad workshop
 
CLASSROOM PRESENTATION TIPS IN 5 SLIDES
CLASSROOM PRESENTATION TIPS IN 5 SLIDESCLASSROOM PRESENTATION TIPS IN 5 SLIDES
CLASSROOM PRESENTATION TIPS IN 5 SLIDES
 
Dreamforce | ExactTarget Marketing Cloud: The Mobile Inbox 201 - Design and Code
Dreamforce | ExactTarget Marketing Cloud: The Mobile Inbox 201 - Design and CodeDreamforce | ExactTarget Marketing Cloud: The Mobile Inbox 201 - Design and Code
Dreamforce | ExactTarget Marketing Cloud: The Mobile Inbox 201 - Design and Code
 
I os11
I os11I os11
I os11
 
Designing Great Mobile Apps
Designing Great Mobile AppsDesigning Great Mobile Apps
Designing Great Mobile Apps
 
How to give a powerful presentation
How to give a powerful presentationHow to give a powerful presentation
How to give a powerful presentation
 
Tips to Build Responsive Website Design
Tips to Build Responsive Website DesignTips to Build Responsive Website Design
Tips to Build Responsive Website Design
 

Destaque

Aam Aadmi Party National Manifesto 2014
Aam Aadmi Party National Manifesto 2014Aam Aadmi Party National Manifesto 2014
Aam Aadmi Party National Manifesto 2014Abhishek Shah
 
St self mastery
St self masterySt self mastery
St self masteryDen Guzman
 
Diseñando el Juego
Diseñando el JuegoDiseñando el Juego
Diseñando el Juegoaneleyjosue
 
Habla Bateria 010
Habla Bateria 010Habla Bateria 010
Habla Bateria 010anthony
 
Time for some Introspection
Time for some IntrospectionTime for some Introspection
Time for some IntrospectionAbhishek Shah
 
Brochure (5)
Brochure (5)Brochure (5)
Brochure (5)annewers
 
Entren A Chebo.Jimdo.Com
Entren A Chebo.Jimdo.ComEntren A Chebo.Jimdo.Com
Entren A Chebo.Jimdo.Comguest259b367
 
A New Learning Tool
A New Learning ToolA New Learning Tool
A New Learning ToolTom Stoyan
 
The 21st century knowledge and information professional
The 21st century knowledge and information professionalThe 21st century knowledge and information professional
The 21st century knowledge and information professionalCollabor8now Ltd
 
Becker Brochure
Becker BrochureBecker Brochure
Becker BrochureBecker
 
Pictures for your Slideshows
Pictures for your SlideshowsPictures for your Slideshows
Pictures for your SlideshowsAbhishek Shah
 
Item Jury Template
Item Jury TemplateItem Jury Template
Item Jury TemplateJanet Drews
 
O Twitter
O TwitterO Twitter
O TwitterSEOLABS
 
Search N´ Oten
Search N´ OtenSearch N´ Oten
Search N´ Otentoonkraft
 
Knowledge Hub at OpenTech UK 21may11
Knowledge Hub at OpenTech UK 21may11Knowledge Hub at OpenTech UK 21may11
Knowledge Hub at OpenTech UK 21may11Collabor8now Ltd
 
panpan
panpanpanpan
panpansams01
 
GrabacióN N°2 De HistologíA
GrabacióN N°2 De HistologíAGrabacióN N°2 De HistologíA
GrabacióN N°2 De HistologíAguestf16787
 

Destaque (20)

Aam Aadmi Party National Manifesto 2014
Aam Aadmi Party National Manifesto 2014Aam Aadmi Party National Manifesto 2014
Aam Aadmi Party National Manifesto 2014
 
St self mastery
St self masterySt self mastery
St self mastery
 
Diseñando el Juego
Diseñando el JuegoDiseñando el Juego
Diseñando el Juego
 
Sd
SdSd
Sd
 
Habla Bateria 010
Habla Bateria 010Habla Bateria 010
Habla Bateria 010
 
Time for some Introspection
Time for some IntrospectionTime for some Introspection
Time for some Introspection
 
Brochure (5)
Brochure (5)Brochure (5)
Brochure (5)
 
Entren A Chebo.Jimdo.Com
Entren A Chebo.Jimdo.ComEntren A Chebo.Jimdo.Com
Entren A Chebo.Jimdo.Com
 
Zonning Amendments
Zonning AmendmentsZonning Amendments
Zonning Amendments
 
A New Learning Tool
A New Learning ToolA New Learning Tool
A New Learning Tool
 
The 21st century knowledge and information professional
The 21st century knowledge and information professionalThe 21st century knowledge and information professional
The 21st century knowledge and information professional
 
Becker Brochure
Becker BrochureBecker Brochure
Becker Brochure
 
Pictures for your Slideshows
Pictures for your SlideshowsPictures for your Slideshows
Pictures for your Slideshows
 
Item Jury Template
Item Jury TemplateItem Jury Template
Item Jury Template
 
O Twitter
O TwitterO Twitter
O Twitter
 
Search N´ Oten
Search N´ OtenSearch N´ Oten
Search N´ Oten
 
665
665665
665
 
Knowledge Hub at OpenTech UK 21may11
Knowledge Hub at OpenTech UK 21may11Knowledge Hub at OpenTech UK 21may11
Knowledge Hub at OpenTech UK 21may11
 
panpan
panpanpanpan
panpan
 
GrabacióN N°2 De HistologíA
GrabacióN N°2 De HistologíAGrabacióN N°2 De HistologíA
GrabacióN N°2 De HistologíA
 

Semelhante a Thank God Its Responsive - The Top 10 Responsive Email Design Tips

Intro to Responsive
Intro to ResponsiveIntro to Responsive
Intro to ResponsiveTom Elliott
 
Interactive Design Basics
Interactive Design Basics Interactive Design Basics
Interactive Design Basics katy walker
 
Responsive Web Design
Responsive Web Design Responsive Web Design
Responsive Web Design CLEVER°FRANKE
 
Responsive design and retina displays
Responsive design and retina displaysResponsive design and retina displays
Responsive design and retina displaysEli McMakin
 
Responsive email design: 3 how-to steps
Responsive email design: 3 how-to stepsResponsive email design: 3 how-to steps
Responsive email design: 3 how-to stepsCatalyst
 
10 Design Commandments for Mobile App Developers
10 Design Commandments for Mobile App Developers10 Design Commandments for Mobile App Developers
10 Design Commandments for Mobile App DevelopersJigyasa Makkar
 
Responsive web design
Responsive web designResponsive web design
Responsive web designZeeshan Khan
 
How do I - Working With Images - Transcript.pdf
How do I - Working With Images - Transcript.pdfHow do I - Working With Images - Transcript.pdf
How do I - Working With Images - Transcript.pdfShaiAlmog1
 
Typography and Colors for GUI Designers
Typography and Colors for GUI DesignersTypography and Colors for GUI Designers
Typography and Colors for GUI DesignersRavi Bhadauria
 
Developing a practical HTML5 magazine workflow
Developing a practical HTML5 magazine workflowDeveloping a practical HTML5 magazine workflow
Developing a practical HTML5 magazine workflowMichael Kowalski
 
Mobile email - chasing context
Mobile email -  chasing contextMobile email -  chasing context
Mobile email - chasing contextAnna Yeaman
 
Mobile Email User Experience Strategies
Mobile Email User Experience StrategiesMobile Email User Experience Strategies
Mobile Email User Experience StrategiesAnushri Thanedar
 
10 golden rules for website design
10 golden rules for website design10 golden rules for website design
10 golden rules for website designHih7 Webtech Pvt Ltd
 

Semelhante a Thank God Its Responsive - The Top 10 Responsive Email Design Tips (20)

Intro to Responsive
Intro to ResponsiveIntro to Responsive
Intro to Responsive
 
Interactive Design Basics
Interactive Design Basics Interactive Design Basics
Interactive Design Basics
 
Responsive Web Design
Responsive Web Design Responsive Web Design
Responsive Web Design
 
Responsive design and retina displays
Responsive design and retina displaysResponsive design and retina displays
Responsive design and retina displays
 
Responsive email design: 3 how-to steps
Responsive email design: 3 how-to stepsResponsive email design: 3 how-to steps
Responsive email design: 3 how-to steps
 
UI and UX for Mobile Developers
UI and UX for Mobile DevelopersUI and UX for Mobile Developers
UI and UX for Mobile Developers
 
10 Design Commandments for Mobile App Developers
10 Design Commandments for Mobile App Developers10 Design Commandments for Mobile App Developers
10 Design Commandments for Mobile App Developers
 
Responsive web design
Responsive web designResponsive web design
Responsive web design
 
How do I - Working With Images - Transcript.pdf
How do I - Working With Images - Transcript.pdfHow do I - Working With Images - Transcript.pdf
How do I - Working With Images - Transcript.pdf
 
Css3
Css3Css3
Css3
 
Unboxing iOS 7
Unboxing iOS 7Unboxing iOS 7
Unboxing iOS 7
 
Sbwire 531031
Sbwire 531031Sbwire 531031
Sbwire 531031
 
Typography and Colors for GUI Designers
Typography and Colors for GUI DesignersTypography and Colors for GUI Designers
Typography and Colors for GUI Designers
 
Developing a practical HTML5 magazine workflow
Developing a practical HTML5 magazine workflowDeveloping a practical HTML5 magazine workflow
Developing a practical HTML5 magazine workflow
 
Mobile email - chasing context
Mobile email -  chasing contextMobile email -  chasing context
Mobile email - chasing context
 
Mobile Email User Experience Strategies
Mobile Email User Experience StrategiesMobile Email User Experience Strategies
Mobile Email User Experience Strategies
 
Top 10 graphic and web design tools in 2015
Top 10 graphic and web design tools in 2015Top 10 graphic and web design tools in 2015
Top 10 graphic and web design tools in 2015
 
10 golden rules for website design
10 golden rules for website design10 golden rules for website design
10 golden rules for website design
 
Casestudy
CasestudyCasestudy
Casestudy
 
Adobe XD
Adobe XD Adobe XD
Adobe XD
 

Mais de Abhishek Shah

Email Marketing Tips 2021
Email Marketing Tips 2021Email Marketing Tips 2021
Email Marketing Tips 2021Abhishek Shah
 
How To Coronavirus Proof Your Home
How To Coronavirus Proof Your HomeHow To Coronavirus Proof Your Home
How To Coronavirus Proof Your HomeAbhishek Shah
 
29 Tips to Take Control of Your Life Now
29 Tips to Take Control of Your Life Now29 Tips to Take Control of Your Life Now
29 Tips to Take Control of Your Life NowAbhishek Shah
 
7 Tips for Social Media Manager
7 Tips for Social Media Manager7 Tips for Social Media Manager
7 Tips for Social Media ManagerAbhishek Shah
 
10 Ways to Deliver an Unforgettable Presentation
10 Ways to Deliver an Unforgettable Presentation10 Ways to Deliver an Unforgettable Presentation
10 Ways to Deliver an Unforgettable PresentationAbhishek Shah
 
10 Ways To Be That Confident Person You Always Wanted To Be
10 Ways To Be That Confident Person You Always Wanted To Be10 Ways To Be That Confident Person You Always Wanted To Be
10 Ways To Be That Confident Person You Always Wanted To BeAbhishek Shah
 
Ten Must Have Self Reflective Thoughts For Entrepreneurs
Ten Must Have Self Reflective Thoughts For EntrepreneursTen Must Have Self Reflective Thoughts For Entrepreneurs
Ten Must Have Self Reflective Thoughts For EntrepreneursAbhishek Shah
 
10 Powerful Affirmations for Startup Entrepreneurs
10 Powerful Affirmations for Startup Entrepreneurs10 Powerful Affirmations for Startup Entrepreneurs
10 Powerful Affirmations for Startup EntrepreneursAbhishek Shah
 
9 Traits of Well-Loved Entrepreneurs
9 Traits of Well-Loved Entrepreneurs9 Traits of Well-Loved Entrepreneurs
9 Traits of Well-Loved EntrepreneursAbhishek Shah
 
Ten Characteristics Common To Highly Effective Entrepreneurs
Ten Characteristics Common To Highly Effective EntrepreneursTen Characteristics Common To Highly Effective Entrepreneurs
Ten Characteristics Common To Highly Effective EntrepreneursAbhishek Shah
 
Awesomeness On Your First Slide
Awesomeness On Your First SlideAwesomeness On Your First Slide
Awesomeness On Your First SlideAbhishek Shah
 
Your Startup Is About To Fail
Your Startup Is About To FailYour Startup Is About To Fail
Your Startup Is About To FailAbhishek Shah
 
8 Things Your VC Won’t Tell You
8 Things Your VC Won’t Tell You8 Things Your VC Won’t Tell You
8 Things Your VC Won’t Tell YouAbhishek Shah
 
Did You Know That LinkedIn Can Help Promote Your Brand
Did You Know That LinkedIn Can Help Promote Your BrandDid You Know That LinkedIn Can Help Promote Your Brand
Did You Know That LinkedIn Can Help Promote Your BrandAbhishek Shah
 
You Should Stop Looking for Venture Capital
You Should Stop Looking for Venture CapitalYou Should Stop Looking for Venture Capital
You Should Stop Looking for Venture CapitalAbhishek Shah
 
10 Quotes That Makes You Feel Stronger Today
10 Quotes That Makes You Feel Stronger Today10 Quotes That Makes You Feel Stronger Today
10 Quotes That Makes You Feel Stronger TodayAbhishek Shah
 
18 Signs You Are Killing Your Creativity
18 Signs You Are Killing Your Creativity18 Signs You Are Killing Your Creativity
18 Signs You Are Killing Your CreativityAbhishek Shah
 
So You Can Think Like An Entrepreneur
So You Can Think Like An EntrepreneurSo You Can Think Like An Entrepreneur
So You Can Think Like An EntrepreneurAbhishek Shah
 
These 8 Crazy Reasons for Becoming an Entrepreneur May Ultimately Lead to Fai...
These 8 Crazy Reasons for Becoming an Entrepreneur May Ultimately Lead to Fai...These 8 Crazy Reasons for Becoming an Entrepreneur May Ultimately Lead to Fai...
These 8 Crazy Reasons for Becoming an Entrepreneur May Ultimately Lead to Fai...Abhishek Shah
 

Mais de Abhishek Shah (20)

Email Marketing Tips 2021
Email Marketing Tips 2021Email Marketing Tips 2021
Email Marketing Tips 2021
 
How To Coronavirus Proof Your Home
How To Coronavirus Proof Your HomeHow To Coronavirus Proof Your Home
How To Coronavirus Proof Your Home
 
29 Tips to Take Control of Your Life Now
29 Tips to Take Control of Your Life Now29 Tips to Take Control of Your Life Now
29 Tips to Take Control of Your Life Now
 
7 Tips for Social Media Manager
7 Tips for Social Media Manager7 Tips for Social Media Manager
7 Tips for Social Media Manager
 
10 Ways to Deliver an Unforgettable Presentation
10 Ways to Deliver an Unforgettable Presentation10 Ways to Deliver an Unforgettable Presentation
10 Ways to Deliver an Unforgettable Presentation
 
10 Ways To Be That Confident Person You Always Wanted To Be
10 Ways To Be That Confident Person You Always Wanted To Be10 Ways To Be That Confident Person You Always Wanted To Be
10 Ways To Be That Confident Person You Always Wanted To Be
 
Ten Must Have Self Reflective Thoughts For Entrepreneurs
Ten Must Have Self Reflective Thoughts For EntrepreneursTen Must Have Self Reflective Thoughts For Entrepreneurs
Ten Must Have Self Reflective Thoughts For Entrepreneurs
 
10 Powerful Affirmations for Startup Entrepreneurs
10 Powerful Affirmations for Startup Entrepreneurs10 Powerful Affirmations for Startup Entrepreneurs
10 Powerful Affirmations for Startup Entrepreneurs
 
9 Traits of Well-Loved Entrepreneurs
9 Traits of Well-Loved Entrepreneurs9 Traits of Well-Loved Entrepreneurs
9 Traits of Well-Loved Entrepreneurs
 
Ten Characteristics Common To Highly Effective Entrepreneurs
Ten Characteristics Common To Highly Effective EntrepreneursTen Characteristics Common To Highly Effective Entrepreneurs
Ten Characteristics Common To Highly Effective Entrepreneurs
 
Awesomeness On Your First Slide
Awesomeness On Your First SlideAwesomeness On Your First Slide
Awesomeness On Your First Slide
 
Towards Greatness
Towards GreatnessTowards Greatness
Towards Greatness
 
Your Startup Is About To Fail
Your Startup Is About To FailYour Startup Is About To Fail
Your Startup Is About To Fail
 
8 Things Your VC Won’t Tell You
8 Things Your VC Won’t Tell You8 Things Your VC Won’t Tell You
8 Things Your VC Won’t Tell You
 
Did You Know That LinkedIn Can Help Promote Your Brand
Did You Know That LinkedIn Can Help Promote Your BrandDid You Know That LinkedIn Can Help Promote Your Brand
Did You Know That LinkedIn Can Help Promote Your Brand
 
You Should Stop Looking for Venture Capital
You Should Stop Looking for Venture CapitalYou Should Stop Looking for Venture Capital
You Should Stop Looking for Venture Capital
 
10 Quotes That Makes You Feel Stronger Today
10 Quotes That Makes You Feel Stronger Today10 Quotes That Makes You Feel Stronger Today
10 Quotes That Makes You Feel Stronger Today
 
18 Signs You Are Killing Your Creativity
18 Signs You Are Killing Your Creativity18 Signs You Are Killing Your Creativity
18 Signs You Are Killing Your Creativity
 
So You Can Think Like An Entrepreneur
So You Can Think Like An EntrepreneurSo You Can Think Like An Entrepreneur
So You Can Think Like An Entrepreneur
 
These 8 Crazy Reasons for Becoming an Entrepreneur May Ultimately Lead to Fai...
These 8 Crazy Reasons for Becoming an Entrepreneur May Ultimately Lead to Fai...These 8 Crazy Reasons for Becoming an Entrepreneur May Ultimately Lead to Fai...
These 8 Crazy Reasons for Becoming an Entrepreneur May Ultimately Lead to Fai...
 

Último

TAM AdEx-A Pixelated view into Digital Advertising Trends for Y 2023.pdf
TAM AdEx-A Pixelated view into Digital Advertising Trends for Y 2023.pdfTAM AdEx-A Pixelated view into Digital Advertising Trends for Y 2023.pdf
TAM AdEx-A Pixelated view into Digital Advertising Trends for Y 2023.pdfSocial Samosa
 
Podvertise.fm - Founder.University - Pitch Deck 2024
Podvertise.fm - Founder.University - Pitch Deck 2024Podvertise.fm - Founder.University - Pitch Deck 2024
Podvertise.fm - Founder.University - Pitch Deck 2024Nedko Nedkov
 
Ice Cream Brand Harmony Study - TINT Emotional Profiling Research
Ice Cream Brand Harmony Study - TINT Emotional Profiling ResearchIce Cream Brand Harmony Study - TINT Emotional Profiling Research
Ice Cream Brand Harmony Study - TINT Emotional Profiling ResearchTINT Marketing
 
Imposter Syndrome in Marketing & Why You're Not Alone
Imposter Syndrome in Marketing & Why You're Not AloneImposter Syndrome in Marketing & Why You're Not Alone
Imposter Syndrome in Marketing & Why You're Not AloneHerd
 
Increase Your Website Sales & Leads Webinar
Increase Your Website Sales & Leads WebinarIncrease Your Website Sales & Leads Webinar
Increase Your Website Sales & Leads WebinarSEO Optimizers
 
Advertising and public relations, Role and Impact
Advertising and public relations, Role and ImpactAdvertising and public relations, Role and Impact
Advertising and public relations, Role and ImpactMuhammad Junaid
 
Podvertise.fm - Podcast Advertising Marketplace - Startup Pitch Deck
Podvertise.fm - Podcast Advertising Marketplace - Startup Pitch DeckPodvertise.fm - Podcast Advertising Marketplace - Startup Pitch Deck
Podvertise.fm - Podcast Advertising Marketplace - Startup Pitch DeckNedko Nedkov
 
Cricket Playbook for Growth Marketers: Adjust x Glance report
Cricket Playbook for Growth Marketers: Adjust x Glance reportCricket Playbook for Growth Marketers: Adjust x Glance report
Cricket Playbook for Growth Marketers: Adjust x Glance reportSocial Samosa
 
The Creative Marketing campaigns of WeRoad
The Creative Marketing campaigns of WeRoadThe Creative Marketing campaigns of WeRoad
The Creative Marketing campaigns of WeRoadFabio Bin
 
Harnessing Social Media for Marketing Growth
Harnessing Social Media for Marketing GrowthHarnessing Social Media for Marketing Growth
Harnessing Social Media for Marketing Growthabinashdm2014
 
Converting with Comedy: Research Parallels for CRO
Converting with Comedy: Research Parallels for CROConverting with Comedy: Research Parallels for CRO
Converting with Comedy: Research Parallels for CROVWO
 
Unifying feature management with experiments - Server Side Webinar (1).pdf
Unifying feature management with experiments - Server Side Webinar (1).pdfUnifying feature management with experiments - Server Side Webinar (1).pdf
Unifying feature management with experiments - Server Side Webinar (1).pdfVWO
 
A_B Testing Personalized Meditation Recommendations.pdf
A_B Testing Personalized Meditation Recommendations.pdfA_B Testing Personalized Meditation Recommendations.pdf
A_B Testing Personalized Meditation Recommendations.pdfVWO
 
Friends of Search '24 - Scaling SEO_ Lessons for All Types of Sites.pptx
Friends of Search '24 - Scaling SEO_ Lessons for All Types of Sites.pptxFriends of Search '24 - Scaling SEO_ Lessons for All Types of Sites.pptx
Friends of Search '24 - Scaling SEO_ Lessons for All Types of Sites.pptxGregory Edwards
 
Top 15 Emerging Technologies for the Modern World
Top 15 Emerging Technologies for the Modern WorldTop 15 Emerging Technologies for the Modern World
Top 15 Emerging Technologies for the Modern WorldD Cloud Solutions
 
Digital Marketing Services like SEO, SMM, SEM
Digital Marketing Services like SEO, SMM, SEMDigital Marketing Services like SEO, SMM, SEM
Digital Marketing Services like SEO, SMM, SEMNazal Digital
 
Elevate Your Design Skills: Enroll in Pune's Premier UI/UX Design Course
Elevate Your Design Skills: Enroll in Pune's Premier UI/UX Design CourseElevate Your Design Skills: Enroll in Pune's Premier UI/UX Design Course
Elevate Your Design Skills: Enroll in Pune's Premier UI/UX Design Courseamirshaikhv21realtyp
 
Marketing Team of 1, A Framework To Win!
Marketing Team of 1, A Framework To Win!Marketing Team of 1, A Framework To Win!
Marketing Team of 1, A Framework To Win!Joseph Skibbie
 
Dhanuka Agritech Limited - Sales and Marketing Intern
Dhanuka Agritech Limited - Sales and Marketing InternDhanuka Agritech Limited - Sales and Marketing Intern
Dhanuka Agritech Limited - Sales and Marketing Internrisabhpandeyconnect
 
The 2024 Next Gen Attention Study - www.livewire.group
The 2024 Next Gen Attention Study - www.livewire.groupThe 2024 Next Gen Attention Study - www.livewire.group
The 2024 Next Gen Attention Study - www.livewire.groupLivewire
 

Último (20)

TAM AdEx-A Pixelated view into Digital Advertising Trends for Y 2023.pdf
TAM AdEx-A Pixelated view into Digital Advertising Trends for Y 2023.pdfTAM AdEx-A Pixelated view into Digital Advertising Trends for Y 2023.pdf
TAM AdEx-A Pixelated view into Digital Advertising Trends for Y 2023.pdf
 
Podvertise.fm - Founder.University - Pitch Deck 2024
Podvertise.fm - Founder.University - Pitch Deck 2024Podvertise.fm - Founder.University - Pitch Deck 2024
Podvertise.fm - Founder.University - Pitch Deck 2024
 
Ice Cream Brand Harmony Study - TINT Emotional Profiling Research
Ice Cream Brand Harmony Study - TINT Emotional Profiling ResearchIce Cream Brand Harmony Study - TINT Emotional Profiling Research
Ice Cream Brand Harmony Study - TINT Emotional Profiling Research
 
Imposter Syndrome in Marketing & Why You're Not Alone
Imposter Syndrome in Marketing & Why You're Not AloneImposter Syndrome in Marketing & Why You're Not Alone
Imposter Syndrome in Marketing & Why You're Not Alone
 
Increase Your Website Sales & Leads Webinar
Increase Your Website Sales & Leads WebinarIncrease Your Website Sales & Leads Webinar
Increase Your Website Sales & Leads Webinar
 
Advertising and public relations, Role and Impact
Advertising and public relations, Role and ImpactAdvertising and public relations, Role and Impact
Advertising and public relations, Role and Impact
 
Podvertise.fm - Podcast Advertising Marketplace - Startup Pitch Deck
Podvertise.fm - Podcast Advertising Marketplace - Startup Pitch DeckPodvertise.fm - Podcast Advertising Marketplace - Startup Pitch Deck
Podvertise.fm - Podcast Advertising Marketplace - Startup Pitch Deck
 
Cricket Playbook for Growth Marketers: Adjust x Glance report
Cricket Playbook for Growth Marketers: Adjust x Glance reportCricket Playbook for Growth Marketers: Adjust x Glance report
Cricket Playbook for Growth Marketers: Adjust x Glance report
 
The Creative Marketing campaigns of WeRoad
The Creative Marketing campaigns of WeRoadThe Creative Marketing campaigns of WeRoad
The Creative Marketing campaigns of WeRoad
 
Harnessing Social Media for Marketing Growth
Harnessing Social Media for Marketing GrowthHarnessing Social Media for Marketing Growth
Harnessing Social Media for Marketing Growth
 
Converting with Comedy: Research Parallels for CRO
Converting with Comedy: Research Parallels for CROConverting with Comedy: Research Parallels for CRO
Converting with Comedy: Research Parallels for CRO
 
Unifying feature management with experiments - Server Side Webinar (1).pdf
Unifying feature management with experiments - Server Side Webinar (1).pdfUnifying feature management with experiments - Server Side Webinar (1).pdf
Unifying feature management with experiments - Server Side Webinar (1).pdf
 
A_B Testing Personalized Meditation Recommendations.pdf
A_B Testing Personalized Meditation Recommendations.pdfA_B Testing Personalized Meditation Recommendations.pdf
A_B Testing Personalized Meditation Recommendations.pdf
 
Friends of Search '24 - Scaling SEO_ Lessons for All Types of Sites.pptx
Friends of Search '24 - Scaling SEO_ Lessons for All Types of Sites.pptxFriends of Search '24 - Scaling SEO_ Lessons for All Types of Sites.pptx
Friends of Search '24 - Scaling SEO_ Lessons for All Types of Sites.pptx
 
Top 15 Emerging Technologies for the Modern World
Top 15 Emerging Technologies for the Modern WorldTop 15 Emerging Technologies for the Modern World
Top 15 Emerging Technologies for the Modern World
 
Digital Marketing Services like SEO, SMM, SEM
Digital Marketing Services like SEO, SMM, SEMDigital Marketing Services like SEO, SMM, SEM
Digital Marketing Services like SEO, SMM, SEM
 
Elevate Your Design Skills: Enroll in Pune's Premier UI/UX Design Course
Elevate Your Design Skills: Enroll in Pune's Premier UI/UX Design CourseElevate Your Design Skills: Enroll in Pune's Premier UI/UX Design Course
Elevate Your Design Skills: Enroll in Pune's Premier UI/UX Design Course
 
Marketing Team of 1, A Framework To Win!
Marketing Team of 1, A Framework To Win!Marketing Team of 1, A Framework To Win!
Marketing Team of 1, A Framework To Win!
 
Dhanuka Agritech Limited - Sales and Marketing Intern
Dhanuka Agritech Limited - Sales and Marketing InternDhanuka Agritech Limited - Sales and Marketing Intern
Dhanuka Agritech Limited - Sales and Marketing Intern
 
The 2024 Next Gen Attention Study - www.livewire.group
The 2024 Next Gen Attention Study - www.livewire.groupThe 2024 Next Gen Attention Study - www.livewire.group
The 2024 Next Gen Attention Study - www.livewire.group
 

Thank God Its Responsive - The Top 10 Responsive Email Design Tips

  • 2. Responsive design has taken over today’s email layouts so implement these top ten tips and prove to your users that you are a layout master!
  • 4. Many responsive email designs require some form of icon somewhere in the layout & since Retina Displays and most other high density pixel devices scale fonts with far greater sharpness than an image, all you need to do is to find the icon you want on some Dingbats font somewhere and use it instead. It will render beautifully and look super sharp.
  • 6. In the famous words of Steve Jobs “nobody wants a stylus” and that’s why today’s mobile screens are designed for fingers and even (gasp!) thumbs. Unfortunately most human digits are not capable of pixel accurate selections so you have no choice but to adhere to the Apple standard of minimum 44 px square for any link or button.
  • 8. It seems a paradox that while Apple’s Retina Displays are among the most pixel dense, highest resolution screens in the industry, the iPhone limits any fonts displayed on it to a minimum of 13 points. You can risk turning your well thought out layout into a dog’s breakfast if you use any smaller text as iOS will upscale it regardless of the fact that it won’t fit into your design.
  • 10. Limit the single column layouts to no more than about 500 px in width for the best display on mobile screens. The extra added advantage to this width limitation is that if there is a display problem it will be less catastrophic than if you had a much wider layout of 800 px or more.
  • 12. You don’t have to limit yourself into designing your responsive emails around a specific pixel range of heights and widths when you can also design for the actual orientation of the screen as well as pixel ratios. Note: You can go crazy and spend hours figuring each one out or you can select the lowest common denominators and call it a day.
  • 14. One of the biggest headaches with iOS is that special characters can be difficult to find but if you use input type=”email” on your email address form the standard keyboard will give way to a special one that features the special characters you want most, including that all important @.
  • 16. When you use display:none to hide the images that don’t fit on the screen you’re actually telling the mobile device to download the image but not display it which is a total waste of bandwidth. You’re far better off implementing one of the CSS or Java based image loading techniques which key the display to where the user scrolls on the layout.
  • 18. Even the most code-adept responsive web designers can’t possibly divine every feasible display and that’s where great testing sites such as the one on quirktools.com/screenfly/ are absolutely indispensable. All you need to do is to place your design onto any URL (even a non-public one) and see the results on width only and device sizes as well.
  • 22. Daan Jobsis is a designer who discovered a very weird effect during image compressions in Photoshop: Take any image, resize it to 200%, compress it to 25% of the original quality, resize it back to 100% in the browser and the resulting image file size will be smaller and fully optimized for high DPI displays because it retains its doubled pixel density. Strange, but handy!
  • 23. Responsive email design continues to evolve and the brands riding the wave’s crest will be the ones obtaining the best metrics!