WireFrame Prototyping for Happier Clients (and happier Developers!) Jeanne Sarfaty Glazer email@example.com The Seva Group http://www.sevagroup.com
The Problem • Nailing down the site requirements. • Ever been in the middle of development when the client says “well… I really wanted this page/area/feature to do something else….”? • Getting agreement from the client on what their website will do • What do they really mean when they say they want xyz…?
Wireframes can Help! • Wireframes provide the skeleton or structure to your application. • They enable you to walk your client through and nail down functional requirements before development begins • They can save Time and Money in Development Costs
Topics Covered • Set Up • Initial Creation • Refining the Wireframe • Live Example • Next Steps
Where To Download • www.halhelms.com • Hal Helms is the Creator of Wireframes • www.bjork.net • Lee “Bjork” Borkman has written the version of Wireframes I’m using today – which does not require a database to run
Initial Creation • Recommendation: Bring a working Wireframe to the client based on your past conversations.
Refining The Wireframe • Run through the Wireframe with the Client making changes/adjustments as needed. • When you are done, you will have the skeleton or framework for your application. • Don’t forget to get the client to sign-off!
Next Steps • Design • Look and Feel • Prototype
Articles & Resources • The 12 Step Development Process(see his Jan2001 newsletter) www.halhelms.com • Direct Link to Wireframe Download www.bjork.net/download/wireframe30.zip • (Wire)Frame Yourself by John Quarto-von Tivadarhttp://www.grokdotcom.com/ • Using Wireframes by Hal Helmshttp://cfadvisor.com (this site requires a subscription)