The Future of Web Design London 2012 schedule

Monday 14th May 2012

  • Designing For Touch

    by Josh Clark

    Handheld apps that work by touch require you to design not only how your pixels look, but how they *feel* in the hand. This workshop explores the ergonomic challenges and interface opportunities for designing mobile touchscreen apps and websites. Learn how fingers and thumbs turn desktop conventions on their head and require you to leave behind familiar design patterns. The workshop presents nitty-gritty "rule of thumb" design techniques that together form a framework for crafting finger-friendly interface metaphors, affordances, and gestures for a new generation of mobile apps that inform and delight.

    What you'll learn:

    • Discover the ergonomic demands of designing for touch.
    • Devise interface metaphors that invite touch.
    • Design gesture interactions, and learn techniques to help people discover unfamiliar gestures on their own.
    • Learn why buttons are a hack and how to design interfaces without traditional UI controls.
    • Explore the psychology behind screen rotation and the opportunities and pitfalls it creates.

    At 9:00am to 5:30pm, Monday 14th May

  • Good Ideas Grow of Papers

    by The Standardistas

    At the heart of every great design lies a great idea, but where does these great ideas come from? As designers, we can learn to innovate, to find inspiration and generate ideas through creative techniques, that all have one thing in common: they originate away from the computer. In this hands-on workshop, delivered in the tried and tested Standardistas' style®, we look back at the generations of designers that didn't spend their days in front of a computer, instead plying their craft using a wealth of analogue tools: pen and paper, scalpels, ink and even typewriters. We explore a number of questions, including: How do you get ideas in the first place? How do you capture these ideas and turn them into real, tangible designs, and how do you create original designs that that aren't mere carbon-copies of the most recent (1% noise) design trends. By re-learning how to generate ideas and creative concepts without the aid of a computer, we can develop a richer and more varied visual grammar, based on the timeless design principles of pre-personal computer yore. Armed with some fundamental design principles and an abundance of tools – which naturally includes the Standardistas' 'Bag of Awesome™' (containing a veritable cornucopia of material) – we show the aspiring analogue designer a range of methods for breaking out of the stranglehold of the often clichéd digital world.

    What you'll learn:

    • A Plethora of Tips to Move From Idea to Execution
    • Five Idea Generation Techniques to Unlock Awesome Sauce™
    • How to Think Through Paper
    • Master the Art of Using Typewriters, Scissors and Glue

    At 9:00am to 5:30pm, Monday 14th May

  • Rock Solid Responsive UX Deliverables

    by Steve Fisher

    UX Design for the web is a hot topic, but we find it too hard to pin down so we just touch the surface and don't explore the why of user experience. As it is becoming something of a de-facto standard it is in our best interest as interactive designers to understand the discipline. No longer something that has to always be hugely complex and costly, we'll cover the back-to-basics approach to UX design in this workshop and how to practically dispatch a rock solid responsive web design UX deliverables package.

    What you'll learn:

    • How to communicate and develop a UX Vision
    • How to develop your own UX process that will work across all projects
    • How to communicate a UX strategy to the client
    • How to properly use UX patterns and when to use them
    • Producing a responsive UX Style guide that will get used

    At 9:00am to 5:30pm, Monday 14th May

  • Running A Successful Web Design Business

    by Paul Boag

    We like to think that being a successful independent web designer is about creating great websites. Its not. Running your own business is about a lot more than having the right professional skills. Paul’s workshop will reveal the hidden secrets to building a successful, profitable web design business.

    What you'll learn:

    • How to create a proactive marketing strategy that doesn't rely on work just coming through the door.
    • How to nail the sales process including outstanding proposals and killer pitches.
    • Better ways to build a long term relationship with your clients.
    • The importance of achieving a healthy work/life balance and how to make it happen.
    • How to work less hours and yet achieve more.

    At 9:00am to 5:30pm, Monday 14th May

    Coverage slide deck

