Wireframing In Design – What is a Wireframe?

February 04, 2014    Reading Time: 2 Minutes

You may be familiar with the term wire-frame, but still haven’t a clue of its importance in design. It’s something we use on almost every project we work on, and it’s been extremely helpful for us, and more importantly for each one of our clients.

So what exactly is a wireframe?

A wireframe is a layout used to show the bare-bones of a design. It is often used in the beginning of a project to help communicate a high-level view of content, position—and on a more detailed wireframe—contrast.

At the most basic level, we use wireframes to communicate where and how much content will be placed in a design. For example: Will the homepage have navigation at the top of the page? On the left-hand side?

Here is an example of a basic wireframe:

Basic Wireframe Example

As you can see with this example, we’re able to put aesthetics on the back-burner, and instead focus on content. This wireframe communicates where items/features will be located and helps us start to communicate visually with the client.

Although the example wireframe looks simple, it’s actually the foundation of the design. For example, if you were building a house, you wouldn’t frame the walls before the foundation is poured—and so it is here.

After this wireframe is sent over to the client and approved, a more focused wireframe would be the next step. Instead of just listing “header,” we would instead include logo, contact information, image, and possibly links that would be contained in the header of this particular design. We would then share this with the client to further communicate our ideas and the direction we are headed.

After the wireframe process is complete, we then start “designing” the actual project.

Our  clients appreciate these extra steps that we take because when their project is completed, they’ve been with us every step of the way.

If you’d like to hire us for your next design project, give us a call at (360) 450-3711
or fill out our Request a Quote Form.

 

Last updated on November 27, 2018. Shawn is the President of Graticle, Inc.

Tags: ,

Want a Quote on Your Project? Answer a Few Questions »

I have worked with Shawn at Graticle for three years, which should speak volumes in and of itself. I am a high school teacher and serve as the Coordinator for the AVID program. Each August-September we create new t-shirts for distribution to all 140 of our students, along with supportive members of the faculty, staff, and administration.

My team of AVID teachers brainstorms ideas for both the front and back of the shirt, and I present the best one or two concepts to Shawn for his expert feedback. We quickly settle on the best design idea and colors, and then Shawn and I bounce more detailed suggestions off each other for a few days. His suggestions always result in significant improvements to my rough concept. He presents me with graphic “rough drafts” at each stage of our discussion until we have a design I’m really happy with.

Shawn then works his magic, and the final design is the work of a consummate professional. We get tons of compliments on our shirts, starting with our t-shirt printer, and usually end up having to do a second print run for additional faculty and staff who want one of the shirts. This year, a middle school in Southern California saw the design and asked if they could use it.

Another positive aspect of working with Graticle is that Shawn is easy to reach by phone or email, and he is very responsive. I hear back from him either the same day or the next day.

Working with Shawn and Graticle has been a pleasure, He produces good work quickly and at a fair price. I recommend him to you without reservation.

Bill Wolfe

Teacher & AVID Coordinator

Taft Union High School

www.taft.k12.ca.us

Taft, California

The people at Graticle are true professionals. They listen to what you want and need and run with it. Their designs surpassed my expectations and really enhanced the sales for the event we were hosting. The pricing for their services was very, very reasonable. For any and all of my future design and web design needs I will, no doubt, use Graticle!

Homero Tamez

Ellensburg, Washington