Explore the Future of the Web



90% of Design is Typography:A Hands-on Guide to Great Web Fonts and Typography

Jim Kidwell

Join typography expert Jim Kidwell for an immersive, hands-on workshop on using CSS3 typographic controls to create great web typography, from the basics of ideal type setting to enabling custom web fonts with @font-face. A live web site will be provided for each participant to practice and experiment on, along with access to WebINK web fonts.

Beyond Gamification:Designing Behavior Change Games

Influencing behavior through the use of technology has become a distinct discipline in the field of Interaction Design. Long before Robert Fabricant declared that ‘behavior is our medium’ in 2009, designers have been looking towards behavioral science, social, environmental and consumer psychology for guidance on persuading users to take actions that support business, stakeholder and designer’s intent. Around this same time, foursquare burst on to the scene in the U.S. to become a phenomenological success, leveraging video game elements such as points, badges and leaderboards to drive addictive user behavior and engagement. The aftermath of such gave rise to the term ‘gamification’ as countless businesses scurried to duplicate the success of foursquare by adding game elements to their products and services.

Beyond Media Queries:Advanced RWD Techniques

Browsers evolve and so do the tools we use to create responsive websites. 5 years after changing a whole industry, RWD is already the default way of developing websites and designers worries are far beyond media queries: they just care about giving the best possible responsive experience for every case. This workshop is aimed to web designers with a good knowledge of HTML and CSS and a minimum of experience in responsive web design. It’s a hands-on workshop, so it’s highly recommendable to bring your laptop and a text editor to make the most of it.

Building a Mobile First Layout

You've been hearing about responsive design for a while. You've probably read several books and articles. You may have even started using media queries in some of your websites. But there's much more involved into building a responsive site that actually works, and that's when things begin to get complicated: Where do I start? How do I communicate this to the client? How many deliverables do I have to produce? Can I still use Photoshop and be a good designer?

Collaboration Practices

Shay Howe

We are born collaborators. As children we’re taught to share our toys, take turns on the playground, and, perhaps most powerful, use our imagination. These fundamental skills transcend from the playground to the classroom, and later into the workplace.

Overtime, though, we lose the spark once had on the playground. Innovation comes at the cost of time and frustration, and workplace collaboration becomes unproductive. It doesn’t have to, and shouldn’t, be this way.

Within this workshop we’ll cover collaboration in detail, outlining practices to help strengthen communication, establish understood roles, self-selected leaders, and work together. Collaboration shouldn’t be futile and a few simple practices can make all the difference in increasing team productivity and happiness.

Connected Thinking

Scé Pike

Connected Thinking is an evolution of Design Thinking. It brings into the typical design thinking process other real-world forces - such as technology, industry, policy, and nature - and applies it to any type of design issue. In this workshop we will kill the old, outdated Human-Centered-User-Centric–Design–Thinking to create a design philosophy that is meant for today's world of connected devices vs beautifully designed objects. In this workshop you will learn to empathize not only with your human counterparts but with technology, industries, policies, and other forces to realize that they have a real need and desire to evolve and change along with us and they need a designers hand to guide them.

CSS3 User Interface Design

Creating compelling, interactive user interfaces can make or break a web page, or web app. Adding interactivity has often meant adding complex JavaScript programming. Now, with CSS3 and its many new properties you can make page elements appear, dissappear, grow, shrink and animate in sophisticated ways, letting you create user interfaces that are not only useful but fun.

Design for Happiness & Sustainable Societies

Increasing evidence suggests that although economic growth has been increasing for the past 60 years or so, happiness & well-being, environmental and social capital, and sustainable lifestyles have been declining. The aim of this workshop is to arm you with the tools to contribute towards changing this! Participants will have the opportunity to experience the Design for Happiness framework (DfH) (Escobar-Tello, 2011); an innovative bottom up design approach, process and tool-kit to design a ‘sustainable material culture’ capable of contributing to shaping and promoting society towards happiness and sustainable lifestyles.

