1 / 9

WireFrame Prototyping for Happier Clients

Discover how wireframes can transform your web development process, making it smoother for both clients and developers. This approach addresses common issues, such as miscommunication about site requirements. Learn how to create effective wireframes that serve as the backbone of your application, allowing clients to visualize functionalities before work begins. We will cover topics including initial creation, refinement, and client collaboration, ultimately helping you save time and reduce development costs. Embrace wireframes for a happier project outcome!

colette
Télécharger la présentation

WireFrame Prototyping for Happier Clients

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. WireFrame Prototyping for Happier Clients (and happier Developers!) Jeanne Sarfaty Glazer jglazer@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 I’m 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. • Don’t 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 Tivadarhttp://www.grokdotcom.com/ • Using Wireframes by Hal Helmshttp://cfadvisor.com (this site requires a subscription)

More Related