I am going to publish some “mini” posts, giving quick insights and how-tos, if you have ANY question, just comment or drop me a line, I’ll be more than happy to answer.
I was fortunate enough to work with a neurotic (yes, I was fortunate) person, I will never ever forget the first time I was about to “wireframe”, I pulled the laptop out to start and he yanked it from my hands and screamed at the top of his lungs NEVER! handed me a pencil and a paper, and screamed again USE THIS! YOU GET TO PLAY WITH THE TOYS LATER and in a calm voice, “now I know you will never forget this golden rule”
I cannot count the times I twitched and felt a part of me die when I saw “graphic designers” fire up a software and start “designing” and I cannot count the times I wanted to just shoot myself in the foot when I saw “web designers and architects” firing up Illustrator and start “designing websites” and they just thrown in “sketching? that’s a waste of time” when you ask them why not start with wireframing…
Anyways, if ANY sort of designer starts “designing” immediately on a software, for your own good, let him go. You will thank me later. So, off to wireframing, this will be a multiple post over the course of days/weeks, nothing mind boggling just simple tips.
Wireframing is an essential step in the whole design process, as a matter of fact it’s the first step. Is it a deliverable for your customer? debatable (we will get back to that sometime..)
Wireframing helps shed the light and document what goes on every page of the site, components/modules/info…
Picking a pencil up and sketching a simple wireframe will help you tackle all the elements and components that should be in every page, when you do this step, you will save time (money) by not having to revise the site later on and fixing the whole design (How many times did you have to re-fix a site just because an element was forgotten, because text was added/omitted…)
Just like cars need a solid frame to be built, websites are not different.
Next post will be about Wireframing vs Prototyping, the difference, what each one means, and when you really need to prototype.
Image courtesy of Edmittance






