2010 August

Tip 2: Start sketching out your website design

Yup, we are now ready to bring your website to life. This next bit is the easiest of it all. This is where we go with the standard stuff – logo, menu bars, footer, main area and the lot.

And, this is the time to add in those extra bits – a wee bit of news, a link to twitter perhaps and maybe a helpful little search box on top.

How to sketch out a website, add all the standard bits

Once that is taken care of, it is time for our post-its to make their entry. A few dotted lines, a bit of scissor work…pretty much like ol’ Blue Peter…and we have a rough skeleton of the new concept shaping up.

Add post-its to original sketch, to build up your website

Now then, don’t you expect to get all the things right in the very first go. You might need to move things around a bit, and maybe even start from scratch again! And then of course, there would be the stake holders all along, itching to add in their two pennies worth.

Anyway to cut a long story short, after a few sketches, and some rework you will find yourself in a position to tidy things up. Adobe’s fireworks is what we use for this. They have a nice set of tools and you can easily export to a PDF file. We usually ping these out to clients to show a tidied up version to confirm meeting notes and ensure that all issues were discussed.

This is where we introduce the concept of a grey box. The image below is the same stuff as the sketches, just tidied up a little.

The grey box process in fact relies on open thinking. We might easily get to the design at this point. You can almost see it, can’t you? But then this is the stage where feedback is all important. Take the time out, make sure all angles are covered and you have gotten in all that you would want, and the effort will definitely pay off at the end. These are the critical initial stages. People are at their most creative, ideas are flowing and no one is bound by limits of nice looking designs that rail road you into one way of thinking. Above all, costs are low. If you don’t like how things are going, you simply bin them and just start all over again. No hassle there.

Now when you finally have the rough sketch, go home, show the wife, the kids, anyone you like. (And, when it comes to the comment part, remember the wife’s bit is not to be discarded lightly! They might not be the ultimate authority on web site design or eMarketing. But that is one important source to be relied on for strong opinions of what a site should be like, and what designs are cool. Squeezing out a few minutes in between the baby’s nap and the day’s washing for a quick recipe from Jamie Oliver’s cookery blog, while whisking through eBay and netmums – count on them for some practical opinion on what a quick surfer would want from a site.)

Time for a quick PC disclaimer! The third party opinion does not have to be limited to ‘the wife’ alone. It could be your partner, your mum, your dad or a web savvy neighbour- just about anyone. Basically what we are saying is this – show people. A few extra pairs of eyeballs to spot flaws that you might have missed – a great internet thing called ‘crowdsourcing’. Well, this opinion bit is not based on any solid survey or poll, just anecdotal stuff that was discussed in the office and has been testified as quite an effective tool.

Are you still there with us on this?

  • No? Good luck, we wish you well.
  • Yes? We really are going to get on! Call us.

P.S. Did you spot the ol’ post-it note in the grey box? It managed to stick on this far. Bet you the designer will get rid of it in the next stage!

Tip 1a: Still banging on about Post-it Notes

using post-it notes to design a website

Post tip1 and pre tip2

Right, you gave me all that twaddle about post-it notes. Point taken Mr Owner, Director, Marketing manager, IT dude who has just inherited this web thing. But incidentally my competitors are right now shelling out fortunes on their new websites. Ahem…I hear Jones and Jones diggers are spending nothing short of 50K on their new one! All I know is I want a new website, and it simply has to be the best in the industry.

Well, all of the above have actually been said to me, apart from the word twaddle. Ha, I bet this is yet to figure even in the Enriched Teen’s Vocabulary Edition!

Coming to Scissors, paper, pens and post-its… I know they don’t exactly sound like the newest in technology, and doesn’t really come across as the best piece of professional advice in the age of Twitter and the iPad.

But, surprisingly the entire process is actually quite thorough and looks something like this:

• Simple tools such as post-it notes to capture, check requirements and priorities
• Initial sketches / grey boxing to echo back
• Click-able prototype to confirm that we are going to deliver something that was wanted in the first place
• Design
• Build
• QA / Test / Training
• Go Live

The technology and techno babble in fact comes in only later. We can’t possibly “give you” a website at the very outset. We don’t know your business, your clients or your products. Our job at this point is just to get you talking. We could put on a German accent, use a desk lamp and turn a bright shining light on to you. “You vill talk”. Now, before you get the politically correct police on to us… we don’t do that and we love Germany, especially Heidelberg.

The point we are making is this. A process is needed to capture all the requirements. There will be a lot of sorting, rejecting and change of focus. When the client takes the post-its out of our hands, we know that we are onto a winner. The client is engaging, they are starting to own the process. They are starting to build the site. That is exactly what we want, a partnership approach that will lead to a win-win scenario.

If you think you don’t have to be put through all this hassle for a new website, let’s be honest, we know you could spend 50 quid and get your site done in Mumbai or Jakarta. Heck, you can even go to WordPress.com and get a site for free! (and sometimes that is the right thing to do.)

I hope you are still there with us after all this? Good, in that case we are going to get on quite well and I see a winning website shaping up in the horizon.

Hmmm, this stuff works for Social Media also?

so_me