Brent Sordyl's blog

Jeffio – Sketches, Wireframes & CSS
As I mentioned before, I like to write all of the copy in my wireframes. This phase is all about information flow with little emphasis on design so this is the best time to think about words.

Get Wireframing: The All-In-One Guide
Wireframing is a great tool to incorporate into your projects as it allows for rapid prototyping and helps to pinpoint any potential problems. I personally find it invaluable on projects to have a visual representation of content, hierarchy and layout. Overall it’s an excellent step to incorporate into your project before the design process begins for both you and your clients.

The Importance of Wireframing
Helping the client to focus

To put it simply, using gray box models eliminates the distraction of an element’s visual treatment. When reviewing a page layout for the first time in color, it’s very easy for the client’s opinion of the page to be influenced by the graphical design. If you happen to select an overall green color scheme for the page and your client happens to hate the color green, then they’re likely to have a strong emotional response to the color that will make it harder for them to focus on the “bones” of the page. Their feedback may be, “You need to completely start over” when in actuality, the layout works fine and the color was the only thing throwing them off. A stripped down wireframe will let you get important feedback on sizing, layout and placement without your client getting hung up on the presentation.