by Christophe Porteneuve
These use cases drop in time and again: checkbox lists; live login validation; dynamic form rows; server-side processing progress indicators; list reordering using drag and drop; and more… As always, there are a lot of terrible ways to achieve those, several decent ones, and precious few really good takes. This session will review several such use cases and detail various ways to implement them, contrasting the ugly and the beautiful, showing useful reflexes and rules of thumb, with a special focus on performance and maintenance.
Modern, cutting-edge web sites and applications have exposed a demand for richer, more nuanced forms of interaction, posing new challenges for today's designers and developers. This session will examine how wireframing - one of the user experience designer's most readily used tools - is evolving to meet these demands.
The creation of modern web applications involves designing intricate patterns, such as state-change and ajax-like behaviour. These designs need to be documented and user-tested quickly and efficiently. Using real-world examples, this session will show how wireframes, in the form of non-functional HTML prototypes, can be the ideal solution to both design and documentation. It will demonstrate how JavaScript frameworks can enable designers to create interactive wireframes which communicate more effectively with both clients and developers. Wireframing and prototyping have long been the lynchpin of user experience design. This talk will demonstrate why, with a little evolution, this is still the case.