One of the great attractions in Edinburgh is the Zoo, my kids love it. We have been members for five years and spend many days of the summer holidays wandering around. Over the last few years I’ve seen the Zoo marketing develop and on my last visit was particularly impressed by their recent flyers. They have successfully combined maps, plans for the future, members information and all manner of other info into one neat, slick and usable handout.

The flyer is a standard DL sized concertina folded affair but what nicely sets it apart is that it has a built in information architecture and is really easy to use.

The concertina has an offset fold that exposes a small border. The borders show the title of that section and make it easy to find and fold to that section. The borders act in the same way as tabs do within a webpage. They conceal a large amount of information in a small space and provide the user with a quick introduction to the contents.

Having these tabs makes it easy to find the section you are interested in and avoids the problem of either having to open up the entire concertina or folding it up in some weird way to expose the bit that you are interested in.

If the zoo were not a fantastic trip in and of itself, I would heartily recommend popping along just to pick up one of these flyers.

If you’re aware of any similar excellent examples we’d love to hear about them.

Looking to understand a little more about how eye tracking works?

Take a trip into the human mind through Rob Steven’s talk “The Emotion of Surprise” from Brandhouse Digital Sparks

http://www.brandhouse.co.uk/digitalsparks/

Advances in mobile, social media and gaming technologies have moved the field of user experience into almost all areas of our daily lives. This has created a shift away from traditional usability (as you knew it) to the much richer scope of user experience, where users’ feelings, motivations, and values are given as much, if not more, importance than the traditional measures of efficiency effectiveness and subjective satisfaction.

Social media in its broadest sense is the opportunity for people to have a conversation in various places and in a variety of ways. It covers linked in groups, facebook, myspace, virtual communities, slideshare, flickr, dig, delicious, you tube and various blogging platforms like twitter and wordpress etc

By these various platforms your average Jack (or Jill) can broadcast a “word of mouth” conversation to thousands all over the world. For brands it enables creation of a loyal community, being closer to consumer opinion and innovation. Handled well, brands can create a stronger emotional engagement for users with lasting reach. This means better bottom line results, whether measured by traffic, sales, retention or recommendations.

As the use of social media becomes more mainstream for companies, we often come across it during user testing sessions. Below are my three top tips for getting the best user experience from your social media activities.

Bunnyfoot’s 3 C’s of social media user experience;

Community:

• Take the time to know your community / users. This will ensure you engage them with appropriate use of social media.
• Know what content they are interested in, why they have joined your community and then ensure they are rewarded with appropriate content.
• Don’t miss an opportunity to innovate always be thinking how you can use social media to make their lives a little easier e.g in the case of a cooking TV channel, provide the option for the shopping list to be texted to a phone or link directly to online shopping where they can order all the ingredients immediately.

Conversation:

• Make sure there is relevant and up to date content, which means dedicating resource.
• Don’t socially squat. Having a share link to your twitter account or action to join your facebook page is not a conversation or strategy for growth.
• Be real. We ran testing last month where the ‘Discussion’ area was, in fact, a pre loaded Q&A section, not in real time and not what was expected. Furthermore the facebook page offered little value to users, so they had no reason to either ‘like’ it or suggest it to their friends.

Content:

• Be relevant. If your social media strategy includes the use of blogs or TV channels make sure these are relevant to your user group and the most effective way to get the message across. We ran some testing on a site for 13-16year olds - they immediately engaged with the videos but switched off after a few seconds when they realised the content wasn’t interesting to them.
• The length of videos should depend on the context, however generally best to keep them as short as possible.
• Allow interaction to ensure people can skip in the video and comment on its value.
• Don’t clutter or overload the page with calls to action if you want to use the channel as a driver to purchase products.

Written by Sarah Ronald, MD Bunnyfoot Scotland

For World Usability Day, Bunnyfoot have been working with sustainable charities across the country to perform free expert evaluations of their websites. The charity sector is a sector where budgets are typically tight (if non-existent) yet there is great expectation on web managers to increase donations and maximise the performance of their sites.

We’ve spent the last month working with a number of charities (gratis) to help guide improvements on their sites and we’d like to share a quick process for generating ideas for your website quickly and cheaply.

Time required: 20-30 mins

What you get: Ideas for prioritizing content and page layout to maximize engagement with customers.

Overview

To provide an example we’ve used www.bunnyfoot.com to show how you can use this activity to enhance the design of your site. Remember, this is a top exercise if you have NO research budget and aren’t exactly sure how to start prioritizing content for your customer groups. This exercise is relevant for any type of site, and we find it a great starting point when thinking about initial designs and improvements.

Disclaimer:

This is a kick starter activity; it’s not a complete high performance engine and shouldn’t be used as one. This is no substitute for engaging with your customers, but rather a great starting point in helping you to create customer journeys and prioritise your site content. Use this activity as a means for generating some good ideas quickly.

1. Think about the content your customers need

Your customers are getting to your site, somehow. Step 1 is to think about who they are (in the case of Bunnyfoot these could be a prospective customer, an existing customer, a competitor, a job seeker, a journalist and so on). List all the potential customers and then next to each customer type ask yourself, “What are they looking for?” (to continue our example with Bunnyfoot, information needs of our customer groups could be Case studies, Contact details, Company History, Services, etc).

