Full On Design

Berkshire Based Web Development

 

Design

7 Harsh truths about your forums

I love forums, they are a great way to communicate but I find that very often I get to a website’s forums and find it is about as interesting as paint drying. Below are some of the complaints I tend to have for the webmasters.

1. Your users are idiots

This is a common problem on support forums, where users will post the exactly same problem…several times (Sometimes you may even find it’s the same user). This is unbelievably infuriating because it shows the person who wants help, can’t be bothered to even do a quick search.

The best solution is to encourage user to check before they post (such as a simple search of previous posts, like on Digg). This will reduce the number of very similar posts.

2. You have too much choice

Keep your forum relevant to your website; I don’t want to go to a Surfing website and end up talking about Web Design. Try and limit yourself to around 2 to 4 forums with a maximum of 4 sub-forums. Otherwise you are overloading your users with choice.

3. You have no community

No one likes the feeling that they are talking to themselves, especially on forums. Make sure you (and everyone you know) use your forums, to make it feel more active.

Having an easily accessible “Recent posts” or “Active Topics” page will instantaneously give smaller forums a feeling of community.

Read the rest of this entry »

Alternatives to CAPTCHA Image Verification

CAPTCHA Image Verification is one of the worst ideas in the world from usability point of view, users with poor vision or who are fatigued may find complex CAPTCHA difficult.

stupid_captcha1The phrase “You what now?” comes to mind.

Here are some alternatives, which are a little more user friendly.

Logic Test

This method essentially asked your users to solve a simple puzzle, which a bot will find difficult, or CPU intensive to solve. In this simplified example, where we are going to ask the colour of the box (or the circle in the box).

logic_test_exampleFew users will find this test hard

The combination of differentiating between shapes and colours is quite easy for a human to do, but a computer can find this quite difficult. On the other hand though, this is quite work intensive for the programmer and unless you create a wide range of questions, you are a little limited.

View Example

Dummy Fields

In a nutshell, this puts a field which is hidden via CSS which requests a common piece of information (such as email, or message). If the field has been filled in, you can assume that a bot is being used.

Unfortunately, some modern browsers sometimes automatically fill in form for the user, which is a moderate problem.

View Example

Response Timer

This is another method which does not involve users having to do anything. The theory behind this method, is to see how long the user takes to submit the form. If the user takes a short amount of time, they are either super human, or bots. This is relatively full proof as most bots will instantly submit a form.

View Example

JavaScript Extra

This technique assumes that most bots are unable to use JavaScript, so making JavaScript write a little extra piece of information to the form should stop bots. According to the W3C 95% of users have JavaScript turned on, which is good.

View Example

Akismet

This is one of the best methods of stopping spam, essentially Akismet compare what your user has posted with other stuff posted all over the internet. For me, it’s never missed any piece of spam.

Conclusion

Is there a single alternative to do it all? No, but with a combination of all the methods we can reduce the overall amount of spam. In the next example I’ve combined all the above methods (minus Akismet) into a single file which assess weather a user is human on a point system (3 out of 4 will assume human). Feel free to copy it.

View Example | View Class File

5 easy ways to improve the usability of your website

Users are simple folk who are easily confused, as a designer or developer its core to our job to make our websites as easy to understand and use as possible. Here are 5 easy ways to improve the usability of your site.

Be Consistent

Having a similar layout across your website helps with user familiarisation, if the layout drastically changes the user will tend to assume they are on another website (users really are that silly, hence phishing scams doing so well).

An example of where most websites fail to be consistent is in add-on packages such as Blogs and Forums. In a recent survey by Full On Design a very high percentage of websites which used a readymade blog (WordPress etc) or forum (PHPBB, MyBB etc) did not have a consistent layout.

Don’t send mixed/complex messages

247_support_offline_small24/7 support which is offline, this could confuse users.

As mentioned above, users get confused easily and a confused user is an unhappy user. Putting an excessive amount of information on a single page on a poorly constructed page can make a user think “this is not worth my time” and they will leave.

To fix this, quite simple check how your website reads with a 3rd party and condense your data into as few words as possible (but don’t lose the original message). Really good examples of websites which “get to the point” quickly are Facebook and Apple. Examples of websites which epically fail to get to the point are IBM and Bebo.

Check for errors

Having a big “Error: The code is rubbish” is a big “hack me, I’m an idiot” sign essentially. Make sure your website works the way you intend to before you release the code (This includes cross browser testing). Luckily most server side code has error suppression and client side coding has lots of cheat sheets.

If you are adjusting a large website with a large amount of PHP, consider looking into PHP’s built in Error Handling.

Breadcrumbs

Home page > Section page > Subsection page
Above is an example of breadcrumbs

Breadcrumbs are an easy way to tell users where they are, where they came from and in some cases where they are going. If you use WordPress there is a really nice plug-in to create breadcrumbs for you.

Be Clear

breadcrumbs_1eBuyer is very clear about how many steps are left when purchasing stuff.

Remove as much clutter as you can and make sure that your website is easily read. Keep in mind; on the web it’s better to have less useful information than more useless information.

Useful Links

50 Web Usability Tips that Help You Attract and Retain Visitors to Your Website
Don’t Make Me Think!: A Common Sense Approach to Web Usability
9 Common Usability Mistakes In Web Design
Breadcrumbs In Web Design: Examples And Best Practices

How to lose and alienate clients

Here is a basic overview of little things that really bugged me on “professional designers and developers” websites.

Leaving watermarks on images

leaving_watermarkinThis is from a real designers website…I haven’t the heart to contact them about it.

Seriously, as soon as a client sees something which has possibly been stolen from another person website, they will just assume you will screw them over and they will avoid you.

No Easy way to contact you

I love seeing a lovely portfolio with some clearly fantastic work, but it sucks when I can’t get a quote. Clients will tend not to bother poking around (or doing a WHOIS) for a way to get in touch.

Make sure you have a big “Contact me for a quote” link somewhere.

No Portfolio

Clients tend to like to see you can do to check that you can actually do what you say. Make sure you have an accessible portfolio of work. If you need to build a portfolio, do some work cheap or even free.

“So are you a company or a guy in his basement”

Be honest with clients, if you’re a one man band, tell them! Clients will not punish you for not being a large corporate company (in fact, most companies will see you as lower cost labour).

Try and make your website reflect the amount of people who you work with. In some cases being a small company (or even a sole trader) can allow you to have a blog, twitter or even be a little more informal.

Invalid Code

If your website does not work in the client’s browser (which will always be IE6, because clients are idiots) it is unlikely the client will think your worth £500 per hour. Make sure you cross browser test and use good CSS (also, advoid tables).