blueprint

Wireframes for non-designers

Think of wireframes as a blueprint for what’s to come. Wireframes help a designer experiment quickly – move navigation elements, hero images, banners, product images, etc without burning a lot of billable hours immersed in code or working in Illustrator or Photoshop. Let’s take a look at some example wireframes:

wire1

wire2

wire3

wire4

As you can see, wireframes can come in the form of paper sketches or the designer might choose an online platform to create an deliver them.

The moral of the story is that wireframing is an important exercise in getting a website started on the right foot. With wireframes, your designer will think out potential user experience issues and create scenarios for your users within your site. It is better to work out these paths on paper than to try and slog through fixes in code later.

If you’re designing (or redesigning) website wireframes are your friend!

Comments are closed.