Mobile first and responsive web design aren’t simply two great tastes that go great together.
No they represent much more than that. Mobile first responsive web design is the responsible way to build responsive design. It is the best way to build something that is both responsive from a layout AND a performance perspective.
But if mobile first is the right way to do responsive design, then why are so few people doing it? In this session, we’ll dig into why mobile first responsive design matters and the five techniques necessary to make it work.
by Rod Farmer
Broadcast TV is dead. Long live TV! Despite declining numbers in broadcast TV viewership, consumption of TV Shows and online video is growing faster than ever before. With every Network and their dog madly rushing to provide a second screen experience via native applications, few compelling cross-platform TV experiences exist on the web. Beyond technical considerations, supporting continuous experiences across channels and devices is a complex and fascinating (mobile) user experience problem.
In this presentation, Rod will explore:
Are you trying to make responsive design scale for a complex site? Building an app, but your organization doesn't have an API yet? If so, you've probably got legacy content—content that already exists, and that doesn't fit neatly into your new project.
What do you do? You could ignore it and end up with one of those responsive homepages that devolve into big content blobs after just one tap, or a one-off mobile site that no one can remember to maintain. You could put it off until it becomes the bane of your existence: the thing that "breaks" your design, because it's way messier than you’ve planned for.
Or, you could deal with it. If you take the time to make existing content work for you—by understanding what you've got, identifying patterns and relationships in its structure, and cutting the cruft along the way—you'll end up with a system that will not just support your content, but _enhance_ its meaning, message, and power.
In this talk, you'll learn how to start analyzing content and understanding its structure—and see how content knowledge can help you build better, longer-lasting digital products of all sorts.
by Cameron Moll
Oh, the elusiveness of "One Web". And yet, increasingly users treat the web as one experience — add a product to your cart from your phone during the morning commute, and finish the transaction in the afternoon at work from your desktop computer.
This presentation will examine what's required to present a consistent, delightful experience to users regardless of where the experience begins, continues, and ends. You'll learn to avoid development mistakes committed by even the most seasoned among us, and you'll see plenty of examples from teams big and small doing it right.
Mobile browsers promise a broad range of features applicable for rich multi-media applications, such as games. Without the limitation of desktop legacy systems, developers are encouraged to make heavy use of new web technologies from the CSS3 and HTML5 spec. However, implementation quality differs greatly between systems. This talk will show how the cornerstones of multi-media apps, such as animation and sound, differ from their well-known counterparts in the desktop world once they reach mobile devices, and what you can do to implement robust solutions.
Apple's iPhone SDK has proven the largest disruption to software development since the Web, sparking the creation in a few short years of the largest medium for consumer engagement in the world, eclipsing even movies and television. The Web, once destined to be the industry's dominant app platform, now has an uncertain future in mobile at a time when mobile is disrupting the entire PC industry. Is the Web destined to reclaim its former glory, or will app popularity continue its explosive growth? Join Ben and Dion as they discuss the web vs. app conflict in the context of the present and the post-PC era beyond.
by Rey Bango
The Web community has come a long way in pushing for solid cross-browser standards support and it's incredibly important that as developers we focus on leveraging these standards in a responsible and practical way. In this talk, we'll discuss and learn about the standards process, the best practices for identifying and embracing stable standards, and how to leverage standards responsibly to build websites that are cross-browser and available to broad audiences.
by Andrew Betts
In the last couple of years a deluge of new web technologies have appeared, allowing for the creation of ever richer and more immersive web applications. The FT is one of the pioneers in the use of newly minted HTML5 technologies to build web apps that are virtually indistinguishable from native apps. But using these technologies is far from easy. I'll cover some of the compelling reasons for choosing HTML5 and investing in the web platform, with a focus on offline technologies that enable web apps to run without a network connection. The examples will feature real-life code from our FT and the Economist applications, so you know that the techniques here are applicable to large, complex problems.
We’re not gonna let that happen, though.
Responsive web design has been catching a lot of flak lately. RWD is taking the blame for huge, asset-heavy websites—but that’s on us, not responsive design. We can do better than blaming our tools.
In this presentation we'll discuss strategies for smarter asset delivery, techniques that avoid introducing potential points of failure, and ways of dealing with a vast landscape of unknowns without introducing unnecessary overhead.
From smartphones to tablets to everything in between, a wider variety of computing devices than ever before are being used to get online. These devices have different screen sizes and resolutions, input methods, and even different modes of use. Most organizations have responded to this new reality by creating separate experiences for new devices types: a separate mobile site, a separate tablet site, and so on. But today’s devices are blurring even these lines.
The good news is you don't need lots of different Web sites to provide a great experience across all these devices. In fact, you only need one Web site with a multi-device design. The bad news is it requires a different way of designing and developing for the Web. Find out why and how in this talk from author of Mobile First, Luke Wroblewski.
Every decision we make affects the way real people experience our products. We’ve all heard the rallying cry for user-centered design, but even those of us who ascribe to that ideal often fall back on our own biases and instincts when it comes to making decisions about how people experience our content and our services. Sadly, this often means we make decisions we think will be good for our "users"—that anonymous, faceless crowd—rather than actually trying to understand the perspectives, surroundings, capabilities, and disadvantages of the actual people who we are here to serve.
In this session, Aaron Gustafson will explore why empathy is a good thing, how empathy empowers creativity, and how we, as a community, can inject more empathy into our work.
by Paul Irish
Developing for the mobile web is a wild west of exploring technique, quickly adopting browser standards, dealing with a legacy browser and tackling brand new browsers constantly. It's already a huge challenge to do it right, but still we're not taking it seriously enough. We're losing the battle and slowly losing the war. In this talk Paul will outline the current state of the mobile web as an application platform and what needs to happen to recover the platform we've invested our time and passion into.
Gone are the days when the web was contained in our desktop and laptop computers. Today it flows through a sea of unique devices each with their own opportunities and limitations. Leading this shift are mobile computers whose numbers are growing at an astonishing pace and becoming many people’s first (and sometimes only) way of getting online. Designing for this reality requires new ways of thinking and getting things done.
In this full day session, Luke Wroblewski (author of Mobile First) will walk you through detailed explanations, examples, and design best practices that will shift your thinking about website organization, layout, input, and more. You’ll learn how to:
After this concentrated deep dive into mobile and multi-device web design, you’ll be armed with the best practices and principles you need to deliver a great experience for your audience no matter what device(s) they’re on!
We've heard it all before... prototype, prototype, prototype! It's a standard step in almost any design process—but often the first step skipped in time and budget constrained projects. Although prototyping is considered a luxury for many PC-based experiences, it is an absolutely essential part of creating compelling tablet and mobile experiences.
This workshop will outline why prototyping is an essential part of the emerging world of tablet and mobile experience design. You'll learn the underlying design principles and design conventions of Natural User Interfaces (NUIs), a set of emergent mobile UI design patterns, and tips for creating and testing your work throughout the design process.
Finally, you'll learn a wide variety of hands-on prototyping methods that can be applied to your design process. You'll receive tactical, hands on instruction for how to storyboard concepts and screens, develop and hone your ideas through low-fidelity prototyping methods, and turn your ideas into high-fidelity on-device prototypes with speed and confidence.
by Estelle Weyl
When developing in the mobile space, we are no longer restricted by older versions of Internet Explorer and their lack of support for even the most basic features of CSS. However, the mobile space does provide us with new constraints. Mobile does not just mean tiny devices. We now have to consider the constraints of limited memory, limited bandwidth, limited battery power and increased latency. In addition, we have the issue of varying, limited screen sizes and varied resolutions. CSS can help us with all of these.
In this workshop we'll learn which features to avoid (and why), and deep dive into newer features that should be staples of your mobile web development tool box. You'll learn which CSS3 features to use and which ones to avoid, with more in-depth coverage of the features that are a must in the mobile space. Of course we'll cover features that you know you need to know, like using media queries for different screen sizes, resolutions and browser capabilities, but we'll also cover issues that you may never have considered, such as tricks for bandwidth and memory management, features (and pitfalls to avoid) to ensure smooth animations, and CSS basics like selectors, gradients, transforms and animations that should be in every developers bag of tricks.
How do you plan for the unknown? The answer is obvious—you can't—but that's not a bad thing. Unknowns can be scary, but they also create opportunity.
On the web, it's tempting to focus our effort around what we know (or think we know) about our customers based on analytics data we're collecting and our own experience of the web. Similarly, we often get hung up on trying to give every customer the exact same experience of our product. What we need to realize, however, is that analytics and anecdotal knowledge only get you so far. Our customers' access and experience of the web is highly variable, deeply personal and, more often than not, completely out of our control.
But take heart, all is not lost. By being flexible in our approach and embracing the unknown, we can create user experiences that are intended to vary from device to device, browser to browser, and network to network.
In this workshop, Aaron Gustafson will explain the ins and outs of crafting rich web experiences that adapt to the capabilities and peculiarities of our customers and their devices, while maintaining your sanity in the proces. You'll leave with:
8th–10th April 2013