Comments on: Using Wireframes to Bring Your Site Together

By: Bien communiquer ses besoins web - tout un défi | Blogue Marketing Interactif

Mon, 16 Nov 2009 12:57:19 +0000

[...] en savoir plus sur les prototypes en fil de fer, lire le billet “Using Wireframes to Bring Your Site Together” de DesignReviver. Pour un schéma très clair sur la place de l’analyse et du visuel [...]

By: Joel Reyes

Joel Reyes — Tue, 10 Nov 2009 02:07:01 +0000

Hello Ivo Bosma,

Thank you for your clarification! I hope others have had the chance to read your comment as well

By: Dwayne Cossey

Dwayne Cossey — Thu, 05 Nov 2009 14:57:58 +0000

Great post. I do alot of my wire frames on graph paper. Our firm designed a web designer ruler which is a 1000 pixels wide, with common ad sized stencils. It def makes wireframing alot easier.

By: Jaspal

Jaspal — Tue, 03 Nov 2009 13:46:18 +0000

Wireframes are really very useful and handy for web designers. It creates a hell lot of understanding about the design and functionality.

One should always make a wireframe … i make wireframes in a Excel sheet as they are very easily understandable .. hand coded wireframes are basic and primary requirement for any type of design.

By: Using Wireframes to Bring Your Site Together : Seminare: Redesign der Website der FH Aachen

Mon, 02 Nov 2009 17:17:49 +0000

[...] Ein sehr anschaulicher Artikel auf dem Design Reviver Blog über den Einsatz von Wireframes (mit Beispielen verschiedener WF-Typen): Wireframes are the blue prints that define and allocate a Web sites content and behavior. They are not bound by colors, fonts, and anything that may surface on the site as part of any content. Wireframing compliments good web development and offers a visual of where the content will be laid out within the sites design. A simple wireframe displays the location of a header, main content, footer, sidebars, ad placement, and navigation. [...]

By: Ivo Bosma

Ivo Bosma — Mon, 02 Nov 2009 16:34:28 +0000

I think you underestimate the use of wireframes in your article.

You state “Wireframing compliments good web development and offers a visual of where the content will be laid out within the sites design”.

When used right, wireframes are far more than that: it is an excellent resource to discuss and validate the entire website with the client. If you break it down in unique pages and components, you can design the most important pages and components for the whole site.

This way you will be able to disuss it with the client, your graphic designers and your developers. When the client is satisfied you can test it with users (or in an earlier stage).

This serves (amongst others) a few purposes:
a) the client gets a good feeling of what he can expect
b) you tackle a lot of problems which otherwise might be found in the development stage: when still wireframing you can adjust easily
c) stakeholders can give their input in an early stage
d) you know you have tackled graphic or development issues in an early stage

By: links for 2009-10-31 | Digital Rehab

links for 2009-10-31 | Digital Rehab — Sun, 01 Nov 2009 00:36:34 +0000

[...] Using Wireframes to Bring Your Site Together | Design Reviver (tags: wireframe webdesign wireframes design development layout usability webdev) [...]

By: Tony Geer

Tony Geer — Sat, 31 Oct 2009 02:21:23 +0000

It may be a good idea to point to your sources for the images.

By: Fish Marketing

Fish Marketing — Sat, 31 Oct 2009 02:13:14 +0000

I usually just dive right into a full comp without wire framing. Painting the full picture with images and colors seems to work better for most clients I work with.

Wire framing seems like an unnecessary extra step, but would like to try it sometime and compare. I think it seems like a good idea for larger websites with lots of content and features.

By: Andrew Abogado

Andrew Abogado — Sat, 31 Oct 2009 01:22:57 +0000

Useful info!

Wireframes are one essential part on the design process since it helps one to think right and proper placements of content elements & proximity as well.