In this instalment of Words that Bite, I show how to minimise the angst as you go through the process of putting your website together.
A website wireframe is a drawing that shows the placement of elements on a web page.
Generally, web designers use them before they start designing a website.
A wireframe shows the layout of a webpage without the distraction of visual elements, such as font styles, colours or graphics. It focuses on the website’s business purpose and functionality, rather than on how things are going to look.
Wireframes range from being as simple as a sketch on a piece of paper, to being sophisticated drawings produced by a range of specialist software. However, all you need is a piece of paper and a pencil. You do not need to become an expert in using wireframe software to create your own wireframe.
My wireframe for the Pink Rottweiler Copywriting home page looked like this:
Yes, most people leave the creation of the wireframe to their web designer/developer.
The question is whether this is a good idea.
The answer is ‘Probably not.’
Unless you are going to hire someone who will research your business, as well as handling your information architecture, website wireframe and copywriting, it is smart to have a go at putting together your information architecture and wireframe before starting work with your website designer/developer. It will make both your lives easier because:
So, again, unless you are hiring a copywriter/information architect to research your business and come up with an online strategy, it is usually best to take ownership of the process of creating a website, not just flick all the responsibility to designers and developers. Although web designers and developers may be fantastic at their jobs, they are not experts in your business. They are not going to take the time to research your business, or pinpoint the purpose of your business going online, because, quite frankly, it isn’t what they do. In short, they are not responsible for working out what your website should be doing for your business.
That doesn’t mean I advise designing your own information architecture wireframe, and then, when you visit your website designer/developer, refusing to budge from what you have come up with.
Obviously, if you want a great website, it is crucial that you listen to your designer/developer. The process should be collaborative. You should come from a ‘business purpose/research/usability/functionality’ perspective, while the designer/developer should come from a ‘visual/usability/functionality on screen’ perspective.
The trick is working with the web designer/developer in a way that gets the best possible result.
Spend some time looking at websites and deciding what style you like. I always spend time looking at ones that have won design awards because:
Remember, a good website should not only look great but be easy to use.
Most websites seem to have their menu bar at the top of the page, which is my personal preference, although I admit I’ve seen lots of well-designed websites that have the menu bar on the left-hand side of the page
Ultimately, it comes down to whatever toots your horn.
I am a firm believer in contact details appearing on every page. It always irritates me not to be able to find the contact details for a website quickly.
The prime real estate on any web page is the top right-hand corner, so I suggest that you place your phone number or email address there.
Less important contact details can be located elsewhere, but they should still be easy to find, on every page.
As I’ve said in a previous blog, it is vital to state on your home page what your business does for customers and clients. It is surprising how often this element gets overlooked.
For example, if your business is the largest retailer of fencing materials in your area, state that fact as clearly as possible.
Don’t leave it to the poor old customer to work out whether you:
Consider placing the information about the purpose of your business at the centre of the home page.
Tell your customer, not only on your home page but on every page, what you would like them to do. In advertising land, they call this the ‘call to action’.
For example, tell visitors to your webpage if you want them to:
It is often a good idea to include an ‘offer’ on the home page.
This can mean the difference between a customer or client thinking they might possibly be interested in your product or service, and a customer or client:
One of the biggest problems any website can have is clutter.
You’d be surprised how quickly the desire to add just one more piece of information, especially on the home page, leads to a webpage that is hard to read and messy.
Try to keep what appears on the home page to a minimum. With everything you include, ask yourself whether it really needs to be there or whether it can be located elsewhere.
The purpose of your website is as important as the design.
For this reason, I suggest that, before you talk to your website designer/developer, you spend some time coming up with your information architecture and a website wireframe, so that your designer/developer gets a good understanding of what you want your website to do for your business.
In the next installment of Words that Bite the Pink Rottweiler will look at how to approach SEO.
Are you too busy running your business to think about your website? Would you like someone to look after it for you? If so, call the Pink Rottweiler on +61 (0)409 609 903 or email me at firstname.lastname@example.org.