Inspiration: 5 Creative Adverts
Here are a few adverts, which are really creative.
1. Heineken’s Walk-In Fridge
Heineken’s New Walk-In Fridge Commercial – Watch more Funny Videos
Design
Inspiration: Maru the Cat Vs. Big Box
It’s hard to describe this video, but at about 1:00 you will understand why I consider this amazing.
Maru the Cat Vs. Big Box – Watch more Funny Videos
Enjoy 
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.
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.
The 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).
Few 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.
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.
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.
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.
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.
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
24/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
eBuyer 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