Three days of design, code, and content with:
Avoid the check-in line Monday morning by checking in Sunday afternoon outside the Grand Ballroom. We’ll be fully staffed to get you checked in for the event, and to answer any questions you might have. Be the first to get all the goodies and breeze straight into the ballroom the next morning!
It’s been thirteen years since the first edition of Designing With Web Standards turned our industry on its ear, changing the way we design and develop websites. In a web ruled by Flash, table layouts, and sites coded to work in only one browser or another, DWWS showed how to make web content and experiences available to all people, browsers, devices, and search engines. It was heady stuff back in 2003. But how well do the tactics and strategies the book and subsequent editions recommended hold up in our multi-device, framework- and app-driven web of 2016? Is it time to discard progressive enhancement, semantic markup, and accessibility? Or can these techniques still help us master today’s complex design and development challenges? Survey the state of the art, and learn how to ensure that your site will work everywhere—today and tomorrow.
Designers today have to juggle many tasks: making sites that are beautiful, engaging, and delivered quickly across often unreliable networks. It’s not surprising that the current web landscape is full of heavy websites serving dozens of web fonts, images, and complex interactions—or super-minimal sites that lack personality. In this presentation, we’ll find the balance between these extremes. Yesenia will discuss how to make smarter decisions about typography and other UI elements, and how to design deliberately. She’ll also talk about how to sell designs to clients and stakeholders, and to shift from judging design solely on aesthetic merits, and instead focus on creating the best user experience.
Responsive Web Design has forced us to accept that we don't know the size of our canvas, and we've learned to embrace the squishiness of the web. Input, it turns out, is every bit as challenging as screen size. We have tablets with keyboards, laptops that become tablets, laptops with touch screens, phones with physical keyboards, and even phones that become desktop computers. In this session, Jason will guide you through the input landscape, showing you new forms of input like sensors and voice control, as well as new lessons about old input standbys. You'll learn the design principles necessary to build web sites that respond and adapt to whatever input people use.
We’re tasked with creating experiences that look and function beautifully across a dizzying array of devices and environments. That’s a tall order in and of itself, but once you factor in other team members, clients, stakeholders, and organizational quirks, things start looking downright intimidating. With so many variables to consider, we need solid ground to stand on. Style guides are quickly proving to be foundational tools for tackling this increasingly-diverse web landscape while still maintaining your sanity. Style guides promote consistency, establish a shared vocabulary, make testing easier, and lay a future-friendly foundation. This session will detail best practices and considerations for creating and maintaining style guides, so you can set up your organization for success.
Our work focuses on creating great experiences, and we rightly obsess over usability. But how often do we obsess over understandability? If someone gets through a workflow but doesn’t truly know what they’ve done or why—or, worse yet, never even starts a workflow because they couldn’t grasp the benefits of doing so—then we’ve failed as designers. In this presentation, Stephanie will draw from her work with Capital One, Ben & Jerry’s, and FastCustomer.com to show how approaches like content-first design and contextual learning increase customer understanding—and result in fewer iterations, faster learning, and happier customers. She’ll also offer hard-won strategies for demonstrating the value of putting understanding first, and share where you can find hidden gems to practice these techniques in your day-to-day work.
We finally have the tools necessary to create amazing page designs on the web. Now we can art direct our layouts, leveraging the power and tradition of graphic design. In this eye-opening talk, Jen will explore concrete examples of an incredible range of new possibilities. She’ll walk through a step-by-step design process for figuring out how to create a layout as unique as your content. You’ll learn how Flexbox, Grid, Shapes, Multicolumn, Viewport Units, and more can be combined together to revolutionize how you approach the page —any page.
Join us at A Happy Hour Apart, to be held right outside the main ballroom. We’ll provide tasty snacks and tastier beverages to recharge your body after a full day of recharging your mind!
Interface animations are most effective when they work in concert as part of the bigger picture. Designing and choreographing your web animation efforts from the top down leads to more effective animations that integrate into your design system. And, defining a motion language for your brand can help your team to develop a shared vision from which to work. In this session, Val will cover guidelines for designing animation that fits your brand, making animation part of your design process, and documenting your animation decisions in your style guide for future use. All the things you need to make web animation work for you and your team.
Look. You’re busy people. You’ve been hearing a lot about the importance of building highly performant websites over the past few years, and there isn’t much there to argue with—not in a vacuum, at least. The trouble is, you and I have plenty of important things to worry about already: flexibility, maintainability, and accessibility, just to name a few. We only have so much time and our clients only have so much budget. Performance can end up an afterthought: an “if we have time at the end of the project” ticket languishing in an issue tracker somewhere, forever. Well, if you’re performance-minded but strapped for time, I have some good news. It doesn’t have to be a standalone phase, and it doesn’t have to be something we sell to our clients and bosses; it doesn’t have to be a big deal at all, really. We can sneak some minor—and some major—performance improvements into the ways we’re working right now. We can build a faster experience for our users without slowing ourselves down.
Since the early days of the web, designers have been trying to lay out web pages using grid systems. Likewise, almost every CSS framework attempts to implement some kind of grid system, using floats and often leaning on preprocessors. The CSS Grid Layout module brings us a native CSS Grid system for the first time—a grid system that does not rely on document source order, and can create complex layouts which are easily redefined with media queries. Following along with practical examples, you’ll learn how Grid works, and how it can be used to implement modern layouts and responsive designs.
Robin Hauser Reynolds, Director/Producer; Staci Hartman, Producer. From Finish Line Features.
Tech jobs are growing three times faster than our colleges are producing computer science graduates. By 2020, there will be one million unfilled software engineering jobs in the USA. Through compelling interviews and artistic animation, CODE: Debugging the Gender Gap examines the varied reasons why more girls and people of color are not seeking opportunities in computer science and explores how mindsets, stereotypes, clogs in the educational pipeline, startup culture, a lack of role models, and sexism all play roles. Expert voices from the worlds of tech, psychology, science, and education—including coders at Yelp, Facebook, Google, Twitter, Pinterest, Strava, Pandora, GitHub, and Pivotal—are intercut with inspiring stories of women who are engaged in the fight to challenge complacency in the tech industry and have their voices heard. CODE aims to inspire change in mindsets, in the educational system, in startup culture, and in the way women see themselves in the field of coding. More an initial survey than a final declaration, CODE hopes to inspire the audience to begin the changes that will one day narrow the gap.
How can we be sure we’re creating the best design experiences possible? It turns out that creating great experiences for a particular subset of our users—people with disabilities—results in better designs for everyone. Focusing relentlessly on accessibility helps us think of extreme scenarios and ask questions like “how can we make this work eyes free?” and “how can we make this work with the least amount of typing?” Explore multiple methods of extremifying your designs—stressing them in ways they haven’t been stressed before—to illuminate opportunities for innovation, efficiency, and excellence that lead to great designs for everyone.
Designers are skilled at creating an ideal experience for idealized users. But what happens when our idealized experience collides with messy, human reality? Designs can frustrate, alienate, or even offend; form options can exclude; on-boarding processes can turn away; interactions can reject or even endanger. The more we build websites and digital products that touch every aspect of our lives, the more critical it becomes for us to start designing for imperfect, distressed, and vulnerable situations—designing interfaces that don’t attempt to make everything seamless, but instead embrace and accommodate the rough edges of the human experience. In this talk, Eric will explore a wide variety of failure modes, from the small to the life-changing, and show how reorienting your perspective and making simple additions to your process can help anticipate and avoid these failures, leading to more humane, and ultimately more compassionate, outcomes.
We suddenly live in a strange and wonderful nexus of digital and physical. Touchscreens let us hold information in our hands, and we touch, stretch, crumple, drag, and flick data itself. Our sensor-packed phones even reach beyond the screen to interact directly with the world around us. While these digital interfaces are becoming physical, the physical world is becoming digital, too. Objects, places, and even our bodies are lighting up with with sensors and connectivity. We’re not just clicking links anymore; we’re creating physical interfaces to digital systems. This requires new perspective and technique for web and product designers. The good news: it’s all within your reach. With a rich trove of examples, Designing for Touch author Josh Clark explores the practical, meaningful design opportunities for the web’s newly physical interfaces.
This full-day session, which includes a full breakfast and lunch, follows An Event Apart and runs 9:00am-4:00pm on Wednesday, August 31. Register for all three days and save more than $200 off the cost of registering separately for the conference and A Day Apart.
Style guides, design systems, and pattern libraries provide solid ground for us to stand on as we tackle the increasingly diverse and fast-moving web landscape. This full-day session will tackle all that goes into making and maintaining successful interface design systems, including:
By the end of the day, you’ll be armed with all the insights and resources you need to create, sell, and maintain effective interface design systems.
The Westin Chicago River North has arranged special room rates for An Event Apart attendees: just $259/night plus free internet for the duration of your stay. Call (312) 744-1900 and request the “An Event Apart special rate.” Limited rooms are available at this rate, so don’t delay.
The Westin Chicago River North offers refined accommodations and magnificent views of the Chicago River that will leave you feeling rested and recharged. The hotel is nestled in the heart of the business and theatre districts, trendy restaurants, and art galleries. Guests enjoy scenic views and an ideal location just steps from Michigan Avenue and Millennium Park. This AAA Four Diamond Award winning hotel is a completely smoke-free environment and offers delicious restaurants and a gym. Best of all, it’s the site of the conference. You can walk out of your room and into the show!