Back to the Future with An Event Apart in 2020
They say hindsight is 20/20, but at An Event Apart, we’ll be bringing you foresight in 2020—just as we have every year since 2005—hand in glove with the immediate takeaways AEA is famous for. And we’ll be doing it all with 17 industry-leading speakers over three brilliant days of design, code and content.
Want to know the latest on all the trends affecting your work? Get a handle on teamwork, design thinking, user experience, and the latest technologies? As we do every year, we’ll bring all that to six cities next year.
As for what’s changed: for the first time in almost a decade, we’ll be back in Minneapolis! And, after years of looking for the right venue in Washington, DC, we’ve found it… and in the Spring, when DC is at the height of its beauty. Gain foresight, insight, and inspiration at An Event Apart in these cities:
- Washington, DC, April 13–15
- Seattle, May 11–13
- Boston, June 29–July 1
- Minneapolis, August 17–19
- Orlando, October 5–7
- San Francisco, December 14–16
We hope you’ll join us for three focused days of user experience, digital design, peer interaction, a host of immediately actionable insights, and sneak peeks at the future of our industry. All six events are now open for registration, so get ready to grab a seat and be part of our biggest year yet!
“Variable Fonts and the Future of Web Typography” by Jason Pamental—An Event Apart video
Variable fonts include EVERY width, weight, slant, and other permutation of a typeface, all in a single file not much bigger than a regular font file. In this hour-long presentation captured live at An Event Apart Orlando 2018, Jason Pamental delves into the ins and outs of variable fonts, showing you not just how far the new capabilities can take us, but how to make use of them right away.
Jason Pamental is a long-time practitioner of web design and development, having first gotten involved with the industry in 1994. Over the years he’s led projects ranging from Ivy League and high tech to the NFL and America’s Cup, from both creative and technical roles. He’s an avid cyclist, hiker, dog owner, and Instagrammer.
Enjoy all the videos in An Event Apart’s library! There are over 50 hours of them—all absolutely free! For more insightful presentations by the industry’s best and brightest, come to An Event Apart—three days of design, code, and content for web, UX, and interaction designers. And for your free monthly guide to all things web, design, and developer-y, subscribe to The AEA Digest.
Articles, Links, and Tools From An Event Apart DC 2019
Jeffrey Zeldman, “Slow Design for an Anxious World”
- A Simpler Page
- Whitespace
- “Beyond Engagement: the Content Performance Quotient”
- Readability
- Mercury Web Parser
- Web Design Manifesto 2012
- Poynter Style Guide
- To Save Real News
- We Were Sofa
- Chanel
- Art Direction for the Web (book and courses by Andy Clarke)
- Art Direction and the Web by Stephen Hay (A List Apart, 2004)
- Art Direction vs. Design (zeldman.com, 2003)
- The Economist, front cover, April, 2003
Margot Bloomstein, “Designing for Trust in an Uncertain World”
- The Case for Content Strategy, Motown Style
- Content Strategy at Work
- How to Turn Off the Gaslighters
- Factcheck.org: Donald Trump and the Iraq War
- President Flip Flops
- Blur: How to Know What’s True in the Age of Information Overload
- Edelman Trust Barometer
- The Politics of Climate (Pew)
- Confidence in Institutions (AP-NORC)
- xkcd
- The Unhealthy Other: How Non-Vaccinating Parents Construct the Vaccinating Mainstream
- Plain Language
- ClinicalTrials.gov
- Buzzfeed: What We Learned from a Week of Prototyping in Public
- FBI Crime Data Explorer
Sarah Parmenter, “Designing for Personalities”
- Ancestry
- Facebook Ad Preferences
- Every Website
- This Person Does not Exist
- Kill Your Personas
- Cookie Cleaner
- Natural Cycles
- Google Photos
- Bloom & Wild
- Metro UK
- Design for Real Life
- GoSquared
Tools I use that are relevant to this work:
Eric Meyer, “Generation Style”
Rachel Andrew, “Making Things Better: Redefining the Technical Possibilities of CSS”
The code examples can be found in this CodePen Collection.
Flexbox
Sizing
- CSS Intrinsic and Extrinsic Sizing Spec
- How Big Is That Flexible Box
- CSS is Awesome discussion on CSS Tricks
- Graduating to Grid An Event Apart Video
- How Big Is That Box: Understanding Sizing in Grid Layout
Logical Properties and Values
- Logical Properties and Values Spec
- Understanding Logical Properties and Values
- CSS Logical Properties and Values on MDN
Scroll Snap
Subgrid (Grid Level 2)
- CSS Grid Spec Level 2
- CSS Grid Level 2 Examples
- Grid Level 2: Here Comes Subgrid
- Digging Into The Display Property: Grids All The Way Down
- Subgrid – CSS: Cascading Style Sheets | MDN
- Hello subgrid!
- A design pattern solved by subgrid
Paged Media
Multicol
Fragmentation
Regions
Exclusions
Jen Simmons, “Designing Intrinsic Layouts”
Val Head, “Making Motion Inclusive”
- Your interactive makes me sick (and what to do about it)
- Responsive design for motion
- The prefer-reduced-motion query at a glance
- Safer web animation for motion sensitivity
- An introduction to the reduced motion query
- Move Ya! Or maybe, don’t, if the user prefers-reduced-motion!
- Reduced motion picture technique take two
- Exclusive Design
Sara Soueidan, “SVG Filters: The Crash Course”
The following series of articles is basically the talk written down in more depth:
- SVG Filters 101 — an introduction to SVG Filters, how to create them and use them.
-
SVG Filter Effects: Outline Text with feMorphology — deep dive into the
feMorphology
filter primitive and how to use it to create text outlines. -
SVG Filter Effects: Poster Image Effect with feComponentTransfer — in which you learn how to use the
feComponentTransfer
to create poster image effects. -
SVG Filter Effects: Duotone Images with feComponentTransfer — in which you learn how to use
feComponentTransfer
to create Photoshop-grade duotone image effects. - SVG Filter Effects: Conforming Text to Surface Texture — what the title says. 😉
- SVG Filter Effects: Creating Texture with feTurbulence — did you know SVG can generate and create texture?!
More resources that I used to learn SVG Filters and find inspiration from:
- Lucas Bebber’s Codepen experiments
- Michael Mullany’s writing, Codepen experiments, and his contributions to the Web Platform Docs on SVG Filters.
- David Dailey’s introduction to SVG Filters
- Dirk Weber’s text Effects created with SVG Filters
- Yoksel’s SVG Filter Experiments on Codepen
- Yoksel’s visual SVG Filters tool
- The SVG Filters Specification
Kevin M. Hoffman, “What is Design Ops, and Why Do I Care?”
Articles, Videos, Podcasts, and Websites
- What We Call Things and Why It Matters – WHYY (Podcast)
- The environment: what’s in a word? – nature
- Operations management – Wikipedia
- Industrial Revolution – Wikipedia
- What is CICD — Concepts in Continuous Integration and Deployment – Medium
- The Allure of a Shiny (misunderstood) Silver Bullet – Medium
- An Introduction to Design Operations – Digital Ocean
- Agile is Reducing the Value of Your Design Team – Amplify Design – Medium
- DesignOps at Airbnb – Airbnb Design – Medium
- The New Design Frontier: A Design Maturity Model – DesignBetter by InVision
- Manifesto for Agile Software Development
- Communicating and Establishing DesignOps as a New Function – Brennan Hartich (Video)
- Exploring Key Elements of Spotify’s Agile Scaling Model
- Spotify Engineering Culture part 1 (Video)
Books
- The Environment: The History of an Idea
- Org. Design for Design Orgs.
- DesignOps Handbook – DesignBetter by InVision
- The Phoenix Project
How would we live without
Laura Martini, “Data Basics”
- How to choose the right UX metrics for your product
- How to Choose the Right UX Metrics for Your Project (interactive)
- I’m Sorry, But Those Are Vanity Metrics
- Case Study: Firebase Machine Learning Predictions
- Sample Size Calculator for A/B testing
- Pirate metrics
- Analytics and user experience
- Three Uses for Analytics in User-Experience Practice
Dave Rupert, “What Has Changed and Where’s it Going?”
- A Book Apart
- Atomic Design by Brad Frost
- Design Systems by Alla Kholmatova
- HTTP Archive State of the Web
- The need for mobile speed: How mobile latency impacts publisher revenue (Doubleclick)
- Khoros
- Austin Chamber of Commerce
- Papa Johns
- CSS Stats
- Lighthouse
- source-map-explorer
- Notion
- Angular
- React
- Vue
- JAM Stack
- GraphQL
- Serverless
- Internet Trends Report by Mary Meeker
- Web Components
- Squoosh App
- LiquidFun by Lorenzo Cadamuro
- Perception Toolkit
- CSS Houdini: Rough boxes
- CSS Houdini: Random irregular grid
- CSS Houdini: Masonry
Aarron Walter, “Leveling Up Your Design Communication”
Cyd Harrell, “Making Research Count”
Aaron Gustafson, “Progressive Web Apps: Where Do I Begin?”
- Carnival Cruise Line | Web | Google Developers
- Chromium Blog: The State of the Web at Google I/O 2018
- A Tinder Progressive Web App Performance Case Study
- The next billion users: trivago embrace progressive web apps as the future of mobile
- The New Bar for Web Experiences (Chrome Dev Summit 2017)
- PWA Stats
- Microsoft – Official Home Page
- Developing Dependency Awareness
- CodePen – Demo: Progressive Enhancement and CSS Grid Layout
- Contrast Ratio: Easily calculate color contrast ratios. Passing WCAG was never this easy!
- Does your browser support
let
? - Removing jQuery from GitHub.com frontend – The GitHub Blog
Gerry McGovern, “The Customer-Obsessed Professional”
- Buurtzorg website
- Buurtzorg: the Dutch model of neighbourhood care that is going global
- It’s too slow! It’s taking 600 milliseconds to load: Larry Page – Gmail
- Ask HN: Anyone else find the new Gmail interface sluggish?
- The New Normal: Viacom young people study
- Physics paper sets record with more than 5,000 authors
- Atypical Combinations and Scientific Impact
- Top user tasks European Union
- Fast Path to a Great UX — Increased Exposure Hours
- Empathy: the web professional’s greatest skill
- How Slack Became a Unicorn Company in 2 Years
- Collaborating and Connecting: Gerry McGovern
- The Huge, Unseen Operation Behind the Accuracy of Google Maps
- Continuous user research in 11.6 seconds, Tomer Sharon, Amazon
- Inclusive content, ethical tech, and you: Sara Wachter-Boettcher, Confab 2018
- Make me think! The design of complexity. Ralph Ammer
- Gerry McGovern website
- Top Tasks: Customer Carewords website
“Use Your Words” by Kristina Halvorson – An Event Apart video
UI is language. Interaction is conversation. Content is the fuel that powers our designs. So what happens when the writer’s not in the room, or is missing from your project team altogether?
Good news: you don’t need to settle for lorem ipsum or half-baked prose. In this dynamic presentation captured live at An Event Apart Orlando 2018, Kristina Halvorson shares language principles and content design tools anyone can put to work—yes, even the “non-writers” among us. Using examples from popular products and well-loved websites, she uncovers the secrets to stellar content that anyone can create, no matter your role or area of expertise.
Kristina runs Brain Traffic, a content strategy consultancy. She’s the author of Content Strategy for the Web and the founder of Confab: The Content Strategy Conference.
Enjoy all the videos in An Event Apart’s library! There are over 40 hours of them—all absolutely free! For more insightful presentations by the industry’s best and brightest, come to An Event Apart—three days of design, code, and content for web, UX, and interaction designers. And for your free monthly guide to all things web, design, and developer-y, subscribe to The AEA Digest.
Finding Insights in Seas of Data: A Few Words with Laura Martini
Tell us a little about yourself and what you’ve been doing recently.
I’m a UX designer at Google, working on the Google Analytics product that helps people understand how users are interacting with their website or mobile app. Recently, I’ve been learning more about how UX can use data insights to improve the products we build, and also to make a business case for the projects we’re working on. I’ve been working closely with my Product Manager partner, and learning how to create product vision that can get our leadership invested in our ideas and make them into a reality in a large, complex organization.
What are some tools you find indispensable to your work? These can be any sort of tool, or really even things that aren’t tools but are still super helpful.
As simple as it is, I couldn’t be productive without a Post-it (or two or three…) with a running to-do list. I’ve recently taken on more people management, so a lot of my work involves talking with people and looking at data to understand what’s going on, creating design briefs to articulate the problems we should be working on, and building slide decks to or creating storyboards to help people understand the team’s vision.
Finally, what’s current with/next for you and how does it relate to your talk?
I’ve recently been exploring how Artificial Intelligence and Machine Learning can help people find important insights in their complex data, and can even predict future trends. It’s an interesting design challenge, as you’re often dealing with information that’s statistical, so you can’t give people a definite yes-or-no answer. And anytime you involve a machine in the system, it makes things more complicated.
Computers are funny, in that they are so powerful, and yet struggle at tasks that seem basic to humans, like identifying whether a photo is of a dog or a blueberry muffin. The sweet spot is when you can design a system that allows machines to do what they’re good at – like doing the same thing thousands or millions of times, and monitoring data 24/7 – and combine that with the human ability to know what data is important, and what action they should take. I touch on some of these types of features, like data insights and predictions, in my Data Basics talk.
See Laura present “Data Basics” at An Event Apart DC (July 29-31). Don’t miss this chance to hear Laura and sixteen other top-notch speakers share their insights!
Talking About Design: A Few Words with Aarron Walter
Tell us a little about yourself and what you’ve been doing recently.
I am the VP of Design Education at InVision. My team’s mission is to help design teams become more effective so design as a discipline has more influence in business. To that end, we study design teams to find the practices that make them successful then we publish what we learn on DesignBetter.com in the form of books, reports, podcasts, and article.
After years of leading design teams, I find it fascinating to see how teams in various businesses work. Turns out, every team has something it’s struggling to figure out. No one has it all figured out!
What are some tools you find indispensable to your work?
The tools I use daily are pretty pedestrian: Slack, Google Docs (I love a spreadsheet!), Zoom, Keynote, etc. I love Bear for keeping my notes sorted. I recently got a Electro Voice RE-20 Cardioid mic for my work on the Design Better Podcast, and I love it!
Wait, a podcast? Tell us more!
My co-host Eli Woolery and I explore a theme each season in our interviews with inspiring leaders and designers like David Kelley, IDEO and Stanford d.school founder; Julie Zhuo, Vice President of Product Design at Facebook; and Diana Mounter of Github, among others.
I’m a curious guy and our podcast has been a valuable way for me—and hopefully our listeners too!—to learn how to be a better designer and leader. The people we speak with are at the top of their game, and we love hearing how they got there as there are valuable lessons in their personal stories.
What’s current with you, and does it relate to your talk?
Right now I’m very passionate about helping designers make a transition, to become more sophisticated about their work and how it connects to broader business goals. Design teams keep growing, which requires some adaptation and development of new skills: talking about our work beyond craft, communicating how design creates business value, building partnerships.
In my talk in DC, I’ll be sharing practical guidance for designers on how to talk about design and bring more people into the process. It’s the stuff I wish I’d learned earlier in my career as it would have made me much better at my job. I’m bundling up those lessons from the school of hard knocks and bringing them to the AEA audience!
See Aarron present “Leveling Up Your Design Communication” at An Event Apart DC (July 29-31). Don’t miss this chance to hear Aarron and sixteen other top-notch speakers share their insights!
Designing for Trust: A Few Words with Margot Bloomstein
Tell us a little about yourself and what you’ve been doing recently.
I’ve been working in content strategy about 20 years. My roots are in communication design, so the engagement and community at An Event Apart really feels like a way to bring it all together. Though our technical toolsets may differ, so many of us confront similar challenges in helping our organizations, supporting our users, and elevating valuable services.
Over the past two decades, I’ve had the opportunity to partner with clients on some slippery challenges—like how they can better convince skeptical audiences to buy into services or information to better help themselves. That problem is a fair summary of work I’ve done with tourist bureaus, financial institutions, and municipal transit offices—and that’s just in the past few years. I work with many of my clients to clarify messaging as well, typically to build trust and empower their customers or constituents. BrandSort, the process and tool I developed, is a centerpiece of my workshops.
In the past few years, trust has been an increasing focus of my work and research. We talk a lot about trust, empathy, empowerment, and vulnerability, but do we do enough in our work to operationalize those things? Or are they just buzzwords and confetti from the marketing department? I believe to regain trust, organizations must empower their users. As designers, content strategists, creative directors, and others who make the web, we can empower our users through our choices in content and design—and that’s the story I’ve been researching and writing over the past year.
That’s not a topic we hear a lot about. What do designers commonly misunderstand about the role of trust in design?
When users lose trust in brands, services, government, or media, they stop engaging. Skepticism feeds skepticism, and suddenly everyone’s a liar. No amount of reskinning or PR spin can fix cynicism, but we can take steps to rebuild confidence. Design can empower users—and with empowerment comes openness, and gets us back on the path to trust.
We think of trust in vague terms. It’s like empathy: everyone likes it, no one opposes it, but few practitioners know how to do it from an operational perspective. How do you consistently integrate empathy into your work? Jonathon Colman, senior content design manager at Intercom, notes, “Empathetic content design requires deeper cultural support.” In other words, we can’t just firehose empathy over the front end by punctuating support pages with “did you find the information you’re looking for?”
Start earlier. Designers can advocate for making sure empathy drives our priorities, budgets, and staffing. Marchaé Grair, director of public relations and outreach at the Unitarian Universalist Association, speaks about designers’ responsibility to both users and clients by empathizing with marginalized people. That might mean offering easy, accessible tools for flagging hate speech—or easy, accessible tools for controlling your own experience to bypass disturbing topics through content warnings. It also means understanding your audience by accurately reflecting your audience—without pandering—in inclusive imagery and phrasing. “If you don’t have marginalized people creating content and making decisions about content, you can’t create authentic content for marginalized people,” she said in a talk at Confab 2019. That means good design requires a shift in culture, money, and hiring practices.
Those challenges and opportunities inform the conversation about building trust through design as well. Trust sounds great in theory—everyone likes it, no one opposes it, but how do you operationalize it? To go beyond the buzzword bingo, like empathy it requires deeper cultural support. In many organizations, that means cultural change. Do you trust your clients, teammates, and users, or do hallway conversations encourage disdain? Do you hear people at every level of your organization scoff “they don’t get it!” after meetings, or do they lead with respect? Listen to the internal language, then be a force for change. We can’t design to convey trust in our audiences if we don’t respect them, their ability to self-educate, and their wisdom to make good choices for themselves. Start there. Then you can explore tools that allow users to control the pace of product education, engage in a community of other consumers, or hide supplemental guidance that repeats what they already know. You can design to rebuild the trust of your users—but trust always starts with respect.
What are some tools you find indispensable to your work?
My toddler recently asked me why I had stopped to sketch a view out our window. Kids ask such arresting, affirming questions! I wanted to understand it better, I explained. I wanted to figure out the details in the distance. For me, sketching, writing about a topic, and exploring with my camera all serve the same purpose: I slow down to look, listen, and learn. And hopefully, figure out my own perspective on the world around me.
The other key ingredient for my work? A museum membership. We hone our unique perspectives, insight, and vision by examining how other people bring a critical eye to the world. I love seeing how a curator or exhibit designer explores a topic and assembles artwork or objects to illuminate a theme—their perspective always influences my own, even on the completely different subjects that I encounter with my clients. And if you can swing it, a museum membership means you never have to feel like you have to see as much as possible in a single visit. You’re free to pop in, fill your eyes with the perspective of a single gallery, and then get back to work.
See Margot present “Designing for Trust in an Uncertain World” at An Event Apart DC (July 29-31) and San Francisco (December 9-11). Don’t miss your chance to hear Margot and sixteen other top-notch speakers share their insights!
“Till Launch Do Us Part,” by Dan Mall – An Event Apart video
Front-end developers take designers’ pretty pictures and turn them into real-live websites and applications; they convert ideas and sketches into real things that people can use. Yet they rarely get the respect they deserve. It’s time for that to change.
In this 60-minute presentation captured live at An Event Apart Orlando 2018, Dan Mall shares a new design process that’s more inclusive, more collaborative, more productive, and even more fun. You’ll learn to sketch together to be more efficient and effective as a team; to decide in the browser more often; and even to write JSON for your developer. Discover new ways of shipping products at higher quality in record time.
Dan Mall is the Founder and Design Director at SuperFriendly, where he and his team defeat apathy and the forces of evil with heroic creative direction, design, and strategy. An award-winning art director and designer, he has worked for clients including ESPN, Kraft, Apple, Google, Microsoft, GE, Crayola, Lucasfilm, The Mozilla Foundation, Thomson Reuters, and The Sherwin-Williams Company. Dan writes about design and other issues on Twitter as @danmall and on his industry-recognized site, danielmall.com.
Enjoy all the videos in An Event Apart’s library! There are over 40 hours of them—all absolutely free! For more insightful presentations by the industry’s best and brightest, come to An Event Apart—three days of design, code, and content for web, UX, and interaction designers. And for your free monthly guide to all things web, design, and developer-y, subscribe to The AEA Digest.
“Durable Design” by Jon Tan—An Event Apart video
Where should web design go next?
In a passionate 60-minute presentation captured live at An Event Apart Orlando 2018, designer Jon Tan makes a radical argument for recidivism in our design thinking: a return to durable, aesthetic, and inclusive web design.
Through evidence and examples, you’ll learn to design for serendipity, for speed, and for economy of time, resources, and attention. Durable design is responsive design for the next decade, and it starts now.
Jon Tan is a designer and typographer who co-founded the web fonts service, Fontdeck. He is a partner in Fictive Kin, where he worked with friends making things like Brooklyn Beta and Mapalong. Jon’s addiction to web typography led him to start co-writing a book on the subject, and share snippets of type news via @t8y. He also writes for publications like 8 Faces and Typographica, speaks at international events, and works with such organizations as the BBC. Jon is based in Mild Bunch HQ, the co-working studio he started in Bristol, UK. He can often be found wrestling with his two sons, losing, then celebrating the fact as @jontangerine on Twitter.
Enjoy all the videos in An Event Apart’s library! There are over 40 hours of them—all absolutely free! For more insightful presentations by the industry’s best and brightest, come to An Event Apart—three days of design, code, and content for web, UX, and interaction designers. And for your free monthly guide to all things web, design, and developer-y, subscribe to The AEA Digest.
“Durable Design” by Jon Tan—An Event Apart video
Where should web design go next?
In a passionate 60-minute presentation captured live at An Event Apart Orlando 2018, designer Jon Tan makes a radical argument for recidivism in our design thinking: a return to durable, aesthetic, and inclusive web design.
Through evidence and examples, you’ll learn to design for serendipity, for speed, and for economy of time, resources, and attention. Durable design is responsive design for the next decade, and it starts now.
Jon Tan is a designer and typographer who co-founded the web fonts service, Fontdeck. He is a partner in Fictive Kin, where he worked with friends making things like Brooklyn Beta and Mapalong. Jon’s addiction to web typography led him to start co-writing a book on the subject, and share snippets of type news via @t8y. He also writes for publications like 8 Faces and Typographica, speaks at international events, and works with such organizations as the BBC. Jon is based in Mild Bunch HQ, the co-working studio he started in Bristol, UK. He can often be found wrestling with his two sons, losing, then celebrating the fact as @jontangerine on Twitter.
Enjoy all the videos in An Event Apart’s library! There are over 40 hours of them—all absolutely free! For more insightful presentations by the industry’s best and brightest, come to An Event Apart—three days of design, code, and content for web, UX, and interaction designers. And for your free monthly guide to all things web, design, and developer-y, subscribe to The AEA Digest.