• 1
• 2
• 3
• 4
• 5

addition ajax animation animations applications applied article attribute attributes basic beginning block box build class classes comment completely concepts count css data default demo design determine developer developers development display div dom early easy element elements entry find forms good great guide hale happy hover html hug id idmessage information inline interface introduction javascript kevin li links list making markup methods model months multiple names needed number page part particletree people place problem process programmer project property prototype prototypes prototyping pseudo put rapid read rules selector series skills source specificity start store style team techniques time times traditional ul understanding usable user web wireframe wireframes wireframing work workflow working written xhtml

Keyword Cloud Navigation Map

Jeffery Zeldman wrote earlier this year in his essay about Web 3.0 that “Wireframing AJAX is a bitch.” And while I can’t deny the statement, I do think there are steps we can take to alleviate the pain. The problem is static XHTML/CSS wireframes are woefully inefficient at the task of communicating and documenting the features available to the new crop of Ajax web sites. Because we’ve been working on a rather intense Ajax project for the last few months, we’ve been developing and refining a number of techniques and guidelines to help our team design for Ajax by moving beyond the traditional forms of functional specs and wireframes to something a bit more appropriate for the dynamic medium—rapid prototyping.

There’s nothing new about them. 37signals’s Getting Real movement is all about sitting down and getting in front of the interface. A prototype is just one of the ways a team can dive right in. For us, prototypes are basically wireframes come to life. A combination of CSS, XHTML and JavaScript, they help me, as an interface designer, communicate effectively the look and feel of a proposed page to a programmer, like Ryan, so he can integrate the interface into a project quickly and efficiently.

Read Full Tutorial...