Front End Legos:Reusable HTML & CSS

All too often writing HTML and CSS is an afterthought. Its the work that happens after design is finalized and the product has been developed. Its a necessary task in the process to building a website. Wrong. HTML and CSS are the backbone to every website, and are equally as important as any design or development. After spending some time playing with legos and writing some of code attendees will be able to better organize their code, develop modular styles, and work with CSS specificity.

Headaches, Rhinos, and Paper Doll Personas:Simple Ways to Find Out What Your Customer Really Wants

Half day workshop for product managers and designers. We zero in on a key group that you must sell. We'll codify and organize what we already know about them, why they would say yes to your product as well as why they would say no. Then we identify and prioritize the most important ones and work to turn those NOs into YESes.

How to Return to Scriptwriting with Video Games

Machinima has a huge potential because it uses a mass consumption object, which are the games, to help people to express themselves. A recent French study showed that 99,8 % of teenagers play daily to video games. So, it can be said that games surround our everyday life. This is the reason why it is meaningful to diffuse this cinematographic genre that uses games as a tool to make movies and to express oneself.

Implementing Layouts using CSS3

Chris Mills

It is very surprising that — in the 20 years we've been publishing documents on the Web — we've never really had much in the way of easily manipulable, proper tools for creating web layouts. Even with CSS having very good cross browser support in recent years, positioning doesn't have all the answers, and using floats for multiple columns is a hack. In 2012/2013, we are just starting to see decent layout tools for the web emerge and get support in browsers.

Information Architecture Essentials

Information Architecture has changed a lot in the last decade.  In fact, IA is more in demand now than ever. Why? Because the weirder the world gets, the more important it is to make sense of what we are making — so what we make will make sense to others. If it's ever your job to know what things are, where they should go, and how they should connect to everything else, you need IA. In a half-day workshop, Dan Klyn and Andrew Hinton share practical tools, mind-opening concepts, and real-world wisdom about how IA can help you and your colleagues or clients figure out the "why" and the "what" before the "how," and make complexity clear for your users. 

Interactive Prototyping:The Next Big UX Skill

The job of the designer doesn't stop after the page loads, it's only just beginning. Instead of drawing mock-ups, we need to start prototyping using the core web technologies of HTML and CSS as quickly as possible to realize our visions in the medium in which it will be produced. In this workshop, Jason will introduce designers to methods and tools they can use to quickly stand-up testable prototypes that will show not only how their designs look, but how they work as well. 

Introduction to Sass

CSS preprocessors have been among us for a while, and they have more and more users everyday: thanks to them, we are able to introduce in our stylesheets variables, functions, reusable code blocks and other interesting features that allow us to develop and maintain CSS in an easier way. The most popular preprocessor is Sass, and we'll learn how to use it from scratch. This introductory workshop is aimed to people with a basic knowledge of HTML and CSS, and will be mostly hands-on.


Dan Saffer

It's the small details that turn your product from one that's just tolerated to one that's loved. But how do you focus on details? This hands-on workshop will walk participants through the process of designing and refining microinteractions. We'll do exercises around Using The Overlooked and Speaking Human. Loops and Modes are the last part of microinteractions. We'll talk about when to use modes, and  do an exercise around Long Loops: how to extend your microinteraction into the future.

Redesigning Business

Tim Loo

In an increasingly complex and digitally centric world, consumers are quickly evolving their thinking and behaviour. Many organisations are struggling to keep up, often failing to coherently live up to their brand and service promises. In this workshop, we’ll explore the role of the experience strategist creating wider business change, and the challenges and opportunities for the strategist in “redesigning” organisational attitudes and thinking around the customer.

Responsive Typography & Color

Adjusting your website's layout for different screen sizes is only the beginning of what you can do with responsive design. In this workshop, we'll go beyond layout and look at how to use media queries to adjust both the typography and the colors on your website, so the site can look its best on any screen. Content is the most important feature of a website, so you need to make sure that text is easy to read no matter what device type or screen size it's being viewed on. Color choices are also important, and can affect accessibility as well as the overall tone of a website. Together, typography and color can have a big impact on the success of your website.

