Full Day workshops run from 8:30am to 4:30pm with 2 catered breaks
Responsive web design has taken our industry by storm and with good reason: it helps us improve our reach with less effort. But incorporating responsive design is not the goal, meeting our user’s needs is. Responsive design is not an end in itself… it’s just the beginning.
We need to embrace the heterogenous nature of the web—myriad web-enabled devices with vastly different dimensions, screen sizes, networks, and capabilities in use by countless individuals, each with their own special needs—and craft experiences that will work anywhere at any time. We need to build robust systems that adapt in ways far beyond aesthetics.
Aaron Gustafson will open this workshop with a discussion of a number of considerations that we should be aware of, beyond screen size and pixel density, and provide examples of how to adapt our interfaces so they rise to meet our customers’ needs. Then he’ll turn it over to you to propose gnarly design and/or interface challenges you are struggling with. Once everyone’s challenges are collected, attendees will be given the opportunity to form small groups around each and you will spend a portion of the day working on solutions while Aaron mentors each group and pushes you to think more about accessibility, alternate interaction methods, slow networks, and other considerations.
The workshop will wrap up with brief presentations from each group followed by a an open question and answer session.
Aaron has been building websites for nearly two decades and, in that time, has cultivated a love of web standards and an in-depth knowledge of website strategy, architecture, and interface design, picking up several programming languages along the way.
He has served as Technical Editor for A List Apart, is a contributing writer for .net Magazine, and has filled a small library with his technical writing and editing credits. His latest book is Adaptive Web Design: Crafting Rich Experiences with Progressive Enhancement.
Creative Workshop Facilitation
Love them or loath them, meetings are here to stay. So we need to get better at managing meetings and turn them from a productivity sink to a productivity booster. Enter the creative workshop.
By re-positioning yourself as a ‘design facilitator’ rather than a ‘design executer’, you will raise your profile, increase your influence and have a greater affect on product strategy. As such this is a must-do workshop for any and all user experience practitioners wanting to take their careers to the next level.
Stakeholder workshops are hands-on by nature, so the best way to teach these skills is through active participation. Participants will learn how to plan and moderate stakeholder workshops and how to perform a series of co-design activities or “design games” with stakeholders.
What Will I Learn?
How to set up and plan the perfect workshop.
The real value of design games and other co-design activities.
How to run design games like ‘design the box’, ‘prune the tree’ and ‘what not to do’.
Facilitation techniques from the masters.
Planning, running and moderating creative workshops.
A walk through various design games and activities.
Core presentation techniques.
Group consensus making.
User Experience Designer and CEO of Clearleft, Andy Budd is the author of CSS Mastery, curates the dConstruct and UX London conferences and helped set-up The Brighton Digital Festival. Andy created Silverback, a low cost usability testing application for the Mac, and co-founded Fontdeck, a web typography start-up. Andy is a regular speaker at international conferences like The Web 2.0 Expo, An Event Apart and SXSW. In May 2010, Wired Magazine named Andy one of the top 100 most influential people in the UK digital sector, much to the pride of his mother and the surprise of everybody else.
Design Theory for the Web
There’s a lot more to web design than making something look pretty. Laura will take you through five web design primers, looking at design as a language and how it can be used to communicate with your users, making your sites more usable and beautiful.
The primers covered are:
- Layout and grids
- Designing for responsiveness
- Accessible design
Laura Kalbag is a designer easily excited by web design and development. Among her list of ever-changing pet subjects are responsive design, accessibility, web fonts and design theory, but she’s really fascinated by anything in the areas of web, mobile and design. Laura has been a freelancer for the whole of her professional life. She revels in working with small and meaningful clients, creating websites, apps, icons, illustrations and the odd logo.
Scalable and Modular Architecture for CSS – SMACSS
Have you ever added !important or added an extra selector just to get something to style properly? Have you found yourself adding more properties to override properties you already set elsewhere in your CSS? Does inspecting an element in Firebug or Web Inspector reveal a long stream of styles being applied, overridden, and reapplied? Then this workshop is for you.
Do you work on larger projects? Do you work with larger teams? Then this workshop is for you.
You need not have played with the latest and greatest CSS3 and know what a vendor prefix is. You will need to know a selector from a property and have a general understanding of CSS-based layouts.
This workshop will shift how you think about writing CSS that will simplify your code, make your project easier to manage, and allow it to grow without creating an increasingly brittle system of dependencies. Your code will also be more portable, making it easier to use code on other projects.
Jonathan Snook writes about tips, tricks and bookmarks on his blog. He has also written for A List Apart, 24ways, and .Net magazine, and he has coauthored two books, The Art and Science of CSS and Accelerated DOM Scripting. Most recently, Snook has written the eBook SMACSS, sharing his experience and best practices on CSS architecture. Jonathan also works on the design team at Shopify.
Responsive Content Modeling
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.
This workshop will guide participants through the discovery of their core piece of content and how to map all the relationships that orbit around it.
What attendees will take away:
- Ability to find their core piece of content
- How to establish a UX Vision and design principles
- Prioritizing all the discrete pieces of content for both small and large screens
- Sketch out and document their RWD content models
- Move from modeling to prototyping
- Practical package of resources for repeating the process
Steve Fisher is the content nerd-herder and design fanatic at The Republic of Quality. With over 18 years of experience he leads the charge on the user experience end of projects, coordinating research, strategy, visual and interaction design, and content strategy. Steve is a professional member of the Graphic Designer’s Society of Canada and served as their national VP of web for three years. He spends much of his time representing RoQ on the global stage as a sought-after speaker on topics like responsive web design, UX, open source, design thinking, and web process. He has presented at such conferences as TEDx, SXSW, Future of Web, HOW Interactive Design conference, Web Visions and DrupalCon, and is a contributor to .NET Magazine. He also loves Twitter (maybe a little too much).
Creative CSS: Animations, Transitions & UX
Start thinking of CSS in a whole new light using animations, transitions, and transforms. Plus learn how to make great UI animations while you’re at it!
In this workshop we’ll cover the basics of CSS animations, transitions and transforms; techniques for writing them efficiently; and specifically look at where they can best be used in our work — both as classy details and quality UI animations.
What we’ll cover:
- Animating with CSS animations and transitions
- Writing efficient animation & transition code (Including optional Sass tips if that’s your style.)
- Communicating with easing (What are you transitions saying anyways?)
- Where and how animation can improve UX
- Performance considerations, fallbacks and progressive enrichment
Who should attend:
This workshop is for web designers and front-end developers who want to add more sophisticated interactions and motion to their work.
What you should know:
What to bring:
A laptop with your favourite text editor and modern browser(s) is all you need.
Val Head is a designer obsessed with type and code. She works with agencies and small businesses to make effective websites. She also leads workshops on web design and creative coding around the world. Every year she brings a swarm of web designers to Pittsburgh for her conference, Web Design Day. Val is the author of The Pocket Guide to CSS Animations from Five Simple Steps.