![]()
About:
The advent of Web 2.0 has exposed a demand for richer, more nuanced forms of interaction, posing new challenges for today’s information architect. We will examine how wireframing - one of our 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.
Panelists:
James Box (User Experience Cons, Clearleft Ltd),
Richard Rutter (Production Dir, Clearleft Ltd)
Some hIghlights:
“Can’t tell how well something will work until it’s in your sweaty palm.”
“Trying stuff is easier than deciding to try stuff.” Google
(Excellent quotes illustrate why we use wire frames in development.)
Reason to wireframe:
+ Define the “Possibility space”
A term used in the gaming industry, to describe the options and possibilities that a user can explore.
+ Behavior - understand how the site itself will behave.
+ Universal appeal - works for everyone involved on the project, for the life of the project. Designers, developers, copywriters, pm’s and clients.
Some new, cool tools:
Jquery. Super simple and basic. (http://jquery.com/)
Polypage (http://code.new-bamboo.co.uk/polypage/)
Shared libraries allow everyone at the agency to pull from pre-developed works
What we can accomplish
+ Add annotations for team
+ Mimic the interaction so that everyone on the team knows how it’s going to work
+ Show what a page will look like in all of it’s incarnations.
Sample wireframe:
http://elfcartel.clearleft.com/