Tuesday 15th May 2012

  • Welcome

    by Davin Wilfrid

    At 9:00am to 9:05am, Tuesday 15th May

  • Notes On Design

    by Brendan Dawes

    When a friend once remarked "generalists will save the world, not specialists", Brendan realised that whilst he will never save the world, he is very much a generalist. But whilst his career has seen him go from making underground breakbeat albums, to web design and now physical objects, there has always been one consistent theme that runs through out all the work – the love and joy of making. In this session, Brendan will talk about some of his core beliefs when it comes to all kinds of design and how the process of making something is just as important as the final product.

    At 9:05am to 9:45am, Tuesday 15th May

  • Client Centric Web Design

    by Paul Boag

    As web designers we love to boast about our user centric approach to web design, but what about our clients? Most web designers resent clients, seeing them as a barrier to producing great websites. However, a website doesn't just need to meet users needs it also must meet the needs of your clients. Web design is not just about building websites. Its about providing a service to our clients. In this talk Paul looks at how to establish a collaborative relationship with your clients that produces websites far better than you could build in isolation.

    At 9:50am to 10:30am, Tuesday 15th May

    Coverage slide deck

  • The UX of HTML5

    by Joe Leech

    HTML5 offers lots of new types of interaction. These new more powerful interactions mean we have a greater set of solutions available to us. But with great power comes great responsibility. In this session Joe Leech will share his experience with user research to show just because we can use sliders & spinners doesn't mean we should. You'll learn how to use the new features of HTML5 so that you and your users get the absolute most from them.

    At 9:50am to 10:30am, Tuesday 15th May

    Coverage slide deck

  • Art Direction Vs The Web

    by James Fenton

    Art direction in traditional media involves the measured and meticulous control of a visual style across a product, exhibition or campaign. An art director would oversee all aspects of the visual, establishing structure and layout, whilst ensuring graphic elements such as typography, illustration and photography communicated a consistent visual message. The web has moved the goal posts however, handing over increasingly more control to end users and third party tools. So what role does art direction play in a world of choice, customisation and user generated content? In his presentation, James will discuss the role of the art direction within large web projects and teams, exploring the challenges of delivering brand consistency across multiple devices, environments and applications. Whilst also proposing a more flexible and dynamic approach to brand guidelines, calling on developers, UX, writers, marketeers and clients, to help champion the principles of good design, rather than simply adhere to a strict, rigid set of rules. So what role does art direction play in a world of choice and customisation? In this talk, James will discuss the role of the art direction in large web projects. Exploring the challenges in delivering consistency across multiple devices, operating systems and browsers, whilst looking at the shift from the purely visual, to communication based on content strategy, UI patterns, feedback, transitions and user experience.

    At 11:15am to 11:55am, Tuesday 15th May

  • Let jQuery Rock Your World

    by Matt Gifford

    Are you new to jQuery? Maybe you’ve been using it for a while? Regardless of your skillset or previous experience, join Matt Gifford, developer, author, speaker and lover of jQuery, as he reviews why you should be using it, how not to use it, and some vital tips to assist your jQuery development as well as some common pitfalls to watch out for.

    At 11:15am to 11:55am, Tuesday 15th May

    Coverage slide deck

  • A Closer Look At Accessible Mobile App Design

    by Robin Christopherson

    In this session, Robin will delve into iOS and Android accessibility and what accessible and inaccessible apps look like to end users. He will also discuss the options for successfully creating apps that are inclusive and easy to use – giving you the largest possible audience for your next mobile masterpiece.

    At 12:00pm to 12:40pm, Tuesday 15th May

  • Inform to Inspire: Perfecting Your Creative Workflow

    by Stephanie Troeth

    We've often been taught to "go for a walk" when we are stuck for inspiration, or to let our ideas "incubate". However, there is a fine line between ruminating and thinking in a vacuum. Sharing a few practical tools in her user experience strategy toolbox, Steph will introduce some simple but powerful techniques to help you unpack the design problem you are trying to solve, and show how user research can inspire relevant ideas. Whether you're building a web or mobile app, thinking about a new product or planning a new business venture - this session will empower you with tools that you can use right away.

    At 12:00pm to 12:40pm, Tuesday 15th May

    Coverage slide deck

  • Context is King

    by Rob Borley

    With the rise of mobile we, as web designers, now have a few more things to worry about. No longer can we simply concern ourselves with browsers and screen resolutions. These are no the only things that impact how our design will be accessed. Now the physical environment in which our UX is used plays a huge role in the design process. Web design is not just about building websites. Its about providing relevant content and functionality to the user within the context in which they are accessing our services. In this talk Rob looks at how to understand your users context and the potential implications for the services that we provide.

    At 2:25pm to 3:05pm, Tuesday 15th May

  • Web Typography, The Good Bits

    by Jon Tan

    Co-founder of Fontdeck and Mapalong, and web typography aficionado, Jon Tan, takes to the stage to guide us through 40 minutes of the best of web typography.

    At 2:25pm to 3:05pm, Tuesday 15th May

    Coverage sketch note

  • Creating Wonderful Web App UX

    by Richard Shepherd

    Phil Libin, CEO of Evernote, said that "in a world of infinite software choice, people gravitate towards the products with the best overall user experience." But how do we define, create and perfect ‘user experience’ in our web apps? In this talk we'll examine the very best web apps from around the world, analysing design trends and the latest development techniques, and taking away practical tips to help create a wonderful user experience in our own applications.We'll also discover that the choices designers and developers make every day can illicit powerful emotional responses in users. By understanding how our work affects user experience we can start to build web apps that users have a positive relationship with, turning 'great' into 'awesome' and 'usable' into 'joyful' along the way.

    At 3:10pm to 3:50pm, Tuesday 15th May

    Coverage slide deck

  • Responsive Redesign: Utilising The Power of HTML5 & CSS3

    by Vitaly Friedman

    You know it’s time to redesign when your design is becoming your own bottleneck — incapable of reflecting your changes, values and the new direction of your enterprise. If your list of necessary UX improvements is getting longer, yet you can’t meaningfully integrate them in your current design, that’s a clear sign that something has to change. That’s exactly the issue Smashing Magazine's team faced before it decided to redesignSmashing Magazine. In this talk Vitaly Friedman, the founder and editor-in-chief of Smashing Magazine, provides practical insights into the responsive redesign process of Smashing Magazine's new site. The talk explains the decisions made and rejected along the way and describes how designing in the browser using only HTML5 and CSS3 is both necessary and powerful in the responsive design process.

    At 3:10pm to 3:50pm, Tuesday 15th May

  • Web Dev The Spotify Way

    by Andy Smith

    Andy is an API masher gone legit at Spotify. How did he get here? And what possible use do they have for him? Have a peek inside the front-end Web Dev experience at Spotify, including how they are bringing web technologies into the desktop client, and some of the challenges that this can bring.

    At 4:35pm to 4:55pm, Tuesday 15th May

    Coverage sketch note

  • Dr Weblove or: How I Learned to Stop Worrying About Photoshop and Love Designers

    by Remy Sharp

    Once upon a time, in a galaxy far, far away, developers and designers worked in harmony creating amazing web sites and applications. Back on Earth though it's not quite the fairy tale story. Remy's a developer, who has worked with more than healthy handful designers over the last decade and more ("but he's so young and good looking!" we hear you cry). His session will share what worked and what didn't, tips and tricks to make life a little easier. What's simple in a design to implement and what was hard. How he looks for risk in a project and how that's shared with the designers and client. How do you quote and how do you get your quotes right. When to choose an off the shelf library or when to build something bespoke.

    At 5:00pm to 5:40pm, Tuesday 15th May

