How to Optimize Your Email Workflow - TEDC13 London
•Download as PPT, PDF•
0 likes•537 views
Our panel of experts will share their top tips for maximizing productivity, setting client expectations, executing creative briefs, building flexible and robust template systems, and making sure your production process stays on-track.
Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Similar to How to Optimize Your Email Workflow - TEDC13 London
Similar to How to Optimize Your Email Workflow - TEDC13 London (20)
More from Brian Graves
More from Brian Graves (9)
Recently uploaded
Recently uploaded (20)
How to Optimize Your Email Workflow - TEDC13 London
- 2. 1 Create an Adaptable Design System @briangraves
- 3. Anticipate Use Cases ‣ Type of Email ‣ Content Types ‣ Common Elements ‣ Content Priority @briangraves
- 4. @briangraves
- 5. Design Patterns ‣ Content Blocks ‣ Several Variations ‣ Patterns Not Pages ‣ Modular HTML ‣ Fit It Together Photo by MailChimp @briangraves
- 6. @briangraves
- 7. @briangraves
- 8. Create a Style Guide ‣ Brand Fonts ‣ Brand Colors ‣ Diction ‣ Image Specs ‣ Include Your Design Patterns @briangraves
- 9. @briangraves
- 10. @briangraves
- 12. Photo by Dan Mall @briangraves
- 13. “Locking developers and/or designers into a 100% execution role is a missed opportunity; ideally, every role contributes to strategy.” - Trent Walton @briangraves
- 15. 3 There Is No ‘Best Way’ (Only What Works For Your Team) (Only What Works For Your Team) @briangraves
- 16. @briangraves
- 17. @briangraves
- 19. @briangraves
- 20. @briangraves
- 22. “Once the techniques & tooling are built up, the cognitive load of dealing with bullshit is lifted & more focus can be spent on creating great content.” - Jason Rodriguez @briangraves
- 23. @briangraves
- 24. @briangraves
- 25. @briangraves
- 26. @briangraves
Editor's Notes
- Cover some of the more technical and design based processes people can do to optimize their workflow. I'm also going to dive into a few more high level things you can do related to team structure and iteration.
- •Think modular and reusable. Not in single email use cases. •Ask yourself: What type of emails am I going to be designing and sending? Transactional? Promotional? Informational? •Defining the type of emails and their purpose up front will allow you to anticipate common use cases ◦Use cases become Content Types ▪Featured Story ▪Featured Product ▪Sub Stories ▪Upsells/Product Listing ▪Flexible Image
- •Work out Content Priority ◦Do certain elements always need to be above others due to higher priority? ◦For instance, the header will obviously always be at the top, can the same be said for a feature vs a sub feature? ◦Creating a priority guide allows you to make your emails plug and play ◦Knowing the priority of modular content and modular pieces allows you to build emails like lego blocks
- •Once you know your common features design patterns around the individual blocks that will need to be built •Remember to think in patterns and not pages •You want to keep these as modular and as plug and play as possible •So you're designing and building a reusable feature and not something for just a single use case. ◦It can be beneficial to design and build several variations of each use case. ◦Doing so provides flexibility and keeps your emails from becoming identical on every send •Keep your HTML modular as well. ◦Build your patterns out in their own tables that aren't tied to other pieces ◦If pulling it out breaks something else in the email, it's not truly modular •Put it all together ◦Even when keeping your mindset on designing reusable modules it can still be beneficial to design out a few full emails just to make sure everything is working nicely ◦Dan Mall explained this nicely: "Architects make both blueprints and 3D renderings. However, they also know that there’s nothing like visiting the actual construction site." •Being able to refer to a handful of repeatable patterns for color, type, interaction, and actions, results in many emails being all but automatically designed when it comes time to do a send
- Design pattern resources
- Design pattern resources
- •Create A Style Guide ◦Styles guides are important in keeping everything on brand and on message ◦Traditionally these include things like brand fonts, colors, diction, and image specs ◦Building out a style guide that includes your design patterns can also be hugely beneficial when thinking responsively ◦Starbucks has an amazing example of this. Instead of being static, their style guide is built out in actual html and css ◦Allows designers and developers to quickly and easily go out and see how each pattern is going to react across a range of screen sizes and devices
- •We've also done this in a static version for clients where we've labeled each of the patterns to easily pull from ◦less work up front, but possibly less efficient long term
- •You may have a team of strategists, designers, and developers •their jobs to be done will always overlap •responsive design only increases this overlap. working within silos or taking the 'throw-it-over-the-wall' waterfall approach simply doesn't work anymore •this approach creates barriers to vital communication and overall team unification
- •Everyone can be a design-thinker and everyone can be involved in strategy. These aren't solo efforts.
- •Trent Walton Reorganization quote •Designers and Devs have valuable insights that need to be a part of the process from the beginning •Things like device compatibility and technical debt have to be a core part of strategic planning
- •He actually calls for reorganizing teams around collaboration instead of by skillset ◦planners, designers, coders together instead of all designers or all coders together
- •All teams are different •sometimes a team may just be you. sometimes you may have a team of 10 people with varying skills. •the tools and processes that work best for another team may not be the best for yours. Draw from other's experiences and lessons and then customize those processes to be the best fit for your team.
- •Some designers and developers are now pushing "Design in the Browser". Very few are actually doing this in practice. If designing in Photoshop works best within your team structure don't throw it out just because someone else is preaching against it's use.
- •Research and experiment with tools. There are tons of them that will increase your productivity and workflow. Find that ones that fit in best with your team structure.
- ◦as chris - periodical ◦does give you the advantage to continously improve what you're sending ◦unlike a website. it's much easier to make changes. ◦A design should never be seen as final and unchangeable
- •Sometimes a wholesale redesign is needed. But you shouldn't let your designs stagnate and only do that redesign once every couple of years. •Don't reinvent the wheel each time you send a new email or design a new template. But iterate and improve your core design patterns.
- •use the metrics and data available to you - remembering that sometimes a better experience is more important than a single data point •Continous iteration will improve your designs, your customer experience, and engagement rates. Don't let your designs stagnate.
- •openly share knowledge rather than tuck it away for some secret strategic advantage. An industry that shares information and defines best practices makes a better industry for themselves and everyone around them.
- •Jason Rodriguez on the cusp of crastmanship •Seek every available opportunity to write, teach, and speak about what you do. •Help build the community. •Contributing to this has never been easier.
- •Blog on medium. No longer have to even set up wordpress. Just sign up and write.
- •Release case studies. What worked for you? What didn't? If responsive design was a major failure, that's an important data point to have.
- •Build and Release tools. Fork peoples projects. Zurb has done a lot in this area. So have Campaign monitor and others. You're not giving away strategic advantage. You're helping yourself as well as others. There were initially questions when i released design patterns if this was giving away and advantage. But the feedback and improvement i've been able to make because they're publicly available has been amazing. This has only helped. not hurt.
- •Have an amazing idea or experience you want to share. Speak at a conference. This conference is the first of it's kind and it's been amazing. •Everyone openly sharing knowledge is the one true way we'll optimize our design workflows. We're all in this together. Get Involved. Give back. Share your own work and experiences.