Tag Archive: graphics

Sidebar imagery sets blogs apart

Fairy Blog Mother: blogging help

Click my logo to ask me a question!

There is a design agency I keep an eye on. I like them because they are distinctly visual (I suppose design agencies are supposed to be), but it is the myriad of colours and the way they use images that attracts my attention.

This is not confined to just their graphics on paper, but online too. Their style is distinctive, and may not suit everybody, but simplicity combined with complexity is tastefully intertwined, and they have found a way to put this concept onto their websites and blogs they also design for.

If you are into NLP, you will know that people understand and process things in different ways. Some respond visually, others to words and the rest to sounds. A blog can use all these to put its messages across. By using all of these media, there is a better chance of capturing the attention of more potential followers and customers.

A WordPress.org blogsite allows you to do virtually anything you like on your sidebars. You could go down the usual route and add in conventional widgets which are mainly text-based, or you could go out on a limb and create linked images. This is particularly apt if your main subject lends itself to a visual presence, and each image is specifically designed to look ‘clickable’ (three-dimensional, enticing and understandable), so your visitors could end up have far more fun exploring your site than an ordinary blog. After all, isn’t that what you want them to do?

Having images on your sidebars linking to various areas of your website should be in addition to the navigation bar, because there will always be people who prefer using that method to enter a site (reference NLP) and won’t understand the concept of clickable pictures. Don’t discriminate people who are wired differently from you, they all have to be accommodated if you are going to make your website succeed.

Share

My blogging design dilemma

Fairy Blog Mother: blogging help

Fairy Blog Mother

In case you haven’t realised it, this theme has been doctored by me. It was originally a horrible pink (and the one I used before this was a hideous green), which certainly would not have done for a purple lady like me!

refers to WP.org

So I learned how to change the code (CSS) to the colour I liked. At first it was difficult, took ages and I made many mistakes, but I learned a lot and now I can change a theme to almost anything I like, even its dimensions and other juicy bits, and add on my graphics to make the theme my own. Also I can make changes whenever I want to (watch out, I’ve plenty of ideas for the future)!

Of course it helps to have a good base to start from, as so many themes out there on offer are certainly not to my taste, or don’t contain the attributes I deem necessary for a blog. So I look for a decent banner, well placed sidebars, copious body, simple navigation and as plain a background as possible.

One of the things I love doing is changing the theme of other blogs (check out what I did for Tom Pick)! It is so satisfying to make a good job out of a bad one, and this delight also extends to adapting a basic design into something the other person desires, expects or looks for. This is what I do for my boss when I design WordPress blogsites for her clients: I have chosen four basic blogging themes which I can change to almost anything the client wants.

But why do I have a dilemma? This is because I have been introduced to some WordPress themes that allow anybody to change them to whatever they want, without having to understand HTML, CSS or whatever. OK, you have to pay for them, but that also would be the case if you got me to redesign your theme, and it might even work out less expensive.

These themes have been cleverly developed so that all the blogger has to do is to select a basic layout, click on some buttons to activate changes, add in colour hexcodes for beautification, drag and drop attributes into an appropriate position, and experiment with lots of specially created gadgets and widgets to get the effect they want. A perfect system for geeks and non-techies alike.

But would you get that personal touch? Would it involve specially designed imagery that makes all the difference? Would your new theme stand out above your competitors or set you apart from all the other blogs out there? How important is it for you to have something truly you could call your own?

Really I shouldn’t be pressurised by this competition, because the people who would go for these themes prefer uniformity, rigidity and a sense of sameness, and perhaps like controlling something for themselves, rather than getting their theme redone for them, valuing design, individuality and a sense of something special.

Share

Does your website have clickability?

Fairy Blog Mother: blogging help

Fairy Blog Mother

I was recently requested to create a blogsite with ‘clickability’. Even if it isn’t a real word (I’m sure I read it somewhere) I immediately knew what this meant.

I learned about clickability from a fantastic book called ‘Don’t make me think’ by Steve Krug, which had me transfixed from cover to cover. It’s all about using psychology to get the website visitor to perform the required action, and it is how the visitor reacts that contributes towards successful optimisation and function of the webpage.

I use a website that offers excellent WordPress themes (templates) with left hand sidebars. This is important as we, in the Western world, naturally read from left to right, so the most important elements of your website should be placed on the left: sign up forms, subscription requests, notices that require attention – in fact any kind of call to action, even if it is a link to your latest post or new page. Interestingly I’ve just spent the weekend investigating a theme with two left sidebars, but have decided against installing it permanently as I prefer this theme!

The next clickability element is the button that requires clicking. A flat image, even if it says ‘click here’, will not be as enticing as a raised or three-dimensional graphic. The button has to look like it will click when you press it with your mouse, even if it doesn’t make a noise, and clever web-designers can programme their buttons so that they transform to a ‘clicked’ image once the visitor has done the deed.

But even flat images can trigger clickability. There are lots of pre-designed icon websites you can use to create your buttons, and I searched through them to find images that matched my blogsite owner’s requirements, as we have become preconditioned to click on such images, these simplified and sparsely drawn graphics that convey meaning without words, almost universally uniform throughout the internet.

Even so, I am reminded of a website whose graphics did not bring any results. Nine beautifully positioned images of ‘products of the month’ showed hardly any interest from visitors when scrutinised through Google Analytics. So where did they click? Well, the poor things had a hard time searching for something that seemed clickable, as the main links were hidden inside the banner, and the sidebar’s links were thinly disguised as ordinary text. Only 50% of visitors gained access to the remainder of the site because the sidebar links matched their search requirements, and even though the site’s creator expected his ‘product images’ to be examined, there was no real reason or enticement to encourage such investigations.

Sometimes it is important to state the obvious if you want a reaction. One site I reviewed contained a lot of information ‘below the fold’, that is the area of the webpage that can only be accessed by scrolling down. As most of this material was necessary, I wondered how many visitors bothered to search to the bottom (remember, visitors usually use an average of 3 seconds to make up their minds about your website when they first visit), resulting in a lost opportunity. All that was needed was some buttons that highlighted the content that wasn’t visible, with anchor links to automatically jump to the corresponding area. If they had been clickable enough, the full purpose of the webpage would have been delivered.

Share