Design Track | Web Directions South 2011

Design Track

Everything a designer needs to sharpen their pencil: Relly Annett-Baker shows us all the small things; Hannah Donovan is designing without the browser; Greg Rewis is moving it with CSS3 transitions and animations; Aaron Weyenberg knows the perils of realistic UI design; Stephanie (Sullivan) Rewis shows off the new blades and tools in the web’s Swiss Army Knife CSS3; while Stephen P Anderson continues sustaining passionate users.

Designing without the browser

We are the makers of things

Presenter: Hannah Donovan

Innovation is intensifying off the browser — the things we use everyday are increasingly controlled by touch, gesture and voice. And we, as interaction designers, are faced with a challenge that’s the opposite of our browser-​​based one-​​man-​​shop: there’s suddenly a gulf of production between our concept and the final product; the means of production is as tricky to navigate as a roster of Tolstoy characters; mistakes are expensive; and everyone speaks a different language. Sound dangerous? Sound exciting?

Donovan argues the processes for the future lie in our more material-​​based graphic designer pasts, and our cousin disciplines of industrial design and architecture. After a decade of honing our newfangled browser-​​based skills, learn how to dust off and sharpen the tools of our roots.

All The Small Things

Razor sharp copy for sites and applications

Presenter: Relly Annett-Baker

Microcopy is the ninja of online content. Fast, furious and deadly, it has the power to make or break your online business, to kill or stay your foes. It’s a sentence, a confirmation, a few words. One word, even. It isn’t big or flashy. It doesn’t leave a calling card. If it does its job your customer may never notice it was there.

In this session, Relly will show you how you can bolster sales and reflect your company and client’s values through just a few well-chosen words. Designers? Do you get lumped with the interaction copy? Developers? Do you get left trying to make meaningful error messages? Ecommerce managers? Do you want an easy increase in sales? This session will help. It will be a lot of fun. You should definitely come.

Realistic UI Design

The good, the bad and the ugly

Presenter: Aaron Weyenberg

A new generation of touch devices have proven to be exciting playgrounds for app designers. And with every new product we create, we have the opportunity to offer the most clear and efficient experience for our users. Recent UI trends often lean to realistic, faithful representations of analog controls and features. These designs can offer advantages, but also come with their own set of hazards.

In this session Aaron will lead you on a tour of current trends and practices, examining the strengths and drawbacks that realism brings. We’ll talk about things like mental models, innovation and usability as they relate to lifelike UI. Finally, Aaron will share some pragmatic guidelines to keep in mind as you build the next wave of mobile and touch apps.

Move it! CSS3 Transitions and Animations

It’s all about the movement, baby!

Presenter: Greg Rewis

Since the early days of the web, the only reliable way to get movement on your site was through Flash, or more recently, Javascript. But now, with WebKit and Mozilla leading the way, transformations and transitions can be done with pure CSS, even on mobile devices. And for those in need of even more movement, CSS3 provides for keyframe-based animations. In this session, we’ll take a look at all of the possibilities and explore what works and where — from the simplest effects, to creative usability enhancements including the combination of CSS with mobile Javascript frameworks.

CSS3-the web’s Swiss Army Knife updated and improved

Presenter: Stephanie (Sullivan) Rewis

Throughout the years, the Swiss Army Knife has been the trusted companion of scouts and explorers alike, and for front-end developers, CSS has been a trusty, if sometimes frustrating, companion. And just as blades, scissors and sundry tools have been added to the Swiss Army Knife, with CSS3, we have new tools and implements of creativity, and some tried and true tools have been honed and sharpened. Of course the key to success is knowing which of the many tools to use and how to wield them in a given situation. Join Stephanie Rewis as she explores some shiny enhancements to favorite old tools like backgrounds and borders, as well as slices and dices with new tools like CSS masks and more!

Sustaining Passionate Users

Keep them there, long after the thrill is gone

Presenter: Stephen P Anderson

Yes, business applications can be made fun and gamelike. No, points, levels and badges are not the way to create sustained interest.

While many sites have added superficial gaming elements to make interactions more engaging, the companies that “get it” have a better understanding of the psychology behind motivation. They know how to design sites that keep people coming back again and again.

So what are the secrets? What actually motivates people online? How do you create sustained interest in your product or service? Speaker Stephen P. Anderson will share common patterns from game design, learning theories, and neuroscience to reveal what motivates—and demotivates—people over the long haul.

Images:

The images are downsized due to limited space here. The original dimensions may differ.
Click on the image to open it on a new tab.