The Salty Web:Why CMSs are Making Us All Bloated

Brad Weaver

When was the last time (ahem, yesterday) that you hacked or created a plugin to just get content to display in a way that you could do with raw code in 20 minutes? How about adding a 500K slider plugin just to do something that’s possible with two lines of jQuery? 

We’ll take a deeper look at not just technology but also pricing and client-relationship strategies that may work in your long-term favor (whether freelancing or in-house) to keep your website running lean, strong, and efficiently for the long-haul.

Storymapping the Experience

Donna Lichaw

What does a great experience have in common with a great story? Everything. Turning complex concepts into simple, impactful narratives can help you imagine and evaluate ideas, products, and features quickly and effectively, before jumping into expensive pixels and code. While envisioning, planning, and building something with an experience that engages, influences, and inspires can sometimes seem daunting, crafting a great story can be easily learned. See how simple storytelling techniques can transform your next idea, product, or strategy from good to great. Whether you are creating a product or service from scratch or improving one for conversion, activation, or engagement, mapping the story first will help you figure out how to envision and build something that people not only love to use, but use often, and recommend to others.

Tablet First

You've tried "mobile first" design (or at least you've heard of it), but what do you do when the majority of your users spend a good deal of time on a device that is three times as wide as a smartphone: the tablet? This workshop explores a variation of this approach called "Tablet First," in which experiences are designed holistically and are prototyped and implemented initially on gesture-based tablets.

The Workshop Workshop

You have attended workshops, you have seen them masterfully commanded by other people, and you really want to get a handle on doing this workshop thing yourself. This workshop is the workshop that will help you create and facilitate a workshop of your very own, in whatever workshop fashion you decide upon.


Accessibility for UX Designers

User Experience practitioners are in a unique position to effectively champion accessibility within their teams and organizations. You are trusted advisors and connect with all the right stakeholders for a project, including the people that will use the product you're building. You are most often the person that connects the big picture with in the trenches hands-on work.

Agile User Centric Innovation

The speed in which the world is changing has become mind spinning. Fixed approaches and strategies don’t necessarily apply in our world. Robert Stulle would like to guide you through a workshop using tools and methods that help businesses or organizations to be responsive in todays world. You will get insights in how to create value, relevance and connection to the people by approaching their problems from their perspectives. In a playful manner, you will design a service assuming different roles in several iterations. 

Backbone for Designers

In this 4 hour workshop I'll give designers and developers (front-end and back) everything they need to know to start using Backbone right now.  I'll explain why front-end JavaScript is changing and I'll put Backbone into context by comparing it with other JS MV* like Angular.JS. This workshop will be a mixture of presentations, live demonstrations and exercises.  I'll take you through the basics and I'll demonstrate how we can put them to good use.  Then in the remaining time and your spare time you'll work to create your own simple website using Backbone.

Crafting a User-Centered and Informed Design Process That Works for You

Mark Wyner

Pulling from 15 years of experimentation and flexibility for teams/projects of various sizes, I will walk you through the components of a solid discovery and production process. My partners and I at Bunker have crafted and refined a process that works for us, our team, and our clients, but there are many ways to piece together a solution that works for you, your team, and your clients. Even if you’re a team of one.

We will learn how to thoroughly understand who we are designing and building for, what we want to provide to them, and what they'll want to accomplish when using the product we’re creating. We’ll look at the steps and tools necessary for building a discovery process that sets a solid foundation for production, and how to reference that foundation throughout a scrum/sprint-like process of development AND design. Bring a pen, a love for whiteboards and sticky notes, and an inquisitive mind ready to dive deep into imagination.

CSS Visual Effects Masterclass

Lea Verou

