WireFrame Prototyping for Happier Clients

1
WireFrame Prototyping for Happier Clients

• (and happier Developers!)
• Jeanne Sarfaty Glazer
• jglazer_at_sevagroup.com
• The Seva Group
• http//www.sevagroup.com

2
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?

3
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
  

4
Topics Covered

• Set Up
• Initial Creation
• Refining the Wireframe
• Live Example
• Next Steps

5
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 Im using today which does not
  require a database to run

6
Initial Creation

• Recommendation Bring a working Wireframe to the
  client based on your past conversations.

7
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.
• Dont forget to get the client to sign-off!

8
Next Steps

• Design
• Look and Feel
• Prototype

9
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 Tivadar
  http//www.grokdotcom.com/
• Using Wireframes by Hal Helmshttp//cfadvisor.com
  (this site requires a subscription)