2. Sketch the layout according to content priority

Once you have identified the needs of each audience group, you can start to count the number of instances where customers are looking for the same content (e.g. a prospective customer, existing customer, competitor and job seeker could all be looking for more information about services; this would result in 4 counts). Once you have counted up the instances of cross over, a pattern for content priority will emerge.
Once you have the counted priority, pick up a pen and paper and start to sketch out your content according to priority. ANYONE can do this, you don’t need to be a designer, and your sketches certainly don’t have to be pretty. The purpose is to think about how you’re going to give your customers the information they need.

Sidenote: We often undertake usability testing of hand-drawn screens; it’s a low cost and effective technique we use with our clients. With a limited budget, there’s nothing to stop you taking these initial designs to representative customer groups and getting some feedback.

3. Try some detailed pages using the same method

After you’ve finished with the homepage, go on to explore other key pages. We’ve shown an example of what our new case study page could look like. To create this we thought of what the story of a case study was and what are the most interesting aspects people need to find out about. For our site ROI was top priority followed by a summary of the brief the services used, the team involved, the process/services used, example output and a client quote. It’s natural for other ideas to be generated at this point, for example we’d like to add the feature for people to comment on our case studies and the approach taken on the original brief.

Conclusion

Going through the exercise helps with the content and layout, and will also aid insight into navigation and user journeys to tie different content together.
 After 20 mins we have a good idea about the customer groups and their information needs, and we have some initial sketches to take to our customer groups. Ultimately, many of these sketches will be thrown out – we don’t expect our new site to end up looking like it’s been drawn on a flip chart. However, many of the ideas generated during the process will be included in the end design for some low budget but effective quick-wins.

In 2005, here at Bunnyfoot, we carried out an eye tracking usability study; it showed that 79% of people were able to find the 2003 UK gross domestic product using Google.
We carried out a similar eyetracking study in May 2009 using Bunnyfoot’s Mass User Testing approach and found that this had dropped to 37%.
We also compared the performance of Google to the new WolframAlpha search engine where 100% of people got the correct answer. This result is worrying for Google for two reasons:

• Google’s algorithms have got better in the intervening years; despite there being significantly more pages indexed on Google in 2009 compared to 2005 Google returns fewer results for the same search string; “gross domestic product UK 2003”. Given more pages to return results from and better algorithms it ‘should’ be easier to find information, not harder.
• The general level of people’s Internet experience and expertise has increased since the original study – people ‘should’ be more successful, not less.

WolframAlpha also outperforms Google on three key measures of usability; effectiveness and efficiency and satisfaction. However, the strength of the Google brand dominated WolframAlpha with 100% of users saying that they would recommend using Google to a friend with only 77% saying they would recommend WolframAlpha.
The study is by no means comprehensive; it is based on a single search query and one that favours WolframAlpha’s approach to knowledge management/search, but is does pose an interesting question:
Can Google’s search dominance be beaten by better results and usability or is the brand so strong that people will stay loyal no matter how good the competition gets?

Tom aged two and a half plays teletubbies - video from 2004 - see if you can see his choices before he makes them - simple demonstration of the power of eye tracking.

This is my son 5 years ago - and my favourite demo ever of eyetracking - I use it all the time and must have show it hundreds of times now - time to release it to the wider world to view. Read the rest of this entry »

We developed ‘mass user testing’ in response to the real world needs of commercial clients and to combat the deficiencies inherent in the most widely used traditional usability testing methods (we have actually been doing this for about 4 years but formalised it last year).

The key to mass user testing is using large numbers of people rapidly and cost effectively – this is achieved through recruiting people ‘off street’ with the lure of some cash (or other incentive - we are quite creative in this regard) for about 15 minutes of their time. Read the rest of this entry »

After many years of fudging responses to the common question “when are the new global accessibility guidelines coming out?” - I can finally give the the answer - it is today (11th December 2008) see http://www.w3.org/2008/12/wcag20-pressrelease.html and http://www.w3.org/WAI/intro/wcag.php for more info.

The new standard is called the Web Content Accessibility Guidelines 2.0 (or WCAG 2.0), it replaces WCAG 1.0 - the previously recognised global standard which had been in place since 1997 (that’s eons in ‘Internet time’)

What does the new accessibility standard mean for you?

Read the rest of this entry »

I am often asked how the eyetrackers work (second only to why the name Bunnyfoot?) - so here it is - in essence it is really simple - a digital camera videos your pupils (the holes that let light into your eye) and a computer works out where you are looking based on the video images.

Well there is a little bit more to it than that (not much though):

The infrared diodes shine light on the person in front of the eyetracker (it’s 14 times less strong than that emitted from a TV remote - so doesn’t burn their eyes out).

Read the rest of this entry »

How do you measure the effectiveness of your in-game ad investment?
Do you need to know accurate performance and brand engagement metrics?

It is not just about brand awareness or brand recall anymore, the new era of digital innovation provides us with an array of rich media to communicate with the increasingly cynical consumer. Games offer a huge untapped market with a broader profile than typically assumed. 59% of the UK population (26.5million) are gamers and 45% of those are women! Playing games is not just a nerdy boy thing anymore. Read the rest of this entry »