In this interactive 3.5 workshop, you will start using many of the CSS3/4 features you always wanted to learn more about, but never got the time, as well as explore the darkest corners of CSS features you previously thought you knew well. Almost all the features we will work with have either good browser support or degrade gracefully, so you can go back to work the next day with knowledge you can instantly apply.

The workshop is split into multiple sections, by CSS feature (e.g. “Gradients” or “Animations”). Every section begins with a short introduction with live demos that you can follow along, and then we move to the best part: Guided interactive exercises of a few minutes each, with every exercise teaching something new about the topic, slowly going into more depth.

CSS3 Animation

Did you think CSS was just for "prettifying" the web? Join award-winning cartoonist and CSS nerd Rachel Nabors for an in-browser cartooning session. Learn how to use HTML5 audio sprites, CSS3 animations and (very few but very) powerful JS techniques to create cartoons of your own! This fun romp is sure to inspire you while showcasing the bleeding edge of CSS.

The Design Does NOT Speak for Itself:How to Own the Room and Sell Your Work to Clients

Successfully achieving a project's goals requires a careful balance between stakeholders and designers.  Having sales skills can be helpful not only for when you need to sell an actual product to users, but also when you want to sell a client on the importance of a feature or a concept. Having worked with dozens of designers, the through-line between the truly great designers and the less successful designers is their ability to sell.  

This workshop will use use-cases and hands on activities to teach simple and effective techniques for building confidence, mastering the art of persuasion, responding to feedback of all types in a positive way, attracting positive attention, gaining traction through storytelling, and managing meetings from start to finish.  The workshop will be energetic and lively, and the material will be based on teaching practical skills that will be useful for years to come.

Design Studio:A Method for Idea Generation, Critique and Iteration

Adam Connor

The Design Studio is a method for idea generation, evaluation, refinement and even elimination. It takes place in a collaborative, fast paced, interactive environment that leads to a shared understanding of the product, the problems it will address and how it will address them. Participants will be presented with an idea for a potential product and a partial scenario describing how a user intends to use the product. They will then be split into teams and, through the Design Studio process, generate, evaluate, and refine their ideas for the product’s design.

Designing for People

Product development teams have people who focus on user experience, with responsibility for creating designs, content, and interaction that meet user expectations and provide enjoyable experiences. User experience practitioners know that making people successful is the best way to achieve product success. Some product development teams also have accessibility specialists who focus on making sure people with disabilities have access to designs, content, and interaction, but accessibility is typically a separate activity, in the engineering or QA phase. What if we joined these activities, such that UX included responsibility for the user experience for people with disabilities? And what if, as user experience designers, we welcome accessibility as a creative challenge? 

Fable, Myth and Narrative:Crafting Multi-Screen Stories

In a digital world, what does storytelling mean for designers? We have augmented reality, touch screens, and even geolocation technology to tell everything from mysteries to children's stories to our audiences. The proliferation of screens also means we can spread our narratives across multiple viewports. In this workshop, Nigerian-born designer and illustrator Senongo Akpem gives you powerful techniques for telling engaging multi-screen narratives. A must if you are interested in digital storytelling!


Getting Back to Things: Exploring Modes of Interaction

Thomas Wendt

Historically, ‘ideas’ have been valued over ‘things.’ The work of the creative genius, the philosopher, and the ‘idea person’ tend to be the most exciting, as they supposedly operate outside the boundaries of physical space, relieved of the constraints experienced by the designer-craftsperson. Participants will learn about contemporary interaction modes, influenced by design theory, philosophy of technology, and post-phenomenology. They will analyze the current state of everyday interaction and push themselves to imagine future scenarios. The end result will be a map of the current state of things (quite literally) and possibilities for future design.

Happily Ever After:Pain-Free Prioritization

If the Design Process were a boy band, Feature Prioritization would never be the fan favorite with a breakout solo career. Prioritization isn’t sexy. It hurts to let go of the beloved features created during brainstorming. The decision-making design phase often involves negotiation and compromise in an uncomfortable social environment. Prioritization can be downright painful!

The Internet of Experience:Designing Smart Objects

