Jennifer will get you settled in and provide an overview of what we'll be covering over the next two days.
Day One / September 29, 2014
We're working on increasingly complex websites. There's a tempting to match this growth with increasingly complex solutions. But there's a real value in keeping things simple ... or at least starting things simple. If you can build a solid robust foundation, there's a good chance that your work will be future-friendly.
Now that responsive design has rendered web-based design mockups more commonplace, there are plenty of tools formerly within the front-end developer's domain that can serve designers just as well. In this session, Stephen introduces you to a handful of these powerful tools and demonstrates how they can apply to browser-based design—and hopefully add a few extra to your toolbox.
Nearly four full years after Ethan's now infamous article was published, the idea of responsive email is still misunderstood at best and abhorred at worst. Having drank the "fluid + flexible kool-aid," inspired email designers have successfully applied responsive concepts within the constraints of a famously standards-adverse email universe. Set aside your cans of spam and learn how to whip your tables into submission.
Session information forthcoming.
In April 2013, Capital One launched a site-wide responsive web strategy, becoming the first Top 10 bank to do so, and joining the small list of Fortune 200 companies to embrace responsive design. Learn how this effort was brought to life through firsthand accounts by the three UI Design team leaders who developed strategy, oversaw implementation, and socialized the project through the political minefield of a large-scale enterprise.
Gone are the days of being stuck with nothing but hard-cut transitions on the web! The future of web design includes sophisticated animations in its interactions, and it’s up to us as designers to make them both meaningful and awesome.
In this session we’ll cover where animation can add important detail and inform UX; how to get animation ideas out of your head; and techniques for prototyping animations as part of our design process. Just like typography, colour and others, animation is an element of design that can speak volumes in our work. Considering it early in the design process means we’ll be designing the best kind of animations. The kind that can take our work beyond good, to great!
Matt Griffin and the Bearded team have been collecting interviews with some of the finest people working on the web today to discuss our changing internet landscape, how we got here, and what we're doing about it now.
The resulting documentary, What Comes Next Is the Future, collects the thoughts and experiences of web luminaries such as Ethan Marcotte, John Resig, Jeffrey Zeldman, Luke Wroblewski, Stephen Hay, Sara Wachter-Boettcher, Josh Clark, Jenn Lukas, Greg Hoy, Jennifer Robbins, Val and Jason Head, Jason Grigsby, Stephanie Hay, Kevin Hoffman, and Ben Callahan – with many more to come.
At Artifact, we'll be previewing a portion of the in-progress film, and Matt Griffin will answer audience questions.
Day Two / September 30, 2014
The web was first conceived 25 years ago, by an Englishman. Fifteen years later, as the first crop of dot.coms were going bust, close to 60% of its users (and all Alexa "top 20" sites) came from developed nations. Fast forward to today, and the picture is strikingly different.
Almost half the Alexa "top 20" now comes from emerging economies. Economies where close to 3 billion people have yet to use the web, but thanks to mobile — won't have to wait much longer to discover it.
This presentation will introduce you to fascinating and innovative services that are re-shaping the web to serve the consumers of tomorrow. Driven by mobile, the power of personal relationships, and the breakneck pace of globalisation, these services provide a glimpse into the business models, opportunities and challenges we will face, when growing a truly global web.
Many of the challenges that come from building a responsive site are based not in the technical implementation, but in the content. All your copy is now readable on a small screen, but is it useful there? Is it still serving the site and business goals? Who's actually going to write those blog posts?
We’ll talk about some approaches that content strategists use to figure out how (and if!) content should be displayed on your site, whether you’re dealing with a heavy archive of articles or a nimble webapp. We’ll explore common techniques and questions you can integrate into your workflow that will help you and your client think through the long-term content needs and goals of a new site.
The future is resolution-independence: designs that are crisp, scalable, and fast loading on every device. To get there, we need to leave our pixel-pushing days behind us and embrace the vector. In this talk, we'll cover how to decide which artwork is best as vector and when to stick with bitmaps, pros and cons of icon fonts and SVG (Scalable Vector Graphics), how to create and export your SVGs in Illustrator, techniques for adding SVGs to your markup and styles, and working with fallbacks for devices that don't get SVG.
Responsive web design is one of the most significant advances in web design. But what about your type? Changing floats and widths isn't enough. We'll look at screen size, relative proportion, device norms and compatibility in order to best present our design and convey its meaning and intent across devices and screen sizes. We'll see how typographic scale changes across screen sizes, talk about measurement units and which ones work best, and look at how @font-face works and what tricks are being used by font services to serve your fonts faster. Explore the future of fonts on the web, and learn about tips & tools to ease your process and get more beautiful results.
The front end web designer and developer tool chain has become more and more sophisticated over recent years. It's not easy to keep up especially if you have a fear of the command line. We'll take a look at just some of the things in the modern web toolbox covering things like the command line, Git, Grunt, and more.
Josh Clark, Brad Frost, and Jonathan Stark share a case-study presentation of their work designing responsive websites for TechCrunch and Entertainment Weekly. This is straight talk, with a focus not only on what worked, but what didn't—and how they bounced back from gnarly pitfalls. Get an exclusive behind-the-scenes look at their entire process from kickoff to early comps to finished product and working code.
Spoiler: there’s lots more to responsive web design than technique and markup. It requires a dramatic shift in design perspective, strategy, process, and the way you communicate within the design team as well as with clients and stakeholders. This crew will do a show and tell about how they set expectations, crafted a new process, and used a new set of tools to deliver great responsive websites on time and on budget.
Sure, sure, multi-screen design is a must-have as we try to cram our content into many different screens. But get ready for the next wave of design: no screen at all. As everything becomes connected, a new kind of interaction design is emerging to help us transfer not only data but behavior, control and intent between the physical objects and smart devices in our lives. With a rich trove of examples, this talk explores the passive cues and active gestures that turn us into wizards slinging bits and bytes between gadgets. Grab content from thin air and throw it into your tablet. Flick content from one device to another. Create a pied-piper cloud of data that follows you through mere proximity. This new class of physical offscreen interaction is enabled by technology that's already in our pockets, handbags, and living rooms. That means it's not a challenge of technology but of imagination. Time to start thinking in an entirely new way about what you do and where the web is headed.