Facebook

Twitter

Instagram

Explore the Future of the Web

Workshops

Morning

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.

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?

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.

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.

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.

Microinteractions

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.

Rapid Prototyping the User Experience

How you design web pages is changing — rapidly.  Part of being a great web designer is understanding the medium you are designing for, recognizing its weaknesses and pushing its strengths. It's no longer enough to show a visual mock-up and explain what happens, you have to be able to show what happens. Your job doesn't stop after the web page loads, it's really only just starting.

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.

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.

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.

Afternoon

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.

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.

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!

 

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.

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.

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.

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).

Other

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.

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.

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.

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.

Storymapping Ideation Studio

Donna Lichaw

You have a great idea, but aren’t sure where to start or how to make it work? Turning complex concepts into simple, impactful, visual narratives can help you imagine and evaluate ideas, products, and features quickly and effectively, before jumping into expensive pixels and code. In this workshop, you will learn how to “sketch” with stories. You will learn core problem solving and ideation skills that belong in the arsenal of every designer, manager, and engineer. We will cover three modes of storytelling for interaction: written, drawn, and improvised. Through hands-on activities, you will see how turning ideas into written, visual, and verbal forms can help you create, build, and test concepts and designs for flow and engagement. By the end of the workshop you will be able to quickly weed out bad ideas while pursuing ones that are stickier, more engaging, and ultimately more impactful.

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.