24 Apr 2007

Wireframes: The art of the lo-fi web design prototype

From my experience as an e-commerce consultant, I can tell you that page design is critical. Online retailers often test multiple variations of page templates to measure effectiveness. In doing so, there’s considerable strain placed on the web design team as they produce fully colored and refined Photoshop comps.

One solution I’ve found to be an effective tool in the e-commerce web design arsenal is a wireframe diagram. While I wouldn’t necessarily recommend this approach for other types of web sites, wireframe diagrams help designers take a rapid-fire approach to e-commerce page design.

Larry Becker at the Rimm-Kaufman Group recently published an excellent article on MultiChannelMerchant.com that discusses how getting back to pen and paper (or simple digital line drawings) can yield great results.

I’ve found the lo-fi prototype to be an effective tool when doing site assessments to show e-commerce clients how their pages should be laid out for maximum effectiveness. Wireframes take the subjectivity out of the design and make the client focus on page layout, not color and image choices. While color and images are certainly important, those are considerations for after a page layout has been determined.

share this post on your social networks:
  • Twitter
  • Facebook
  • Digg
  • Google Bookmarks
  • StumbleUpon
  • Technorati
  • RSS

If you'd like to learn more about how to make your web site more effective or improve your online marketing, email me or call me at (804) 335-1477. You can also subscribe to our company newsletter, follow me on Twitter or connect on LinkedIn.


One comment »

  1. Agreed. I much prefer to let function drive form for most of the sites I work on. Too often, stakeholders get caught up in debates about colour when they should be discussing business goals.

Leave your comment