Your current filters are…
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?
With responsive design designers need to rethink the process they go through to work with clients and developers to create successful visual designs. Rather than creating traditional comps, style tiles are a deliverable that help you to communicate with your client, establish a visual language and work iteratively with developers. In this presentation, Samantha will explain how to reinvent your process to leverage Style Tiles as a deliverable.
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.
This workshop will cover the technical details of how to create an accessible HTML DOM structure, tie it to the visible Canvas surface, additional Canvas APIs designed to fill in the accessibility gaps, and how to keep everything in synch. The workshop will compare the implementation state of canvas accessibility across browsers. Expect code samples, and lots of them!
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.
Web 2.0 entertainment companies like Netflix, Twitter and Facebook, seem to be able to address our every need. When we search for movies we love the Netflix system immediately spits a list out. If you're a new technology enthusiast you might be like many of us scratching our heads and saying to ourselves - how'd they do that?
Apache Cassandra is a new platform, originally coined to address the changes and challenges arising with arising from cloud computing and the need to quickly leverage ‘big data’ coming into the database from new systems, like mobile devices, GPS, point of sale devices, new media, etc.
The benefits of Cassandra come down to elasticity, availability and scalability.
DataStax the commercial leader in Apache Cassandra, burst onto the scene last year evangelizing the benefits of Cassandra. The company works with industry leaders and start ups alike, including Netflix and Twitter to address the real business/consumer needs.
This session would delve deeper into the new technologies like Apache Cassandra that allow the inner geeks in all of us to answer the age old question of how'd they do that?
If you build it, they might not come, if you haven't thought about how search engines view your web site. Forget testing for Internet Explorer, Firefox, Chrome and Safari. Search engines are the common browser that everyone uses. The good news is that search engine optimization (SEO) doesn't mean terrible design or some type of black-magic trickery. Rather, there are good, sensible things that everyone should do that pleases both search engines and human visitors. In this session, representatives from Google and Bing provide this type of advice. They'll even get you up to speed on the impact that social media is playing on search results. Even better, it's all Q&A. Bring your top questions about how they rank sites and get answers directly from the source.
by Fritz Onion
This session will review the options available today and in the future for client-side templating in jQuery. We will show the libraries available today, including jQuery Templates, knockout.js, and JsRender/JsViews.The past year has been rather tumultuous in the jQuery Templating space. Before the jQuery Templates plug-in even had a chance to come out of beta, the project was terminated in favor of newer templating libraries currently under development. However, even though it is still unclear which templating library is the best to use, the concept of client-side templating is too important to ignore or put off using. This talk will review the various options Web developers have today for performing client-side templating, and will present guidance on what to look for in the coming year as newer libraries are released.
In this one hour tutorial workshop, you will become skilled in CSS3 selectors, transforms, transitions and animations. We will work through an animation examples, creating different paths, timing and effects, exploring linear gradients opacity, alpha transparency, border-radius, text-shadows, transforms, transitions and mostly animations. The code example will be provided participants can play with the code, going from novice to skilled without heavy note taking.
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.
by Paul Trani
HTML5 and CSS3 are hot, driven by an explosion of new, Internet connected devices. While they offer many new features that should allow you to do the types of things that you previously did in Flash, actually making it happen is really hard. Until now. Adobe Evangelist Paul Trani will give you a first‐hand look at Adobe Edge, which is designed to save you time while creating beautiful motion and interactive content for the web. Paul will also give you an exclusive first look at new features for Edge – don’t miss out on this rare opportunity to learn about Edge from the source!
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.
by Paul Trani
Part of being a great web designer is understanding the medium you are designing for, recognizing its weaknesses and pushing its strengths. Understanding this balance as we are thrust into the world of mobile and "progressive enhancement" will go a long way in making you a success. In this session, Adobe Evangelist Paul Trani will demystify the technology alphabet soup of CSS, HTML5, jQuery Mobile, PhoneGap, TypeKit and Sencha Touch so you can boldly execute on your next project (or at least sound really smart in meetings).
Learn how Adobe's Business Catalyst unified platform and Dreamweaver CS5.5 can propel you to build everything from powerful online stores to beautiful brochure-ware sites to lead generation mini-sites without back-end coding. Through this session, you'll learn how to: Create a fully featured web site in minutes, manage intuitive, flexible content, integrate social Media "in a click", add database‐driven content without the need for coding, build and customize web forms for capturing customer leads, and generate reports on site performance and customer activity. Follow @AdobeSXSW for the latest information.
Perfect way to end the Adobe Creative Camp day. Visit Blogs.Adobe.com/events/SXSW for information on how to RSVP.
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.
Here we'll discuss the importance of live, working prototypes that use real data and how to create them using nothing more than a Web browser and a text editor. Then we'll break out our laptops and hack some new functions--past SxSW attendees may recall "Kick-Ass Mash-Ups with Punk Rock APIs"--into a live page. This may sound crazy, but it's exactly how I prototyped the redesigned front page at Yahoo! and a bunch of fun stuff at Netflix.
With the Agile Manifesto reaching its 10th birthday last year this one-time fringe software development methodology has become very much mainstream. Requiring feedback early and often, Agile’s main goal is to get software into the users hands fast. Relying on these feedback loops to guide development and shape the product to come. While Agile is user centric does it actually support the fundamentals of Experience Design? Is there enough time to research and properly explore design concepts? Is the user being short-changed for business benefit? A hands-on interactive game highlights the challenges of Agile development and explores how Experience Design can be integrated for the benefit of all.
The internet is a virtual playground for all kinds of bullies, those in it just for the "lulz" to those in it for the cold hard cash. This workshop will demonstrate how you can use ESAPI to protect your application from attacks that could lead to serious breaches from attackers ranging from script kiddies to the advanced persistent threat by examining high profile attacks and the defenses against them. Using examples such as the recent Sony and Citibank breaches we will examine how you can protect your app from the same type of attacks and also how you can leverage the components in ESAPI to detect the threat and react to it before it becomes a breach.
9th–13th March 2012