Clickframes Design

Web Application Framework

Wireframes only do half the job. They’re great at capturing requirements you can see. Clickframes complements your design work by organizing the things you can’t easily see: application workflow, form validation, bookmarkable URLs, data elements, and all those important little things that usually get lost in the shuffle.

1. Design as usual

Ethnographic research, mental modeling, personas, wireframes – those all stay the same.

2. Write a spec

Use easy-to-learn Clickframes XML to describe your webapp’s requirements – pages, forms, actions, content.

3. Generate & Collaborate

Clickframes will process your spec into an HTML prototype you can use to test workflows and validate your application’s interactivity. When you’re ready, transition the appspec to your developers and refine as your project progresses.