The Internet of Things, describes a world where identified objects and connected devices will revolutionize the way we interact with technology. As designers are now challenged to design interactions for physical objects; beyond designing for the screen, we are now designing for the experience, and the experience becomes the product. But what are these experiences look like? And how will UX play a key role in the Internet of Things?

Mental Model Diagrams:Explore How to Derive Ideas

Indi Young

Know anyone who's trained to run a marathon? Done it yourself? You might understand how involved it is: layering on the miles, tracking your progress, trying not to injure yourself. Even if you aren't personally acquainted with the pain and blisters, a mental model diagram can help you understand the details. The diagram gathers patterns from different perspectives and approaches that people have during their training, and it allows organizations to see how well they are supporting runners--and where they are failing.

Node.js Workshop for Designers

Tae Won Ha

You've seen your developer friends scripting like a magician on the Terminal? Perl, Ruby, Python, shell scripts and whatnot... You don't want to learn new languages and the corresponding eco-system? Enter Node.js! You can be a script magician, too, in JavaScript! Additionally, you can also develop a full-fledged web application, in JavaScript! There are whole lot ready-made libraries you can use for many purposes.

This is an introductory Node.js workshop intended for designers with basic knowledge of JavaScript and wants to get first taste of Node.js. You are going to see examples how to employ JavaScript to automate everyday tasks. We are also going to build a simple web application.

Our Data and Our Behavior

Chris Risdon

Design to support behavior change is getting increased exposure as technology has allowed products and services to have a more pervasive role in people's lives. What's caused the tipping point for the growth of this new wave of services? The primary characteristic of our new, connected world is the increasing ubiquity of sensors providing the ability to collect data passively and present it back—via feedback loops and visualizations—in a meaningful way to the user.

Play to Change:Using Game Mechanics to Motivate Your Audience

Experience design and game design have a lot in common, and the two worlds continue to come together. It's no wonder - we've all been playing games for millenia, to learn and grow or to get through tough challenges. So how can you incorporate the positive aspects of a game into the experiences you're designing for your customers? Learn more about basic game mechanics, and how they've been used to motivate learning, promote action, and prepare players (like your users) for complex scenarios.

Real World Lessons:Moving to Lean UX

Bill Scott

The workshop will take a look at how Bill has been able to apply Lean UX at PayPal — a place that in recent years has been the total antithesis of the lean startup idea. With very specific examples, he will share lessons learned applying lean to the full product life cycle as well as how it relates to agile development.

Responsive Content Modeling

Steve Fisher

Just as a Sitemap describes the hierarchical structure of a website, Content Models describe all of the content types on the new, target site, the elements of each, and prioritizes the type of content that ought to appear on a specific page type. It helps us define the content creation, design, and user experience concepts for the new site. This is especially important for the responsive web: because layout and user context is constantly changing, we have to make sure that content priorities are represented consistently across browsing platforms.

Responsive First:Building Sites That Scale

The rise of mobile devices has meant that audiences are increasingly seeing your designs on smaller and smaller screen. A multi-screen strategy is no longer a luxury, it's a necessity. The most successful way to do this is using a responsive design methodology that allows you to separate content from design and allow the device to choose the best experience.

Storymapping the User Experience

Donna Lichaw

What does a great user experience have in common with a great story? Everything. While creating a user experience that engages, influences, and excites can sometimes seem daunting, crafting a great story is actually quite quick and easy. See how simple storytelling techniques can transform your next product, feature, UI, flow, or strategy from good to great. Whether you are creating a product, service, or feature from scratch or improving one for conversion, activation, or engagement, taking a story-first approach to design will help you figure out what you need to do, when, and how you need to do it, so that you get the results you need.

Supercharge Creativity:Solve Business Problems and Innovate Through Play

Mel Lim