Wednesday 16th May 2012

  • Welcome

    by Davin Wilfrid

    At 9:00am to 9:05am, Wednesday 16th May

  • You Are A Channel

    by The Standardistas

    As web designers we have access to the tools and delivery mechanisms to not only promote our clients, but also to promote ourselves. How we use these tools strategically and the messages we convey through them can alter our web design trajectories considerably, often proving the difference between success or failure. You are a channel. How you choose to portray yourself matters. In our keynote we explore the philosophical and practical challenges that face the contemporary web designer, helping them to stand out in an increasingly crowded marketplace.

    At 9:05am to 9:45am, Wednesday 16th May

  • A Responsive Process

    by Steve Fisher

    The web is not fixed width and I think we are remembering that. If our medium is fluid should our process be fixed? I prefer designing within the browser, especially when responsive design is a requirement. Fireworks and Photoshop are not flexible enough to demonstrate media queries, button and menu states, HTML5 and JavaScript behaviours, dynamic resizing of elements and navigation flow. Because the medium is fluid, I think our approach to design has to be fluid as well. A responsive process is a responsible process, matching the medium. I've been working with many companies and organizations helping them transform their process to fit a responsive workflow and I'm going to share the goods. One web to rule them all!

    At 9:50am to 10:30am, Wednesday 16th May

    Coverage slide deck

  • Why Wordpress is the Framework of the Future!

    by Jack Lenox

    WordPress is now so much more than just a blogging platform. Find out how to do some really awesome things with it and start using it as a refreshing and straightforward framework for your web projects. Packed with sample code and practical solutions, Jack will introduce some innovative and insightful ways to use Wordpress and hopefully persuade any doubters that it's the best thing since the waxy wrapping paper that stopped sliced bread going off (because sliced bread on its own isn't actually that great!)

    At 9:50am to 10:30am, Wednesday 16th May

    Coverage slide deck

  • Code Literacy for Designers

    by Jonathan Berger

    Do you spend half your day on mockups in Illustrator and the other half on Javascript in a text editor? Know anyone who does? The way we work is changing. Rigid, traditionally defined roles like "Designer" and "Developer" are being displaced by interdisciplinary skillsets and a culture of collective product ownership. In this talk, we’ll investigate how treating Coding as Literacy can affect the way decisions are made and work gets done, describe how varying levels of literacy among teammates facilitate effective agile design and development, and discuss how designers can get literate in technical topics.

    At 11:15am to 11:55am, Wednesday 16th May

  • Teaching Touch

    by Josh Clark

    Touch gestures are sweeping away buttons, menus and windows from mobile devices—and even from the next version of Windows. Find out why those familiar desktop widgets are weak replacements for manipulating content directly, and learn to craft touchscreen interfaces that effortlessly teach users new gesture vocabularies. The challenge: gestures are invisible, without the visual cues offered by buttons and menus. As your touchscreen app sheds buttons, how do people figure out how to use the damn thing? Learn to lead your audience by the hand (and fingers) with practical techniques that make invisible gestures obvious. Designer Josh Clark (author of O'Reilly books "Tapworthy" and "Best iPhone Apps") mines a variety of surprising sources for interface inspiration and design patterns. Along the way, discover the subtle power of animation, why you should be playing lots more video games, and why a toddler is your best beta tester.

    At 11:15am to 11:55am, Wednesday 16th May

    Coverage sketch note

  • Designing For A Flexible Web

    by Laura Kalbag

    Sometimes we can obsess over the technical elements of responsive web design, trying to make up for our lack of understanding in how to design for it. I will discuss the exciting new design challenges brought about by the responsive web design revolution. I will use the practical experience gained from real projects, such as the Future Insights Live and Future Of Web Design websites, to explore ways to adapt design workflows for the responsive approach and create device-agnostic design systems for content. She'll also help to uncover the huge number of considerations involved in designing for a flexible web.

    At 12:00pm to 12:40pm, Wednesday 16th May

    Coverage slide deck

  • Designing for the Rise of Social Networks of Devices

    by Bill Buxton

    There is no question that social networking has significantly impacted the nature of the on-line experience, from an experiential and economic point of view. My sense is that the impact of those changes are going to be matched, and perhaps even exceeded, by the social networks that are going to emerge amongst the diverse range of devices with which we connect to, and interact with, the web. As I have said for years, the diversity of web browsers tomorrow will match the diversity of ink browsers (a.k.a. paper) today. Likewise our expectations and experiences with them – collectively as well as alone. The presumption of this talk is that, working backwards from such a future, we can make better decisions around planning today. If nothing else, the narrative will hopefully help us frame a discussion around doing so.

    At 12:00pm to 12:40pm, Wednesday 16th May

    Coverage sketch note

  • The Future of Beautiful iOS Design

    by Sarah Parmenter

    Lover of beautiful web design and firm FOWD favourite, we're delighted to welcome Sarah Parmenter to the stage for a session on the future of iOS design.

    At 2:25pm to 3:05pm, Wednesday 16th May

  • The Future of CMS: A Million F*#%ing Dollar Web Project?

    by Paul Bellows

    In this session, Paul Bellows will dive into what the CMS of the future is going to have to solve by looking at what types of problems – small, medium and astronomical – technology is going to be asked to address and how future-CMS needs to manage complexity for real people. Come and listen so that you can sound like a prophet when you talk to customers, or compile a list of reasons to make fun of Paul when we get to the future. "Robot Butlers" may or may not make his list.

    At 2:25pm to 3:05pm, Wednesday 16th May

  • Automating Testing Across the Multi-Platform Web

    by James Coglan

    So you built a beautiful website... Now learn how to automate its testing across the multi-platform web!

    At 3:10pm to 3:50pm, Wednesday 16th May

    Coverage slide deck

  • Organising Your Stylesheets With Compass & SASS

    by Chris Eppstein

    Are your stylesheets a mess? Do you find that changes to your CSS have unintended consequences? Sass & Compass give you a rich set of tools to enable you to craft maintainable stylesheets. Chris Eppstein, the creator of the Compass stylesheet authoring framework, will review a number of best practices, tips, and tricks to get your stylesheets back on track so that you can spend less time debugging and more time being awesome.

    At 3:10pm to 3:50pm, Wednesday 16th May

    Coverage slide deck