Design & Effects Sessions

Design and Effects Sessions

Learn best practices for design in your choice of several hands-on sessions – Coverage includes interaction design; using Flash with Ajax; avoiding cross-browser issues; adding custom fonts with sIFR; Canvas; merging Ajax with accessibility; Silverlight and more. You’ll also hear a first-hand account of common pitfalls to avoid when developing enterprise Ajax applications; and find out what design patterns will ensure a ruined user experience.
# Anti-patterns: Designing for a Poor User Experience
Design Patterns and Animation with jQuery
# Flash vs. Ajax: Strengths and Weaknesses and How to Best Utilize it in Projects
# Learning to Love Forms
# Light up the Web with Microsoft Silverlight
# OpenLaszlo 4.0 - Java ME, Ajax and beyond
# Ruining the User Experience
# Stylesheet-Based Behaviors: Motivation, Challenges and Implementation



•Anti-patterns: Designing for a Poor User Experience with Bill Scott, Ajax Evangelist, Yahoo!

Sometimes it is most instructive to look at design patterns in reverse - as a set of anti-patterns. In this new talk, Bill explores the common mistakes that designers & developers make when attempting to craft a rich web experience. Bill uses counter-examples from consumer facing web sites (both inside & outside of Yahoo!) as well as from enterprise web applications to illustrate the right way to design. You will learn:

* • The underlying principles that frame good design
• Common patterns that illustrate poor choices in design
• A set of anti-patterns that can help web authors refactor to a good solution
• A vocabulary for approaching design and how to use Ajax & Flash to design rich web experiences and more.

•Design Patterns and Animation with jQuery with Paul Bakaus, System Engineer, New Identity Agency

Do you remember the old “Web 1.0” way of user interactions? Now, with smart animations that work cross-browser and are safe in large applications, we can support all user interactions. Along with the Web 2.0 wave with all cool Ajax effects possible, it’s absolutely essential to focus on user interaction with your web interface.

In this session, you will learn about natural design and animation patterns in web applications – Learn what to keep in mind when trying to animate in large scale applications, and get a demonstration of jQuery UI’s prebuild effects, jQuery’s user interface solution for building rich web applications.

In this session, you will learn:

* How to animate using JavaScript/jQuery;
* What design patterns are and where you should use them;
* How to separate markup from content;
* How to deal with performance issues.

•Flash vs. Ajax: Strengths and Weaknesses and How to Best Utilize it in Projects with Geoff Stearns, Flash Engineer, YouTube

Flash can help you extend Ajax applications beyond the limitations of what browsers can handle – but its often misused. In this talk, YouTube Flash engineer Geoff Stearns demonstrates effective use of Flash when building hybrid Flash/Ajax Web apps, and discusses best practices when using Flash in a modern Web application. Geoff will also cover techniques that can improve the usability of your Flash and Ajax projects. During this session, you will learn:

* • Optimal use cases for Flash;
• Common examples of overuse or abuse of Flash;
• How to integrate Flash seamlessly with an Ajax application;
• Strategies for making your Flash and Ajax apps and websites more usable with browser back button tools, deep linking, and search engine optimization.

•Learning to Love Forms with Aaron Gustafson, Founder, Easy! Designs LLC

Forms are the central component of most websites and all web applications, yet few people take the time to build them correctly. Getting it right could mean the difference between people finding your site or application useful and them leaving disappointed with the experience. In this session, design expert Aaron Gustafson explores forms from top to bottom, examining how they work and how their components can be incorporated with other elements to maximize accessibility, improve semantics, and allow for more flexible styling. You will learn:

* • Basic form building blocks;
• Markup for common form components;
• Error, warning, and formatting messages;
• Form styling and its implications;
• Browser oddities with certain form controls;
• Best practices for form manipulation with JavaScript and Ajax.

•Light up the Web with Microsoft Silverlight with Peter Laudati, Developer Evangelist, Microsoft

Users continue to expect more of the Web. Many sites now feature active animations and media elements, without breaking the browser navigation metaphor or requiring the user to endure long and often complex installations. Microsoft provides a broad spectrum of tools to help developers build applications that target the Web and the desktop. However, a new blended segment is emerging that includes characteristics of both – providing rich experiences and incorporating media elements seamlessly inside the browser. Microsoft Silverlight (the technology formerly known as WPF/E) is a brand new solution that equips developers to create visually stunning, interactive applications that run on multiple browsers and operating systems and are painlessly deployed to the end users.

In this session, you’ll learn all about Silverlight from a developer’s perspective, including how to build rich, interactive applications using Visual Studio, as well as Microsoft’s powerful new designer tool, Expression Blend. You’ll also see how to create dynamic experiences with the Extensible Application Markup Language (XAML), how to manipulate the overall application or experience with code, and how to retrieve data and media from a Web service and incorporate it all into a Silverlight application.

In this session, you will learn:

* • How to build rich, interactive applications with Visual Studio and Expression Blend;
• How to create dynamic experiences with XAML;
• Application and experience manipulation with code;
• How to incorporate Web service data and media into Silverlight applications.

•OpenLaszlo 4.0 - Java ME, Ajax and beyond with Max Carlson, co-founder, Laszlo Systems & OpenLazlo.org

OpenLaszlo 4.0 released earlier this year with support for both Ajax and Flash as runtime platforms. Developers can now choose the best runtime technology without being tied to any single proprietary technology. Join Max Carlson, co-founder of Laszlo Systems and OpenLaszlo.org, as he reviews OpenLaszlo 4.0 and details the new Java ME and DHTML support. You’ll learn:

* • The risks and rewards of moving to DHMTL and Ajax as a runtime;
• What’s on the plate for future releases;
• And much more.

•Ruining the User Experience with Aaron Gustafson, Founder, Easy! Designs LLC

With the exploding popularity of DOM Scripting, Ajax and JavaScript in general, it's important to know what to do -- and what not to do -- when dealing with these technologies. This session walks you through several real-world examples, pointing out common mistakes that hinder usability, accessibility, and search while teaching you ways to avoid them altogether, either programmatically or simply by altering the way you think about JavaScript-based interactivity.

In this session, you will learn:

* • How to meet your users' needs and expectations in a progressively-enhanced way;
• Common mistakes in interaction design;
• Progressive enhancement as a concept;
• How to deliver a layered interface;
• Progressive enhancement with CSS;
• Progressive enhancement with JavaScript.

•Stylesheet-Based Behaviors: Motivation, Challenges and Implementation with Dan Yoder, CEO & CTO ZeraWeb and Vixby.com, Cruiser JavaScript Library author

This session reviews the concept and history of behaviors in Web applications and introduces the benefits of a stylesheet-based approach. Expert Dan Yoder focuses using this approach to support the separation of structure, content, and appearance in Web applications, and details a real-life implementation of stylesheet-based behaviors. You will hear about:

* • The challenges and design decisions involved in implementing stylesheet behaviors;
• How to use advanced features of the DOM API and the Prototype library;
• Lessons learned for testing cross-browser rendering;
• How design decisions can help manage the increasing complexity of the implementation;
• Tradeoffs in using stylesheet-based behaviors;
• Examples of behavioral styles in real-world applications and more.


cheers Aurobindo

courtesy@ TechTarget