It takes a creative person to consider starting a business. The more committed to creativity and innovation a person is, the more likely they are to use play strategies to solve problems. Mel Lim explores the challenges of entrepreneurship and the ways ideas are cultivated, incubated, and allowed to grow. What are the benefits and pitfalls of approaches such as rapid prototyping? Can businesses really rush the creative process and be assured of delivering their best work and growing in the right direction? Or should ideas be allowed to simmer and brew into fullness? Design is always about creating tension. Is it important to take the time to find that yang tension and have yin tranquility at the other end of the spectrum?

Taking Content Everywhere

Mobile is our immediate challenge, but it’s just the beginning of an even bigger content shakeup. To meet the needs of everything from smartphones and tablets to read-later services and web-enabled appliances, we need content that can go more places, more easily. Yet most content is still being created in fixed pages and documents, locked into just one format and designed for just one destination.
That won’t cut it. As devices get more diverse, powerful, and ubiquitous—and as our users continue to expect more—we need content that can keep up. But our organizations can’t afford to create more content for every new device and channel. Instead, we need content that does more: content that’s structured so it’s meaningful to both humans and machines, and stored so it can be reused and reconfigured however we want.

Techniques to Recruit Participants for Customer Research

Tomer Sharon

Recruiting unbiased, representative participants for your customer research ensures the validity and reliability of the data and feedback you gather. In this workshop, you’ll learn techniques for creating a pipeline of representative members of a product’s target audience who are willing, capable, and available to participate in research. You’ll do this by creating a screening questionnaire, and utilizing Facebook, Twitter, and Google Plus to launch a targeted (and free) participant recruiting campaign.

Using UX Design Principles and Methodologies in Design Management and Innovation

Mel Lim

Aspiration and joyful satisfaction are intrinsic drives. They are the common denominators of all effort, beginning with design and extending to the client and user experience. What is created externally mirrors what is happening internally. To understand the whole requires learning to engage in empathic internal and external communication across cultures, teams, clients, and customers. This “practice” provides validation, adds to ideation, and forges strategies for demonstrating and building value.

The What If Technique

Mona Patel

Asking, “What if…?” is about hunting for an opportunity space, tackling the problem and goal headfirst rather than coming to your typical solutions with your usual problem-solving tactics. Mona Patel (Founder/CEO of Motivate Design) will introduce the What If Technique™, which helps reframe issues, identify habits; and engage a disruptive mindset when solving problems through innovation and creative thinking.

The What If Technique breaks down the barriers that make people say “no” or “it can’t be done” and encourages people to engage in constructive problem solving and creative collaboration to identify tangible ways to improve their situation. Mona will guide you through the steps, tools, and examples that will help spur the kind of growth you want to lead a better life and have more productive work experiences.

Full Day

Make Your Own Web Fonts

More and more designers are entertaining the idea of making their own fonts. Now that "real" web fonts are widely supported, web designers don't have to feel left out. Attendees will learn foundational concepts and skills for type design, and start making their own font in the workshop using the industry-standard FontLab Studio 5 (a fully-functional time-limited version will be given to workshop attendees in advance).


Be Truly Agile

Tae Won Ha

You have this grand idea which could change the world. The question now
is how to bring your idea into life. You can do it traditionally by
perfectly planning every detail upfront. The planning surely will take
longer than planned, not to mention its implementation. Even when you're
done after few years, there'll be no more customers because they are
already using competitors' products or your idea is then not up-to-date
anymore. Or you can approach the problem in a piecemeal and agile
fashion together with the customers.

Mapping Services

Oliver Hanff

Taking a detailed look at all the steps and touchpoints that are part of a service experience makes it easy to identify pain points, problems, and issues in the journey. Once identified, these can be isolated and eliminated, or fixed to take friction out of the process. It is also easy to identify points of satisfaction; these can be extended or replicated to provide a more positive service experience.

Technology Platforms and Design

There is no universal answer to “what programming language should I use?” and “how should my site look?” but the true answer is actually quite simple: don’t reinvent the wheel. It might sound as a paradox for an innovation platform but it is crucial to move all the unneeded distractions off the road so that you can focus on the things that matter.