As designers take on new problems of convergence and ubiquity, we find ourselves facing new challenges. The products we create are accessed through multiple devices, different channels and a wide audience. How do we accommodate the context of use?
Whether you design mobile apps, services or web experiences, you know that people have different needs and desires. Those issues are complicated further by a landscape of technology.
This discussion will highlight these new challenges and offer solutions based on years of design experience. Topics include:
• What should you be aware of when designing a product or service for use in various locations and environments?
• How does motion and distraction affect interaction and content design decisions?
• Do you provide for casual use vs. urgent need?
• How does the form factor or input method of your device steer your design efforts?
• What happens in an ecosystem of products?
• How does social and cultural context play into the strategy of your design?
WebGL has brought 3D Graphics to the browser offering a new world of possibilities for visualization and interaction. In this talk, we give you all the information you need to start using WebGL. WebGL has an unfair reputation for a high entry barrier, understanding what WebGL can do and using the right frameworks can help you very quickly create amazing stuff.
We will cover the following aspects: what WebGL is and what you can use it for (with some of our own awesome examples), the browsers and devices that support WebGL and what you can expect for the future, when and why you would want (or not want) to use WebGL, and some more hands-on stuff like sample code, frameworks and resources.
by Leslie Feinzaig
When your product is facing serious competition, knowing what unmet need still exists is crucial to planning your next move. But in surveys you find that everyone is reasonably satisfied with all of the key features in your competitor’s products and they do not perceive that their experience could be better than it currently is. So how do you identify opportunities that seem not to exist? In this session, using Bing’s insight development practices as a case study, we will discuss techniques for gaining deep understanding of and empathy with customer’s pain to spur product innovations. We will share insights that we’ve identified that point to broad cultural shifts in how people think about knowledge that impact what is perceived as trustworthy and what is complete information required to make important decisions. We will share both how we were able to identify these needs and specifically what these needs are in an effort to encourage thinking about how to better meet them. This session is sponsored by Bing.
by Erik Möller
I took a platform game published on Win/Mac/iOS and its 100,000 line C++ code-base and turned it into an HTML5 game running on desktop, mobile and even TVs. This talk is the story of how that happened and also gives some great tips and tools for anyone aspiring to make games using HTML5.Building a game is never a trivial job and doing it on a platform in constant development can be even harder. That said, the advantages of HTML5 greatly outweighs the disadvantages. HTML5 is quickly turning into a great game development platform which offers well tested solutions to many of the peripheral problems you normally have to deal with when making games.With these solved for you already you can focus on creating a great game and an awesome user experience!I'll share what I've learned and hopefully the talk will make the process easier for anyone else building games in HTML5. I'll also talk about a new exciting open source project allowing you to leverage WebGL and COLLADA in your games.
Simplify and speed up your CSS development with Sass. Overcome browser differences – particularly with CSS3 – and build grids the right way with Compass. Sass is a CSS meta language that brings more functional programming to the css language and complies to standard browser supported CSS. It adds tools like variables, functions, and mixins, as well as compilation tools for debugging and optimization. Compass builds an additional framework of tools on top of Sass. It adds mixins for almost all the new CSS3 modules to abstract away syntax inconsistencies and browser prefixes. It also enables the development of CSS frameworks *the right way*, using semantic classes instead of presentation oriented classes. Compass has ports Frameworks like Blueprint, YUI, 960.gs, as well as even some Compass only ones like Susy. On top of that, there are also loads of extensions to Compass for everything from CSS3 button generators to more complex sprite and image generators.
We’ve all been there. You work meticulously to craft lean, efficient, elegant code. Beaming proudly, you hand your little sweetie off to a client, a contractor, a colleague, or even a CMS, but the next time you check in, everything has gone to hell. Or worse – you’re on the receiving end of a long line of shitty code, trying to make sense of deprecated tags, naming collisions, arbitrary plugins, and other code soup.
So what happened? Where did all this cruft come from? And short of hunting down the abusers and beating them with Eric Meyer’s 2lb “CSS: The Definitive Guide”, what can you really do about it?
In this brutally honest session, front-end & back-end coders will unite with project managers to play the role of shrink, surveyor, and sensai. Using real-life examples, we will break down how bad code happens to good people, why it matters, and specific steps you can take to prevent it. Come learn why it’s important to code like the next person to use it is a homicidal maniac who knows where you live.
We are announcing something completely new ‐ Adobe will be unveiling a new product for web designers and developers to help with their mobile web workflows. Come to the see the live demo and check it out for yourself! Follow @AdobeSXSW for the latest information.
by Jacob Surber
Responsive web design is changing the definition of a "page," as it aims to address the growing variety of device form factors and locations where content is consumed. Additionally, as the web evolves, rules and limitations must be better understood in order to create truly unique content. This session will focus on design philosophy and development techniques to create and adapt your content for maximum impact, regardless of where and how it is consumed. Topics will include: • Proper elements for the proper content • Design for context • Adapt your UI and adapt your content • Design with ratios vs. design with pixels • Know the limitations • Designing with limitations • Let the limitations set you free.
Sass & Compass are quickly becoming a standard for authoring and maintaining the styles (CSS) of many of popular websites. A derivative of these languages may someday replace CSS as the default language for styling html. As with using any new technology, a full understanding of how it works, how to use it efficiently, pitfalls to avoid, and patterns for success will benefit any user.
The business world is increasingly enamored with design. Business leaders look to designers for guidance on everything from product innovation to corporate strategy. While designers and business people may bring different perspectives to the table, they share one common language: research.
But research can be dangerous. It often provides easy answers that go unquestioned because the research feels like science. What if we’ve put too much trust in research? What about the aspects of design and product development that are important, but hard to measure? Where does research end and design judgment begin?
In this talk, frog Associate Strategy Director Ben McAllister explores these questions and takes a hard look at the role of research in design. Drawing from not only design, but also economics and the philosophy of science, Ben confronts the conventional wisdom around design research, offering a new vision of how research can inspire creativity and guide decision making.
9th–13th March 2012