"Practice safe design: Use a concept.” - Petrula Vrontikis

Designing Websites with Wireframes. Does your company use them? If not, what do you use?

Posted: June 8th, 2011 | Author: | Filed under: blog, how to, software, techniques, web design | 1 Comment »

“Wireframing and getting the most out of it from a designer’s perspective”, by Liz Tran ©2011 Designer Daily. All rights reserved.

This afternoon I ran across “Wireframing and Getting the Most Out of it from a Designer’s Perspective“, by Liz Tran over at Designer Daily. The article illustrates the Pros to utilizing wireframes to design webpages. I’ve designed internal webpages for 3M with provided Visio wireframes, and more recently for Marketing Clique (Online Marketing -> SEO, Website Design, Programming, and more) from a wireframe they provided me to design the webpage at www.cleandude.com. Other than that, I haven’t designed from them.

A former colleague, Edward Spurlock, a self-proclaimed “evolving Code Monkey”, posted a comment on my Graphic Arts Daily Facebook Fan page. He indicated that there may be a better alternative to designing from wireframes. This prompt from Edward led me over to the article link he posted on his blog by Julie Standford of Boxes and Arrows titled, “HTML Wireframes and Prototypes: All Gain and No Pain“.

©2011 Marketing Clique Web Design and Cleaning Service Solutions. All rights reserved.

I, like Julie, develop prototypes utilizing Dreamweaver. I find it faster and easier than going through the trouble of sketching out the site, then building a wireframe to work off of. However, my recent experience using Marketing Clique’s clean wireframe was very helpful in designing the Clean Dude site. I deduced from that experience that using a wireframe was indeed helpful and there was no mistake as to knowing what layout the client wanted.

I’d love to know what the reader’s of this blog use and does it work well for you or have you been itching to try something faster, better, different?

 

Comments appreciated!

 

 

One Comment on “Designing Websites with Wireframes. Does your company use them? If not, what do you use?”

  1. 1 Edward Spurlock said at 12:18 am on June 9th, 2011:

    Thanks for the shoutout!

    Wanted to add – initially, I found the idea of HTML prototyping (instead of creating a full wireframe as an intermediate step) a compelling one. The idea gained additional credence when I found the link to how 37signals uses HTML prototyping, since 37signals is (are?) heavy hitters in the Web design/development community (creators of BaseCamp and Ruby on Rails).

    However…I don’t know if 37signals does much Web design for end customers – if they don’t, then maybe HTML prototyping isn’t the way to go for fast back-and-forth communication with customers.

    I’d be interested to see if anyone else has a perspective on wireframes versus HTML prototyping versus other approaches.

    –Ed–

Leave a Reply