Responsive Email Presentation
•
0 likes•438 views
This document discusses responsive email design and its importance. It notes that 52% of consumers now access email on mobile devices. Mobile email opens increased 21% in 2013 and may account for up to 70% of opens depending on the audience and email type. While only 7.6% of time spent on mobile devices is reading email, email is still important. The document recommends frameworks like Zurb Ink for building responsive emails and notes challenges like supporting Outlook. It provides best practices like setting cell widths and inline CSS and tips like creating large images and considering data plans.
Report
Share
Report
Share
Download to read offline
Recommended
Distance Learning Classroom Kit: The easiest multi-platform classroom solution
Distance Learning Classroom Kit: The easiest multi-platform classroom solutionVideoConferenceGear.com
Distance Learning Classroom Kit: The easiest multi-platform classroom solution featuring the AVer VC520 PRO
https://www.videoconferencegear.com/multi-platform-distance-learning-classroom-kit-with-aver-vc520-pro-with-2-speakerphones-with-ceiling-mounts/5004 project(1)[1]
This document summarizes the web application Bubbl.us, which allows users to create mind maps and diagrams online for free. It describes how Bubbl.us can be used for classroom activities like presenting goals, organizing information, and problem solving. Tips are provided like using keyboard shortcuts and auto-save features. Both pros and cons are discussed, such as the free version only allowing a limited number of saved items.
Teaching Augmented Reality using Aurasma
A lesson on teaching and learning Augmented Reality in classroom using Aurasma.
Grade 4-6 can be the appropriate for this class.
Included note of lesson will make it easier for any teacher to share the concept of Augmented Reality with students.
If you need further clue on how to engage the students during the AR class, do send me an email.
Don't Lack The Slack
A brief introduction to the uses of Slack in Education. A presentation given to a show-and-tell for the Learning, Teaching and Web division for the University of Edinburgh. Given by Jonah McLachlan who introduced the communication tool for his Web, Graphics and Interaction team during his placement.
Skype Talk and Write
Skype Talk & Write allows teachers and students to use Skype for collaborative educational activities like peer editing, mentoring, tutoring, and annotating documents. Teachers can have students work together on files like documents, spreadsheets, presentations and images while communicating via audio and video chat. The tutorial explains how to open Skype, select a contact, call them and then collaborate on files in real-time.
Aurasma How To
This document provides instructions for using the augmented reality app Aurasma in the classroom. It explains that Aurasma allows teachers to create augmented reality content called "Auras" by recording videos and linking them to printed trigger images. Teachers can then create a public channel to share their Auras so students can scan the trigger images to view the augmented content. The document outlines the step-by-step process for teachers and students to create and view Auras, including downloading the app, making accounts, recording and linking videos to images, and sharing the content with a class channel. It suggests ways Aurasma could be used in the classroom and encourages teachers to contact the author for additional help or resources.
Evaluationquestion6
The document discusses various technologies the author learned throughout creating a media product. The author became familiar with using Apple iMacs after initial difficulties adjusting from Windows. Photoshop was used extensively, allowing image editing and layout design though the interface took time to learn. A Lumix camera was used for photoshoots, requiring the author to learn advanced features beyond simple shots. A Samsung phone helped with organization and collaboration. Websites like Wordpress, Slideshare, and Prezi were also utilized.
Introduction to e books
This is the presentation that accompanied a webinar given by Malcolm Seegers, (a local digital publisher), for SchoolNet on 21/11/2013
Recommended
Distance Learning Classroom Kit: The easiest multi-platform classroom solution
Distance Learning Classroom Kit: The easiest multi-platform classroom solutionVideoConferenceGear.com
Distance Learning Classroom Kit: The easiest multi-platform classroom solution featuring the AVer VC520 PRO
https://www.videoconferencegear.com/multi-platform-distance-learning-classroom-kit-with-aver-vc520-pro-with-2-speakerphones-with-ceiling-mounts/5004 project(1)[1]
This document summarizes the web application Bubbl.us, which allows users to create mind maps and diagrams online for free. It describes how Bubbl.us can be used for classroom activities like presenting goals, organizing information, and problem solving. Tips are provided like using keyboard shortcuts and auto-save features. Both pros and cons are discussed, such as the free version only allowing a limited number of saved items.
Teaching Augmented Reality using Aurasma
A lesson on teaching and learning Augmented Reality in classroom using Aurasma.
Grade 4-6 can be the appropriate for this class.
Included note of lesson will make it easier for any teacher to share the concept of Augmented Reality with students.
If you need further clue on how to engage the students during the AR class, do send me an email.
Don't Lack The Slack
A brief introduction to the uses of Slack in Education. A presentation given to a show-and-tell for the Learning, Teaching and Web division for the University of Edinburgh. Given by Jonah McLachlan who introduced the communication tool for his Web, Graphics and Interaction team during his placement.
Skype Talk and Write
Skype Talk & Write allows teachers and students to use Skype for collaborative educational activities like peer editing, mentoring, tutoring, and annotating documents. Teachers can have students work together on files like documents, spreadsheets, presentations and images while communicating via audio and video chat. The tutorial explains how to open Skype, select a contact, call them and then collaborate on files in real-time.
Aurasma How To
This document provides instructions for using the augmented reality app Aurasma in the classroom. It explains that Aurasma allows teachers to create augmented reality content called "Auras" by recording videos and linking them to printed trigger images. Teachers can then create a public channel to share their Auras so students can scan the trigger images to view the augmented content. The document outlines the step-by-step process for teachers and students to create and view Auras, including downloading the app, making accounts, recording and linking videos to images, and sharing the content with a class channel. It suggests ways Aurasma could be used in the classroom and encourages teachers to contact the author for additional help or resources.
Evaluationquestion6
The document discusses various technologies the author learned throughout creating a media product. The author became familiar with using Apple iMacs after initial difficulties adjusting from Windows. Photoshop was used extensively, allowing image editing and layout design though the interface took time to learn. A Lumix camera was used for photoshoots, requiring the author to learn advanced features beyond simple shots. A Samsung phone helped with organization and collaboration. Websites like Wordpress, Slideshare, and Prezi were also utilized.
Introduction to e books
This is the presentation that accompanied a webinar given by Malcolm Seegers, (a local digital publisher), for SchoolNet on 21/11/2013
10 Tips for Mobile Email
The document provides 10 tips for creating mobile-friendly emails, including optimizing links, subject lines, pre-header text, file sizes, button and font sizes, screen width, landing pages, objectives, responsive templates, and testing emails across devices and email clients.
Slack protips from Arkency
We are a remote and async team of 18 developers. Our work and collaboration relies on Slack (before that we'ved used IRC).
Here are some lessons we learnt.
Productivity in an age of collaboration sps leicester
"I have so many things to do, and there are so many tools to help me "collaborate" with my colleagues. The problem is that I end up collaborating and not getting anything done."
A familiar sentiment that affects all of us when we have E-mail, Skype for Business, Microsoft Teams, Mobile Phones and colleagues to communicate with. We all feel the need to be accessible all of the time which means we get distracted and become less productive.
In this session I will share some best practices that could help you become more productive whilst not appearing to ignore your colleagues. All of the best practices are based on a combination of psychology and technology and even some common sense!
Smart office outlook
This document outlines an agenda for a session on efficiently using Microsoft Outlook. The session will cover basic Outlook setup like organizing folders and views. It will then discuss how to take control of the inbox by creating rules to organize emails and convert emails to tasks. The document outlines the "4 D's" approach to managing emails - do it now, delegate it, delete it, or do it later. Finally, the session will cover using a folder structure and categories to align tasks with goals and objectives. The overall aim is to teach attendees how to efficiently manage their emails, tasks and calendars in Outlook.
Online Tools to Monitor Competition - Do not re-invent the wheel
1. Study your competition thoroughly by taking notes on what you like and don't like about their designs, pricing, support, customers, analytics, advertising campaigns, social media presence, funding history, usage statistics, and customer feedback.
2. Research the design process, technology, and history of your competitors' products.
3. Learn from your competitors but develop your own unique product.
Print Pre Production
This document provides an overview of pre-production planning for a photography book project. It includes sections on style sheets, cover and page layout designs, content sourcing, contingency planning for potential issues like lost work, and health and safety considerations like taking breaks to avoid eye strain or back pain from prolonged sitting.
iPad Shortcuts
Taking screenshots is a fast way to capture what's on the iPad screen without needing to use the camera. Deleting photos can also be done quicker by selecting multiple photos at once instead of one by one. The document seeks input on useful shortcuts for a handbook to help new students save time on the iPad.
Creating a productive work environment
In this day and age of smartphones and cloud storage, we’re more connected than ever. But with so much new technology, it can be hard to stay productive.
During this two-part class, we will:
Explore different applications to help us stay productive
Show how our various connected devices help us stay organized
Examine what cloud computing is and how we can go beyond document storage to get the most of it
Learn tips and tricks to stay on task
Between classes, attendees will each be asked to put into practice techniques discussed in class. One-on-one assistance with the instructor will be provided during this time.
Instructor: Rachel Eichen
Rachel Eichen is a certified presenter who has had over three years of teaching experience. She has taught computer classes to passengers on the Grand Princess cruise ship, which included such topics as Adobe Photoshop and Microsoft Office. She also taught classes while working within the software industry. She enjoys learning about new technology trends and loves sharing this information with others. Rachel holds a Master’s degree in Library & Information Science and a bachelor’s degree in Technical Writing.
Easy PowerPoint Business Template (by Roman Abashin)
This document contains an example presentation template with various formatting suggestions and content placeholders. It includes sections for an action title, bullet points, sources, fonts, comments, questions, bibliography, images, appendix, and charts. Placeholders provide examples of content that could be added, such as bullet point lists with coherent and incoherent points, a bibliography with no sources yet, and links to example images. Formatting tips suggest using blocks instead of bullet points and include font sizes.
אסף באר
The document discusses onboarding techniques for mobile apps to improve user retention. It suggests that only 22% of downloaded apps are used once, so onboarding is important. Three basic techniques are setup, tutorial, and walkthrough, with tutorial being best to directly show users how to use features. The document also advocates for progressive onboarding over multiple days to gradually engage users and test assumptions about what encourages continued use.
5 Ways to Increase your Productivity On-Site
With tight timelines and looming deadlines, anything you can do to make your company more productive on-site is going to be a win for everyone. Here are 5 ways to increase your productivity on-site.
Life of a Remote Developer - Productivity tips (MSBuild 2020)
[These are the slides from my session at Microsoft Build 2020]
Working remotely is not easy, even if you are a developer.
Let’s take a look at some techniques and tools to improve our productivity when working remotely (and that works as well if you’re working in office!)
Recognizing and preventing distractions in the workplace
This document identifies four principal areas of office distraction - people, things, sights, and environment. It then provides recommendations on how to deal with each type of distraction, such as using noise-canceling headphones to block out chatty coworkers, dedicating time each week to organizing digital files and emails to reduce clutter, and setting boundaries with coworkers to protect focus time. Environmental factors like lighting, temperature and indoor air quality are also addressed with suggestions to improve conditions for focus and productivity.
Working from Wherever
** Talk given at That Conference August 8, 2016 in Wisconsin Dells, WI. This is an updated version from the original one given in August 2014 at 360iDev. **
What happens when you love where you live but really want that perfect job that happens to be in another city or maybe even country? Move? That’s so 2002. Being a remote worker in the technology field is continuing to be a common occurrence when employers are looking for talent. Some companies like Basecamp, Buffer, Olark, Automattic (WordPress.com), and Mozilla are nearly 100% distributed and everyone works from wherever they want, whenever they want. There are challenges surrounding working for a company remotely that is a traditional business as well as working for a completely distributed organization. Not everyone can work remote and there are issues surrounding staying motivated, inspired, and feeling like you’re part of a real team. I’m going to share some of the challenges I’ve gone through as a remote worker and walk you through what I’ve had to do to cope and change as a person.
She ent blogging
This document provides instructions for starting a blog. It recommends that blogs are a good way to share experiences and learn from successes and mistakes. Readers are encouraged to sign up for a WordPress blog by providing their information and confirming via email. Basic instructions are given for writing blog posts through the WordPress dashboard or mobile app. Bloggers are challenged to post at least once per week and share in a Facebook group to expand their network.
Be a SPOC but dont be a SPOF
The document provides tips for IT professionals on how to avoid being a single point of failure (SPOF) and ways to ensure systems continue running smoothly even without their direct involvement. It recommends integrating systems rather than focusing on individual images, documenting processes, building shareable knowledge bases, and setting up systems for testing to prepare for times away from work. The overall message is to establish sustainable systems and processes rather than relying solely on one's own expertise so that their value extends beyond hands-on technical work.
4 entrances
This document provides instructions for animating an image in 4 different ways using PowerPoint. It demonstrates how to split an image in half and have the two halves animate in from opposite directions. It also shows how to create a 3-way scroll animation by dividing the image into thirds and animating each section. Another example demonstrates flying the image pieces together by dividing the image into quarters and animating each piece to fly in. The final example provides steps to create a 4-way fade in animation by dividing the image into quarters and fading each section in sequentially.
Modern Usability Tools & Techniques
The document discusses various usability tools that can be used for testing including Silverback, Morae, Optimal Workshop's OptimalSort, Treejack and Chalkmark tools, SurveyMonkey, Usabilla, Loop11, and 5SecondTest. It provides brief descriptions of what each tool is used for such as recording user faces and screens, conducting card sorting, testing navigation trees, click tests and heatmaps, embedding designs in surveys, and more. Recommendations are given to keep usability testing reports short, highlight key findings and stoppers, and include video highlights. Resources on the topic of usability are also listed.
Using video to increase site traffic, admissions numbers, and yield rate
Wistia's head of video production Chris Lavigne gave this talk at the 2016 Blackbaud K-12 User Conference in Boston, MA.
Presentacion licencia Creative Commonrs
This document provides instructions for editing and using a presentation template from Slidescarnival.com. It explains that the presentation can be opened in Google Slides or downloaded as a Microsoft PowerPoint file for editing. It also notes that any included fonts or graphic assets must be kept if used in modified versions under the Creative Commons license.
Designing for email
This is a quick reference guide to help you plan and design your next email campaign.
It covers getting your core message across, design tips, fonts to use and avoid, copy writing tips and it also helps you tick off the legal stuff.
Eis tue 0815 sponsor infogroup
The document discusses bringing social and mobile design considerations to email. It outlines three ways to incorporate social elements: linking to social pages, sharing specific content, and including "dispatches" that excerpt social media updates. For mobile, it recommends designing emails with a grid system, a single column, large readable text, and grouping sections to allow the layout to scale gracefully across devices. CSS3 media queries were also presented as a way to optimize styles for different screen sizes.
More Related Content
What's hot
10 Tips for Mobile Email
The document provides 10 tips for creating mobile-friendly emails, including optimizing links, subject lines, pre-header text, file sizes, button and font sizes, screen width, landing pages, objectives, responsive templates, and testing emails across devices and email clients.
Slack protips from Arkency
We are a remote and async team of 18 developers. Our work and collaboration relies on Slack (before that we'ved used IRC).
Here are some lessons we learnt.
Productivity in an age of collaboration sps leicester
"I have so many things to do, and there are so many tools to help me "collaborate" with my colleagues. The problem is that I end up collaborating and not getting anything done."
A familiar sentiment that affects all of us when we have E-mail, Skype for Business, Microsoft Teams, Mobile Phones and colleagues to communicate with. We all feel the need to be accessible all of the time which means we get distracted and become less productive.
In this session I will share some best practices that could help you become more productive whilst not appearing to ignore your colleagues. All of the best practices are based on a combination of psychology and technology and even some common sense!
Smart office outlook
This document outlines an agenda for a session on efficiently using Microsoft Outlook. The session will cover basic Outlook setup like organizing folders and views. It will then discuss how to take control of the inbox by creating rules to organize emails and convert emails to tasks. The document outlines the "4 D's" approach to managing emails - do it now, delegate it, delete it, or do it later. Finally, the session will cover using a folder structure and categories to align tasks with goals and objectives. The overall aim is to teach attendees how to efficiently manage their emails, tasks and calendars in Outlook.
Online Tools to Monitor Competition - Do not re-invent the wheel
1. Study your competition thoroughly by taking notes on what you like and don't like about their designs, pricing, support, customers, analytics, advertising campaigns, social media presence, funding history, usage statistics, and customer feedback.
2. Research the design process, technology, and history of your competitors' products.
3. Learn from your competitors but develop your own unique product.
Print Pre Production
This document provides an overview of pre-production planning for a photography book project. It includes sections on style sheets, cover and page layout designs, content sourcing, contingency planning for potential issues like lost work, and health and safety considerations like taking breaks to avoid eye strain or back pain from prolonged sitting.
iPad Shortcuts
Taking screenshots is a fast way to capture what's on the iPad screen without needing to use the camera. Deleting photos can also be done quicker by selecting multiple photos at once instead of one by one. The document seeks input on useful shortcuts for a handbook to help new students save time on the iPad.
Creating a productive work environment
In this day and age of smartphones and cloud storage, we’re more connected than ever. But with so much new technology, it can be hard to stay productive.
During this two-part class, we will:
Explore different applications to help us stay productive
Show how our various connected devices help us stay organized
Examine what cloud computing is and how we can go beyond document storage to get the most of it
Learn tips and tricks to stay on task
Between classes, attendees will each be asked to put into practice techniques discussed in class. One-on-one assistance with the instructor will be provided during this time.
Instructor: Rachel Eichen
Rachel Eichen is a certified presenter who has had over three years of teaching experience. She has taught computer classes to passengers on the Grand Princess cruise ship, which included such topics as Adobe Photoshop and Microsoft Office. She also taught classes while working within the software industry. She enjoys learning about new technology trends and loves sharing this information with others. Rachel holds a Master’s degree in Library & Information Science and a bachelor’s degree in Technical Writing.
Easy PowerPoint Business Template (by Roman Abashin)
This document contains an example presentation template with various formatting suggestions and content placeholders. It includes sections for an action title, bullet points, sources, fonts, comments, questions, bibliography, images, appendix, and charts. Placeholders provide examples of content that could be added, such as bullet point lists with coherent and incoherent points, a bibliography with no sources yet, and links to example images. Formatting tips suggest using blocks instead of bullet points and include font sizes.
אסף באר
The document discusses onboarding techniques for mobile apps to improve user retention. It suggests that only 22% of downloaded apps are used once, so onboarding is important. Three basic techniques are setup, tutorial, and walkthrough, with tutorial being best to directly show users how to use features. The document also advocates for progressive onboarding over multiple days to gradually engage users and test assumptions about what encourages continued use.
5 Ways to Increase your Productivity On-Site
With tight timelines and looming deadlines, anything you can do to make your company more productive on-site is going to be a win for everyone. Here are 5 ways to increase your productivity on-site.
Life of a Remote Developer - Productivity tips (MSBuild 2020)
[These are the slides from my session at Microsoft Build 2020]
Working remotely is not easy, even if you are a developer.
Let’s take a look at some techniques and tools to improve our productivity when working remotely (and that works as well if you’re working in office!)
Recognizing and preventing distractions in the workplace
This document identifies four principal areas of office distraction - people, things, sights, and environment. It then provides recommendations on how to deal with each type of distraction, such as using noise-canceling headphones to block out chatty coworkers, dedicating time each week to organizing digital files and emails to reduce clutter, and setting boundaries with coworkers to protect focus time. Environmental factors like lighting, temperature and indoor air quality are also addressed with suggestions to improve conditions for focus and productivity.
Working from Wherever
** Talk given at That Conference August 8, 2016 in Wisconsin Dells, WI. This is an updated version from the original one given in August 2014 at 360iDev. **
What happens when you love where you live but really want that perfect job that happens to be in another city or maybe even country? Move? That’s so 2002. Being a remote worker in the technology field is continuing to be a common occurrence when employers are looking for talent. Some companies like Basecamp, Buffer, Olark, Automattic (WordPress.com), and Mozilla are nearly 100% distributed and everyone works from wherever they want, whenever they want. There are challenges surrounding working for a company remotely that is a traditional business as well as working for a completely distributed organization. Not everyone can work remote and there are issues surrounding staying motivated, inspired, and feeling like you’re part of a real team. I’m going to share some of the challenges I’ve gone through as a remote worker and walk you through what I’ve had to do to cope and change as a person.
She ent blogging
This document provides instructions for starting a blog. It recommends that blogs are a good way to share experiences and learn from successes and mistakes. Readers are encouraged to sign up for a WordPress blog by providing their information and confirming via email. Basic instructions are given for writing blog posts through the WordPress dashboard or mobile app. Bloggers are challenged to post at least once per week and share in a Facebook group to expand their network.
Be a SPOC but dont be a SPOF
The document provides tips for IT professionals on how to avoid being a single point of failure (SPOF) and ways to ensure systems continue running smoothly even without their direct involvement. It recommends integrating systems rather than focusing on individual images, documenting processes, building shareable knowledge bases, and setting up systems for testing to prepare for times away from work. The overall message is to establish sustainable systems and processes rather than relying solely on one's own expertise so that their value extends beyond hands-on technical work.
4 entrances
This document provides instructions for animating an image in 4 different ways using PowerPoint. It demonstrates how to split an image in half and have the two halves animate in from opposite directions. It also shows how to create a 3-way scroll animation by dividing the image into thirds and animating each section. Another example demonstrates flying the image pieces together by dividing the image into quarters and animating each piece to fly in. The final example provides steps to create a 4-way fade in animation by dividing the image into quarters and fading each section in sequentially.
Modern Usability Tools & Techniques
The document discusses various usability tools that can be used for testing including Silverback, Morae, Optimal Workshop's OptimalSort, Treejack and Chalkmark tools, SurveyMonkey, Usabilla, Loop11, and 5SecondTest. It provides brief descriptions of what each tool is used for such as recording user faces and screens, conducting card sorting, testing navigation trees, click tests and heatmaps, embedding designs in surveys, and more. Recommendations are given to keep usability testing reports short, highlight key findings and stoppers, and include video highlights. Resources on the topic of usability are also listed.
Using video to increase site traffic, admissions numbers, and yield rate
Wistia's head of video production Chris Lavigne gave this talk at the 2016 Blackbaud K-12 User Conference in Boston, MA.
Presentacion licencia Creative Commonrs
This document provides instructions for editing and using a presentation template from Slidescarnival.com. It explains that the presentation can be opened in Google Slides or downloaded as a Microsoft PowerPoint file for editing. It also notes that any included fonts or graphic assets must be kept if used in modified versions under the Creative Commons license.
What's hot (20)
Productivity in an age of collaboration sps leicester
Productivity in an age of collaboration sps leicester
Online Tools to Monitor Competition - Do not re-invent the wheel
Online Tools to Monitor Competition - Do not re-invent the wheel
Easy PowerPoint Business Template (by Roman Abashin)
Easy PowerPoint Business Template (by Roman Abashin)
Life of a Remote Developer - Productivity tips (MSBuild 2020)
Life of a Remote Developer - Productivity tips (MSBuild 2020)
Recognizing and preventing distractions in the workplace
Recognizing and preventing distractions in the workplace
Using video to increase site traffic, admissions numbers, and yield rate
Using video to increase site traffic, admissions numbers, and yield rate
Similar to Responsive Email Presentation
Designing for email
This is a quick reference guide to help you plan and design your next email campaign.
It covers getting your core message across, design tips, fonts to use and avoid, copy writing tips and it also helps you tick off the legal stuff.
Eis tue 0815 sponsor infogroup
The document discusses bringing social and mobile design considerations to email. It outlines three ways to incorporate social elements: linking to social pages, sharing specific content, and including "dispatches" that excerpt social media updates. For mobile, it recommends designing emails with a grid system, a single column, large readable text, and grouping sections to allow the layout to scale gracefully across devices. CSS3 media queries were also presented as a way to optimize styles for different screen sizes.
Samples - web design, blog posts, and infographics
This document provides tips for designing effective emails and content for responsive websites. It discusses keeping email designs simple to ensure compatibility across different email clients. When designing for mobile, it's important to use small viewports, concise copy, and limit images. For responsive websites, it recommends using images that scale well at different sizes, ensuring good contrast for varying lighting, and tight, scannable copy to accommodate different screen widths. Content needs to be designed with a wide range of devices and contexts in mind.
E-Learning - R.D.Sivakumar
The document provides information about e-learning and online educational resources. It begins with the contact information of R.D. Sivakumar, an assistant professor, and then discusses topics like the history and goals of e-learning, different types of e-learning (synchronous and asynchronous), advantages of e-learning, e-learning software, creating e-content, and free online educational websites and resources like NPTEL, Khan Academy, and Coursera. The document aims to educate readers about e-learning and provide guidance on developing effective e-learning content and lessons.
Accessing and Utilizing MLM through URL - R.D.Sivakumar
This document provides information about R.D. Sivakumar, an Assistant Professor in the Department of Computer Science at Ayya Nadar Janaki Ammal College. It discusses accessing and utilizing multimedia learning material through URLs. It then covers topics related to e-learning such as the characteristics of net generation learners, online collaborators, history of learning, definitions of e-learning, types of e-learning (synchronous and asynchronous), advantages of e-learning, e-learning software, open source technology, and free e-learning websites.
Designing technical documentation for tablets
With more and more people using tablets for reading technical documentation, this webinar looks at how this trend will affect the way technical documents are designed and developed. We'll look at examples of documents that 'work' on a tablet, as well as documents that don't. We'll explore some of the emerging design trends for presenting technical documentation on tablets, and what they mean for Technical Writers. We'll also investigate how tablets, and the technologies contained within then, could be used to improve the User Assistance we provide to our readers.
Ellis is Director and Help Strategist at Cherryleaf, a technical writing services and training company based near London, in the United Kingdom. He has over fifteen years’ experience working in the field of documentation, has a BA in Business Studies, and is an Associate of the Institution of Engineering and Technology. Ranked the most influential blogger on technical communication in Europe, Ellis is also an author and editor of two books: ‘How to Write Instructions’ and ‘Trends in Technical Communication’.
Eis tue 0815 sponsor infogroup
This document discusses how to design emails for social sharing and mobile viewing. It recommends incorporating social media content into emails through "dispatches" that excerpt social media posts. It also recommends designing emails with scalable layouts that can adapt to mobile screens through techniques like grid systems, single columns, grouping content, and increasing font sizes. CSS media queries are also presented as a way to customize email styling for different devices. The document provides examples and best practices for creating emails that encourage social sharing and scale appropriately for mobile viewing.
Responsive Email Design for Dummies
“Chaos - thy name is non-responsive email.”
Shakespeare didn’t say that. I made that up.
Because our emails might look perfect on laptops but become a jumbled, chaotic mess on phones.
Non-responsive emails = Brand killers.
Our Responsive Email for Dummies carousel is here to rescue your emails from this chaos.
From phones to laptops, send pixel-perfect emails every time.
Part of our Email Design for Dummies series.
MIMA Summit: Design for Your Subscribers
This document summarizes a presentation on email design best practices. It discusses considering the entire subscriber experience from the from name and subject line to click-throughs. Proper use of preview panes, above the fold content, and mobile optimization are covered. Examples show how testing different designs can significantly impact key metrics like click-through rates and conversions. Landing page best practices are also provided. The importance of testing all elements of an email campaign is emphasized to ensure a positive subscriber experience.
Brunch & Learn: Email Design Best Practices for Desktop, Mobile, Tablet & Beyond
This document summarizes a webinar on email design best practices for mobile. It discusses optimizing emails for different devices like desktop, mobile, tablet, and beyond. The webinar speakers are Jason Rodriguez and Daniel Sears and it is moderated by Ethan Boldt. It provides tips for webinar attendees and discusses email design in the age of touch, focusing on mobile-friendliness and optimizing the subscriber experience across different touchpoints.
Mobile Email User Experience Strategies
This deck provides concise User Experience strategies for designing effective emails for mobile and different screen widths. With growing number of mobile devices and the shift to mobile e-commerce, its more than necessary to optimize emails for mobile devices.
Email Tips 2010
Learn email tips and trends for 2010. Presented for the national Association for Women in Communications, fall 2010
Effective Email Marketing
Effective Email Marketing presented by Cara Friedman of Likeable Media. Email marketing is still an effective way to reach customers while integrating with social media efforts. Email has a high ROI and is the most powerful advertising channel according to marketing executives. The presentation covered topics like likeable design with templates, fonts, colors and mobile optimization; likeable content including curating existing content, unique content, calls to action and easy reading; choosing email platforms; increasing email impact through timing and sharing; and analyzing email marketing analytics. Custom training is also available from Likeable.
Email Tips and Trends 2010
This document provides tips and best practices for email marketing in 2010, including the benefits of email, formatting recommendations, design guidelines, writing tips, and trends in the industry. Key recommendations are to identify the sender, write clear subject lines, make images optional, use plain text for basic emails, follow HTML best practices, test across multiple email clients, and focus on personalization, relevance, and calls to action. Resources for email service providers and standards are also included.
Responsive email design: 3 how-to steps
Seventy percent of readers immediately delete emails that render poorly or require a lot of pinching and scrolling. On the other hand, responsive emails, designed to automatically adjust to any screen size, receive a 21% higher click-to-open rate than conventional emails. Here's how to design them and pitfalls to avoid.
Email design guide
The document provides guidance on email design for digital marketers. It discusses how email design impacts results and brand awareness and that email design has its own rules due to differences in how email clients display content. It recommends using a clear and simple graphical format with text and limiting content, instead providing links to additional information on a website. It also provides examples of common effective email newsletter layout elements like preheaders, headlines, calls to action, and footers.
Thriving in the Chaotic World of Email Design
The document discusses strategies for email design including a 6 step design process, tips for creating mobile-scalable email layouts through techniques like using a grid system and single column layouts, and examples of scalable email design. It also discusses how email can be used to promote other marketing channels such as increasing mobile app downloads and acquiring Facebook likes.
Typography and Colors for GUI Designers
Typography and Colors are most important elements to be considered if you are looking for a successful design for you website or application.
Email Marketing for Independent Creatives
The document provides an overview of email marketing best practices for independent creatives. It discusses why email marketing is effective, what can be accomplished through email marketing like driving sales and building communities, and important considerations for email marketing like using best practices, designing emails appropriately for the medium, and partnering with an email service provider. The document aims to educate independent creatives on utilizing email marketing to promote their business.
HTML Emails in Rails 3
A talk on sane html email development in rails that I prepared for Melbourne Ruby Group... but never actually presented.
Similar to Responsive Email Presentation (20)
Samples - web design, blog posts, and infographics
Samples - web design, blog posts, and infographics
Accessing and Utilizing MLM through URL - R.D.Sivakumar
Accessing and Utilizing MLM through URL - R.D.Sivakumar
Brunch & Learn: Email Design Best Practices for Desktop, Mobile, Tablet & Beyond
Brunch & Learn: Email Design Best Practices for Desktop, Mobile, Tablet & Beyond
More from Hanson Inc
Hot Topics in Interactive Design
Responsive design. Gestures. Motion UX. Integrated help. Non-touch inputs. Erik Porter and Dave Rodriguez introduce the challenges and benefits of some of the hottest topics in interactive design today.
www.hansoninc.com/summit
The Importance of Being Agile
To do business at the pace of digital, you have to improve your speed, predictability, transparency and adaptability to change. In this concluding session of the Hanson Digital Summit 2013, Mike Osswald outlines the key takeaways of listening continuously, having conversations and executing with purpose.
www.hansoninc.com/summit
The Connected Consumer
What’s the difference between a computer and a tablet with an external keyboard? Is an in-store kiosk a mobile experience? When does a phone become a remote control? Mike Osswald leads Summit participants in an interactive session to demonstrate the vast variety in how consumers are using our devices today.
www.hansoninc.com/summit
Analytics and Social Listening
Google Analytics is rolling out some big changes, including Universal Analytics. Chris Kujawski explains how to prepare for the update, and what “big data” means for you. Mike Osswald concludes with an overview of social listening.
www.hansoninc.com/summit
Intro: Marketing in the Digital Age
Advertising has been around since the 1860s, but the digital explosion in the last few years means everything we know has to change, right? No. Also, yes. Mike Osswald, VP for Experience Innovation, kicks off the Digital Summit by refashioning 4 basic marketing principles for the digital age.
www.hansoninc.com/summit
Technical Strategies
How does cloud hosting work? What’s the difference between a mobile site and a mobile app? John Ewing, Managing Director of Engineering, and Josh Jacob, Director of Mobile and Emerging Technologies, lead a user-friendly conversation about advances in hardware and operating systems, and the advantages of owning your own data and business logic.
www.hansoninc.com/summit
Social Trends and Platforms
Brands have to be active in social, but many still don’t really understand digital culture. Steve Dwyer, Connection Strategist, begins a 3-part discussion about social trends by looking at the nature of digital culture and the rise of visual content.
www.hansoninc.com/summit
Retail + Digital
How are online and offline retail integrating as we head into 2014? How are retailers handling the “showrooming” effect? Mike Osswald discusses the evolution of channel connections into today’s omni-channel state, plus a heads-up about what to expect in the near future.
www.hansoninc.com/summit
Niche Networks and Social Commerce
Facebook, Twitter, YouTube, Pinterest. The opportunities for marketers don’t stop there; in fact, your target audiences might be better reached elsewhere. Steve Dwyer concludes the conversation on current trends in social with a closer look at niche networks and social commerce.
www.hansoninc.com/summit
Users by Generation
Devices are a regular part of everyone’s life, across the generations. But what is unique by generation are the particular concerns of life stages, which result in differences in consumer behaviors. Mike Osswald walks through what is important to, and how to reach, Gen Y & Millennials, Gen Xers, and Boomers & Seniors.
www.hansoninc.com/summit
Facebook
How is Facebook like a cereal box? And what does that mean for marketers? Steve Dwyer and Mike Osswald discuss how open graph, graph search, video ads and Facebook exchange are changing how we market via the social giant.
www.hansoninc.com/summit
Content Marketing
This document discusses content marketing strategies and tactics. It emphasizes finding the why of a brand through its mission, values and stories. It also recommends thinking like a publisher by creating helpful content rather than promotional hype. Additionally, it addresses how brands are becoming publishers by building audiences through self-service informational content on various platforms like email, sponsored content and social media.
User Testing and Research
User testing allows marketers to verify whether users are seeing, feeling and doing what we want them to. Leslie Mohn, Director of User Experience Architecture, and Chris Kujawski, Connection Strategist, join Mike Osswald for a conversation about the importance of, and key methods for, observing user behavior.
www.hansoninc.com/summit
4 Strategies for Developing a Unified Digital Experience
This document outlines four strategies for developing a unified digital experience. It recommends (1) really knowing your audience through personas and visit scenarios, (2) executing content strategically as a publisher, (3) supporting all platforms and connecting experiences across visits, and (4) executing only cross-channel campaigns. The key is measuring everything and testing continuously to refine efforts into a cohesive customer experience across channels.
More from Hanson Inc (14)
4 Strategies for Developing a Unified Digital Experience
4 Strategies for Developing a Unified Digital Experience
Recently uploaded
Graphic Design Tools and Software .pptx
Explore the essential graphic design tools and software that can elevate your creative projects. Discover industry favorites and innovative solutions for stunning design results.
Divertidamente SLIDE.pptxufururururuhrurid8dj
Hsuehebvdhdueuw8wiiwieih3udud8e8wisbdydvw7wbidj38ehehdheuwjhdiwjwieheheueurhryrurhrgryd7eueue
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
UW毕业证学历书【微信95270640】做UW文凭、办UW文凭、买UW文凭Q微信95270640买办国外文凭UW毕业证买学历咨询/代办美国毕业证成绩单文凭、办澳洲文凭毕业证、办加拿大大学毕业证文凭英国毕业证学历认证-毕业证文凭成绩单、假文凭假毕业证假学历书制作仿制、改成绩、教育部学历学位认证、毕业证、成绩单、文 凭、UW学历文凭、UW假学位证书、毕业证文凭、、文凭毕业证、毕业证认证、留服认证、使馆认证、使馆证明 、使馆留学回国人员证明、留学生认证、学历认证、文凭认证、学位认证
(诚招代理)办理国外高校毕业证成绩单文凭学位证,真实使馆公证（留学回国人员证明）真实留信网认证国外学历学位认证雅思代考国外学校代申请名校保录开请假条改GPA改成绩ID卡
1.高仿业务:【本科硕士】毕业证,成绩单（GPA修改）,学历认证（教育部认证）,大学Offer,,ID,留信认证,使馆认证,雅思,语言证书等高仿类证书；
2.认证服务: 学历认证（教育部认证）,大使馆认证（回国人员证明）,留信认证（可查有编号证书）,大学保录取,雅思保分成绩单。
3.技术服务：钢印水印烫金激光防伪凹凸版设计印刷激凸温感光标底纹镭射速度快。
办理西雅图华盛顿大学西雅图华盛顿大学毕业证假文凭流程：
1客户提供办理信息：姓名生日专业学位毕业时间等（如信息不确定可以咨询顾问：我们有专业老师帮你查询）；
2开始安排制作毕业证成绩单电子图；
3毕业证成绩单电子版做好以后发送给您确认；
4毕业证成绩单电子版您确认信息无误之后安排制作成品；
5成品做好拍照或者视频给您确认；
6快递给客户（国内顺丰国外DHLUPS等快读邮寄）
-办理真实使馆公证（即留学回国人员证明）
-办理各国各大学文凭（世界名校一对一专业服务,可全程监控跟踪进度）
-全套服务：毕业证成绩单真实使馆公证真实教育部认证。让您回国发展信心十足！
（详情请加一下 文凭顾问+微信:95270640）欢迎咨询！实伙伴平时山娃上学阿黑也摇头晃脑地跟去暑假用不着上学阿黑更是天天围着山娃转山娃上山除了察看埋下的野兽铁夹子看护早上逐上山的大黄牛外也觅着采草药摘红菇积攒起来拿到镇上卖山娃知道母亲身体不好家里盖新房也欠了不少钱总想趁假期赚点钱在校寄宿时用不着老向爷爷奶奶要盛夏的乡村仍旧清凉清清爽爽的山娃也过得自由自在不知为啥山娃总情不自禁地思念起城里的父亲每年暑假瞅见远乡近邻的小伙伴都争先恐后地往城里跑山娃就更思片
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
How to apply for building permit in the city of Caloocan?
What is a building permit?
Who applies for building permit?
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Passive House: The Economic and Environmental Solution for Sustainable Real Estate. Lecture by Tim Eian of TE Studio Passive House Design in November 2022 in Minneapolis.
- The Built Environment
- Let's imagine the perfect building
- The Passive House standard
- Why Passive House targets
- Clean Energy Plans?!
- How does Passive House compare and fit in?
- The business case for Passive House real estate
- Tools to quantify the value of Passive House
- What can I do?
- Resources
PDF SubmissionDigital Marketing Institute in Noida
https://www.safalta.com/online-digital-marketing/advance-digital-marketing-training-in-noidaTop Digital Marketing Institute in Noida: Boost Your Career Fast
[3:29 am, 30/05/2024] +91 83818 43552: Safalta Digital Marketing Institute in Noida also provides advanced classes for individuals seeking to develop their expertise and skills in this field. These classes, led by industry experts with vast experience, focus on specific aspects of digital marketing such as advanced SEO strategies, sophisticated content creation techniques, and data-driven analytics.
定制美国西雅图城市大学毕业证学历证书原版一模一样
原版一模一样【微信：741003700 】【美国西雅图城市大学毕业证学历证书】【微信：741003700 】学位证，留信认证（真实可查，永久存档）offer、雅思、外壳等材料/诚信可靠,可直接看成品样本，帮您解决无法毕业带来的各种难题！外壳，原版制作，诚信可靠，可直接看成品样本。行业标杆！精益求精，诚心合作，真诚制作！多年品质 ,按需精细制作，24小时接单,全套进口原装设备。十五年致力于帮助留学生解决难题，包您满意。
本公司拥有海外各大学样板无数，能完美还原海外各大学 Bachelor Diploma degree, Master Degree Diploma
1:1完美还原海外各大学毕业材料上的工艺：水印，阴影底纹，钢印LOGO烫金烫银，LOGO烫金烫银复合重叠。文字图案浮雕、激光镭射、紫外荧光、温感、复印防伪等防伪工艺。材料咨询办理、认证咨询办理请加学历顾问Q/微741003700
留信网认证的作用:
1:该专业认证可证明留学生真实身份
2:同时对留学生所学专业登记给予评定
3:国家专业人才认证中心颁发入库证书
4:这个认证书并且可以归档倒地方
5:凡事获得留信网入网的信息将会逐步更新到个人身份内，将在公安局网内查询个人身份证信息后，同步读取人才网入库信息
6:个人职称评审加20分
7:个人信誉贷款加10分
8:在国家人才网主办的国家网络招聘大会中纳入资料，供国家高端企业选择人才
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
Actions and Commands:
Tap, Swipe, and Pinch
Rotate and Shake -Buttons -Menu Bars – Menus
Toolbars - Links- Action Panels
Hover Tools - Keyboard Actions- Drag-and-Drop
Typed Commands-Affordance-Direct Manipulation.
Forms and Controls:
Basics of Form Design
Patterns.
ARENA - Young adults in the workplace (Knight Moves).pdf
Presentations of Bavo Raeymaekers (Project lead youth unemployment at the City of Antwerp), Suzan Martens (Service designer at Knight Moves) and Adriaan De Keersmaeker (Community manager at Talk to C)
during the 'Arena • Young adults in the workplace' conference hosted by Knight Moves.
Technoblade The Legacy of a Minecraft Legend.
Technoblade, born Alex on June 1, 1999, was a legendary Minecraft YouTuber known for his sharp wit and exceptional PvP skills. Starting his channel in 2013, he gained nearly 11 million subscribers. His private battle with metastatic sarcoma ended in June 2022, but his enduring legacy continues to inspire millions.
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
Visual Style and Aesthetics: Basics of Visual Design
Visual Design for Enterprise Applications
Range of Visual Styles.
Mobile Interfaces:
Challenges and Opportunities of Mobile Design
Approach to Mobile Design
Patterns
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
Architectural and constructions management experience since 2003 including 18 years located in UAE.
Coordinate and oversee all technical activities relating to architectural and construction projects,
including directing the design team, reviewing drafts and computer models, and approving design
changes.
Organize and typically develop, and review building plans, ensuring that a project meets all safety and
environmental standards.
Prepare feasibility studies, construction contracts, and tender documents with specifications and
tender analyses.
Consulting with clients, work on formulating equipment and labor cost estimates, ensuring a project
meets environmental, safety, structural, zoning, and aesthetic standards.
Monitoring the progress of a project to assess whether or not it is in compliance with building plans
and project deadlines.
Attention to detail, exceptional time management, and strong problem-solving and communication
skills are required for this role.
Revolutionizing the Digital Landscape: Web Development Companies in India
Discover unparalleled creativity and technical prowess with India's leading web development companies. From custom solutions to e-commerce platforms, harness the expertise of skilled developers at competitive prices. Transform your digital presence, enhance the user experience, and propel your business to new heights with innovative solutions tailored to your needs, all from the heart of India's tech industry.
Practical eLearning Makeovers for Everyone
Welcome to Practical eLearning Makeovers for Everyone. In this presentation, we’ll take a look at a bunch of easy-to-use visual design tips and tricks. And we’ll do this by using them to spruce up some eLearning screens that are in dire need of a new look.
一比一原版(BU毕业证)波士顿大学毕业证如何办理
BU毕业证学位证【微信95270640】办理BU毕业证【Q微信95270640】波士顿大学毕业证书原版↑制作波士顿大学学历认证文凭办理波士顿大学留信网认证,留学回国办理毕业证成绩单文凭学历认证【Q微信95270640】专业为海外学子办理毕业证成绩单、文凭制作，学历仿制，回国人员证明、做文凭，研究生、本科、硕士学历认证、留信认证、结业证、学位证书样本、美国教育部认证百分百真实存档可查】
【实体公司】办波士顿大学波士顿大学本科毕业证成绩单学历认证学位证文凭认证办留信网认证办留服认证办教育部认证（网上可查实体公司专业可靠）
— — — 留学归国服务中心 — — -
【主营项目】
一.波士顿大学毕业证成绩单使馆认证教育部认证成绩单等！
二.真实使馆公证(即留学回国人员证明,不成功不收费)
三.真实教育部学历学位认证（教育部存档！教育部留服网站永久可查）
四.办理各国各大学文凭(一对一专业服务,可全程监控跟踪进度)
国外毕业证学位证成绩单办理流程：
1客户提供波士顿大学波士顿大学本科毕业证成绩单办理信息：姓名生日专业学位毕业时间等（如信息不确定可以咨询顾问：我们有专业老师帮你查询）；
2开始安排制作毕业证成绩单电子图；
3毕业证成绩单电子版做好以后发送给您确认；
4毕业证成绩单电子版您确认信息无误之后安排制作成品；
5成品做好拍照或者视频给您确认；
6快递给客户（国内顺丰国外DHLUPS等快读邮寄）。
专业服务请勿犹豫联系我！本公司是留学创业和海归创业者们的桥梁。一次办理终生受用一步到位高效服务。详情请在线咨询办理,欢迎有诚意办理的客户咨询!洽谈。
招聘代理：本公司诚聘英国加拿大澳洲新西兰美国法国德国新加坡各地代理人员如果你有业余时间有兴趣就请联系我们咨询顾问：+微信:95270640知道母亲身体不好家里盖新房也欠了不少钱总想趁假期赚点钱在校寄宿时用不着老向爷爷奶奶要盛夏的乡村仍旧清凉清清爽爽的山娃也过得自由自在不知为啥山娃总情不自禁地思念起城里的父亲每年暑假瞅见远乡近邻的小伙伴都争先恐后地往城里跑山娃就更思念父亲了老想着进父亲的城看看每次从城里洋里洋气地回来小伙伴们总争论着各自到过的城比试比试谁父亲的城最大最美他们大谈城里的新鲜事大谈父亲携他们逛城的快乐事在孩子们幼小的心中地
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
原版一模一样【微信：741003700 】【美国中央华盛顿大学毕业证双学位证书】【微信：741003700 】学位证，留信认证（真实可查，永久存档）offer、雅思、外壳等材料/诚信可靠,可直接看成品样本，帮您解决无法毕业带来的各种难题！外壳，原版制作，诚信可靠，可直接看成品样本。行业标杆！精益求精，诚心合作，真诚制作！多年品质 ,按需精细制作，24小时接单,全套进口原装设备。十五年致力于帮助留学生解决难题，包您满意。
本公司拥有海外各大学样板无数，能完美还原海外各大学 Bachelor Diploma degree, Master Degree Diploma
1:1完美还原海外各大学毕业材料上的工艺：水印，阴影底纹，钢印LOGO烫金烫银，LOGO烫金烫银复合重叠。文字图案浮雕、激光镭射、紫外荧光、温感、复印防伪等防伪工艺。材料咨询办理、认证咨询办理请加学历顾问Q/微741003700
留信网认证的作用:
1:该专业认证可证明留学生真实身份
2:同时对留学生所学专业登记给予评定
3:国家专业人才认证中心颁发入库证书
4:这个认证书并且可以归档倒地方
5:凡事获得留信网入网的信息将会逐步更新到个人身份内，将在公安局网内查询个人身份证信息后，同步读取人才网入库信息
6:个人职称评审加20分
7:个人信誉贷款加10分
8:在国家人才网主办的国家网络招聘大会中纳入资料，供国家高端企业选择人才
Top Interior Designers in Bangalore.pdf1
Decormart Studio is widely recognized as one of the best interior designers in Bangalore, known for their exceptional design expertise and ability to create stunning, functional spaces. With a strong focus on client preferences and timely project delivery, Decormart Studio has built a solid reputation for their innovative and personalized approach to interior design.
Heuristics Evaluation - How to Guide.pdf
This guide helps identify potential issues related to navigation, clarity, consistency, and other factors that can affect user experience.
Recently uploaded (20)
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
Revolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in India
Responsive Email Presentation
- 1. RESPONSIVE EMAIL EMAILS THAT RESPOND. Created by Mike Louviere / @malouviere
- 2. PHILOSOPHY Responsive Design is now standard. Going into 2014 it's time to apply what we've learned and adapt it to email.
- 3. WHY RESPONSIVE EMAIL Email Statistics Webmail: 19.0 % Desktop: 29.0 % Mobile: 52.0 % According to PEW Research Center at least 52% of consumers use their mobile devices for reading and accessing some type of email
- 4. WHY RESPONSIVE EMAIL Email Opens Source: emailmonday.com 60 Percentage 50 40 30 20 10 Jan' 13 Feb' 13 Mar' 13 Apr' 13 May' 13 Jun' 13 Jul' 13 Aug' 13 Sep' 13 Oct' 13 In 2013 mobile email opens increased by 21% and will account for up to 70% of email opens depending on target audience, product and email types. Nov' 13
- 5. WHY RESPONSIVE EMAIL Time Spent on Mobile Devices Reading Email: 7.6 % Responding to Sue's Meeting Invites: 92.4 % Highcharts.com On average 9 minutes of our day is spent reading email on our device, or 7.6% of the total 119 minutes we spend on our phone per day.
- 6. BUT SERIOUSLY, EMAIL IS IMPORTANT So let's take a look at the good and the bad...
- 9. CAN YOU DIGG IT?
- 10. SOMETHING, SOMETHING, PLAY ON WORDS
- 11. HANSON ENEWSLETTER Before & After
- 12. FRAMEWORKS Zurb Ink - http://zurb.com/ink/ Table based layouts? What is this 1999? 580px wrapper, main container for the grid column tables
- 13. INK WORKFLOW 12 Column Grid Sub Grids Utility Classes Nesting tables with grids, sub-grids and utility classes create layouts.
- 14. SOMETHING TO LOOK FORWARD TO It just works! Similar to standard html emails, you will never experience issues with responsive design in email!
- 15. NEVER SAY NEVER.
- 16. CHALLENGES AND HURDLES Microsoft word hasn't ruined your life enough Gmail isn't off the hook (or Hotmail, or Yahoo or..) The rest picks and chooses
- 17. BEST PRACTICES Set widths on cells, not on tables. Add a table wrapper with a class for styling i.e. "body" Remove white-space between table cells Understand absolute and relative positioning. Avoid short-hand css Bring CSS inline
- 18. FINAL TIPS & TRICKS Create images at the largest size needed – this might not be the size at the widest breakpoint Be selective in loading assets – think of the data plans! Re-think navigation for mobile
- 19. QUESTIONS? View the Wiki BY MIKE LOUVIERE / HANSON INC