Design Decisions Through the Lens of Performance by Yesenia Perez-Cruz—An Event Apart video
We design sites for a myriad of devices with varying connection speeds. More and more, we’re discovering the importance of fast page speed. Even 100 millisecond delays in load times negatively impact user experience and conversions. The problem is, making a site fast and lightweight is often at odds with other design goals—like creating visually immersive experiences or meeting all of an organization’s rich-media ad requirements. While a stripped down site with no images, set entirely in Arial, is certainly going to be light, it’s not going to accomplish all of our client’s business goals.
In this exciting presentation captured live at An Event Apart Austin, designer Yesenia Perez-Cruz shows how we can make smarter design decisions, from the very beginning of a web project, to ensure that our sites perform well. Topics Yesenia covers include optimizing typography and UI, responsive images, and how to get clients on board.
Yesenia is a Senior Product Designer at Vox Media, and has been an Acquisitions Scout for A List Apart. Previously, she created beautiful, functional design systems for clients like MTV, Zappos, and Iron Chef Jose Garces at studios including Intuitive Company and Happy Cog.
Enjoy all the videos in An Event Apart’s library. There are over 30 hours of them—all absolutely free. And for your free monthly guide to all things web, design, and developer-y, subscribe to The AEA Digest. Subscribers get exclusive access to our latest videos weeks before anyone else!
Design for Real Life
No one who attended An Event Apart in 2015 can forget the story. AEA co-founder Eric Meyer and his family were vacationing at a beach resort in New Jersey when their youngest daughter, Rebecca, fell frighteningly ill. There was no room for her parents in the helicopter that immediately airlifted Rebecca to the Children’s Hospital of Philadelphia, so Eric and his wife Kat followed her as passengers in a good Samaritan’s car.
None of the people in the car knew where the hospital was located or what they were supposed to do when they got there. And while panic and grief had not yet set in, the shock of the fast-moving events prevented everyone from thinking clearly.
As the vehicle sped toward Pennsylvania, it finally occurred to the passengers that the hospital must have a website, and that every smartphone in the car was also a powerful computer connected to the internet.
Eric quickly located the hospital’s website—and although the site was in English, although it was professionally designed, although it had been vetted by information architects and user experience professionals who were used to thinking in terms of identifying and meeting user needs, although it had likely been “user tested” against a standard set of user profiles, despite all the care and hours that had obviously gone into the site, it was meaningless and unusable to Eric and his family, given the emotional and mental state in which they found themselves.
UX pioneer Steve Krug famously advised designers not to make the user think; but what about folks who can’t think, because they’re experiencing a crisis the site’s designers never imagined or accounted for? This question, and others arising from it, nagged at Eric after the initial crisis with Rebecca was behind him. So began a search to identify and develop best practices for an audience that isn’t being served by our designs, and needs our help most.
Meanwhile, AEA speaker (and A List Apart editor-in-chief emeritus) Sara Wachter-Boettcher was working through similar issues in her content strategy practice (where she helps clients like The Associated Press, Home Depot, and Harvard learn from users, define messaging, prioritize efforts, and adapt for mobile)—and in her own life, when she found herself dealing with forms that asked deeply personal questions without giving any hint as to why, or what would happen to that information once it was given.
Sara and Eric teamed up to look further into these types of design failures, and how they could be anticipated and avoided.
The result, after more than a year of research (not to mention all those unforgettable presentations at AEA) is Design for Real Life (A Book Apart, 2016), the first design book to address the needs of the forgotten user in crisis—and users in other states not generally accounted for in most of our practices. From the book page:
Join Sara Wachter-Boettcher and Eric Meyer as they turn examples from more than a dozen sites and services into a set of principles you can apply right now. Whether you’re a designer, developer, content strategist, or anyone who creates user experiences, you’ll gain the practical knowledge to test where your designs might fail (before you ship!), vet new features or interactions against more realistic scenarios, and build a business case for making decisions through a lens of kindness. You can’t know every user, but you can develop inclusive practices that support a wider range of people. This book will show you how.
We’re delighted to bring you Eric and Sara’s insights via our sister publishing company, A Book Apart, and excited to see how your work will change as you identify stress cases, challenge your assumptions, design with compassion, and create experiences that support more of your users, more of the time.
You can order Design for Real Life from abookapart.com. If you missed Eric’s presentation last year, you can watch the video on our website (along with 30 hours of similarly compelling material from the likes of Kristina Halvorson, Jeremy Keith, Val Head, Derek Featherstone, and other industry thought leaders). And for more of Eric’s thinking on the subject of real-life design, don’t miss seeing him at An Event Apart Nashville, Seattle, and Boston—or any of the other cities where AEA will take place this year.
Modern Layouts: Getting Out of Our Ruts by Jen Simmons – An Event Apart Video
In the early years of the web, there was a lot of variation and experimentation with where to put content on a web page. Then, it seems, we all settled into a handful of patterns and stayed there for over a decade. It wasn’t until the arrival of responsive design that new ideas for page layout started appearing. Now with new CSS properties for layout landing in browsers, we may be about to see a bigger renaissance in layout design patterns.
How can we better use the space inside the glass rectangle? What layout innovations could help users better find and focus on what they want? In this 60-minute video caught live at An Event Apart Austin, Jen Simmons takes us on a journey through where we’ve been, where we might be going, and how we can better design for the true medium at hand. This video features plenty practical examples of what’s newly possible, plus access to a code repo for you to play with later.
Dubbed “the Terry Gross of the tech industry,” Jen is the host and executive producer of The Web Ahead. Her in-depth interviews explain emerging technology and predict the future of the web—and won the 2015 Net Award for Podcast of the Year.
Jen is a Designer and Developer Advocate at Mozilla, where she advocates for web standards and researches the coming revolution in graphic design on the web. She’s spoken at events including An Event Apart, SXSW, Fluent, Generate, Future of Web Design, and Respond.
Jen launched her first client website in 1998 and spent years making sites for small mom and pop shops, large organizations, and creative individuals. Her better-known clients include CERN, the W3C, Google, Drupal, Temple University, and the Annenberg Foundation.
Enjoy all the videos in An Event Apart’s library. And for your free monthly guide to all things web, design, and developer-y, subscribe to The AEA Digest. Subscribers get exclusive access to our latest videos weeks before anyone else!