Archive for July, 2010

Beautiful design, robust technology

Posted on July 30th, 2010 in Web Design | Comments Off

post thumbnail

Headscape recently launched the Big Butterfly Count in association with M&S and Butterfly Conservation.

I always think campaign sites like this are tricky to and build. They are short lived and so don’t justify the longer process of a permanent website. However they can also attract large numbers of visitors in a short length of time. This means there is no opportunity to refine and your backend code needs to be rock solid to deal with the load.

With the Big Butterfly Count featuring heavily on TV, radio, newspapers and on news sites like the BBC, it was important we got it right first time.

In the video below, I walk you through the site and show you why I am so proud of our team.

If you want to learn more about Ed Merritt the designer you can follow him on Twitter or visit his website.

To learn more about Craig Rowe the developer, check out his blog or follow him on Twitter.

Similar Posts:

Web Design News 26/07/10

Posted on July 24th, 2010 in Web Design | Comments Off

post thumbnail

Life below 600px

If there’s one thing that mention that makes designers and developers see the red mist it’s the concept of ‘the ’. A popular concept from the print era, when newspaper headlines were displayed at the top so that they could be read when the paper was folded, it migrated to the computer age and denotes where disappears below the bottom edge of the screen. The majority of designers know that most know how to scroll, and the increase in screen resolutions mean that the fold is a vague concept rather than a defined limit, yet we often struggle to explain this properly to our clients when challenged.

Graphic showing the location of a mouse scrollwheel

Paddy Donnelly has written a fantastic article which is a physical explanation why the fold doesn’t matter, and why designing for a fold may even damage your site goals in certain situations. It’s written in a way where you could send the link to your client and let them learn exactly why the fold doesn’t matter as much as they think it does. So the next time your client asks where the fold is, send them here!

Big wins with quick changes

Lather, rinse and repeat. If there’s one thing shampoo bottles have taught us, it’s that we shouldn’t just do something once, we should keep trying until we’re happy, or our shampoo runs out. In the web world, design is an effective method of ensuring your site is effective, and responds to user .

Ryan Carson shares a recent iteration of the Think Vitamin Membership site, explaining how the original wireframes how they reworked the wireframes and the site based on this feedback and made some changes to their which resolved the issues they had in a reactive fashion in a short amount of time.

What’s the best box size?

Search is an important component of any large website, especially online retailers, yet little thought really goes into how that search box works, and how many characters should be viewable. Luckily for us, Christian Watson has trawled the top 30 websites out of the Internet Retailers top 500 list, and determined the average number of characters that these sites use in their search boxes.

Search boxes from major online retailers

Wether this actually makes a difference or not is yet to be seen, but when that time comes when you have to decide how large to make that search box, remember this little piece of research which will help you make up your mind.

Similar Posts:

Introducing the Boagworld Book Club

Posted on July 24th, 2010 in Web Design | Comments Off

post thumbnail

Designers and developers, it’s time to show your mental mettle.
Paul recently had something of a rant, thinly veiled as a post and a presentation on new skills, that basically stated you people spend too much time on pretty galleries of inspirational CSS jiggerypokery and jQuery magick and not enough time learning transferable that support your ability to do good work.
I wouldn’t stand for that if I were you, so come and show him up at the new shiny Boagworld Club.

As modelled by infowidget

By infowidget on flickr.

Boagworld Book Club? What’s that?

Excellent question, my interrogatively-minded friend, you will do well here.
The Boagworld Book Club is a terribly exciting project for us here at Boagworld Towers. I, , will be your librarian, curator and guide to some of the most interesting books on topics that are often not strictly web related but all of which have the power to influence our work.

Each month I will choose a topic – such as , copywriting, influencing people, productivity – and a book or two addressing that skill area. I’ll make a post here introducing you to the topic and the book and we will open up a thread on the Boagworld forum for us to discuss our ideas during the month.

At the end of the month, we shall have a jolly podcast recording where I will invite in some smart people (and occasionally Paul, if he asks nicely) to discuss the book, we will read out some of your comments from the forum and blog posts and then we can make further recommendations for resources on that topic.

by Patrick Gage on flickr

Book-color-histogram by Patrick Gage on flickr

Sounds great! Any rules?

Well, of course. What did you think this was, an Ultimate Fighting Championship?

The first rule of Boagworld Book Club is we tell everyone about Boagworld Book Club, so tweet, mouth off on the forum, blog, post to library thing, Amazon or other book review places of your choice about your thoughts on the book each month, or others you have read that you feel might be of interest to other members. You should totally start by following us on : BWbookclub
The second rule of Boagworld Book Club is we tell everyone about Boagworld Book Club so please spread the news that the theme for August is ‘Decisions, Decisions’ and we have two books: a modern classic Malcom Gladwell’s Blink: The Power of Thinking Without Thinking and an accompanying volume, more specifically focused on web design (just to break you in gently, mind) Susan-M.-Weinschenk’s Neuro Web Design: What Makes Them Click?

The third rule of Boagworld Book Club is that you read these books with an open mind and a bit of curiosity as to how they could affect your everyday work. This is an experiment for us too – and forcing Paul to eat his own dog food a little, as a bonus – but one we really want to make into a riproaring success with the help of our community. The immediate benefit for you is that by taking twenty minutes a day to read something (or to listen to the audiobook) outside of your usual line of work will give you a chance to unwind just a little. Especially good if a rather demanding just dropped into your inbox.

So, are you in?

My post introducing Blink and Neuro Web Design will follow on the 1st but watch out for a post on the forum later today to give you a chance to meet your fellow bookworms. And feel free to post a comment below, suggesting other topics and books we should add to the list.

Also available: Blink in ePub format, Blink (Unabridged) audiobook
and Kindle Edition (US Amazon only),
Neuro Web Design, the eBook from Peachpit.

Yours, with dewey-decimal organised adoration,

Relly

Similar Posts:

Fight the System Video

Posted on July 22nd, 2010 in Web Design | Comments Off

post thumbnail

My Fight the System seminar has proved incredibly popular. It is obvious that many web teams are struggling to manage their sites in a world of internal and company .

Unfortunately I can only do so many seminars and places are limited. I have therefore decided to release a “Fight the System Presentation Package”. This contains…

  • An hour long ‘Fight the System’ quicktime video presentation (see the trailer below).
  • My presentation in both keynote and Powerpoint format.
  • A PDF of the slides.

This is ideal both for those who were unable to attend the seminar, and those who wish to present the talk themselves to people within their organisation.

You are more than welcome to reuse or edit the presentations in anyway you want and present it to anybody within your organisation. All I ask is that you do not resell it.

Fight the system seminar webpage

Because I do not want to undermine the experience of attending the live webinar I have decided to charge a small fee for the presentation package. All the details are below…

Buy the Fight the System Presentation Package for £9.25

For that price you get all of the presentation tools to give the talk yourself, and a video of me giving the presentation. Below is a trailer of the first 10 minutes to give you an idea of quality…

Please note that the video is a .mov file so you will need Quicktime player or iTunes to play it.

Buy the ‘Fight the System Presentation Package’ Now

Once your order has been placed you will receive an with download information.

Similar Posts:

Freelancing: The Basics of Survival

Posted on July 20th, 2010 in Web Design | Comments Off

post thumbnail

While I was writing my talk about freelancing for FOWD London 2010, I was surprised to find that almost half of freelancers do not feel secure in their career.[1] I thought for a while about why this is and was reminded of studying Maslow’s hierarchy of needs during my A-Levels.

The hierarchy of needs model is based on the idea that you have to meet all the basic human needs like food, water and shelter before the higher needs can be fulfilled, such as confidence and belonging.

The hierarchy of needs is over 60 years old (that’s older than the Internet!) so I’ve created an updated version for freelance web designers.

Basic Needs

Before you can start work, you’re going to need electricity, wifi, a desk and a computer. For most of us, a stable broadband connection is as basic requirement as gas, or for some, running water.

It sounds really obvious, but it’s so important to get the basics right before you can work effectively. Having a high speed connection and a computer that doesn’t grind to a halt every few seconds isn’t essential, but really helps. If your computer regularly starts slowing up, it’s probably time to get more RAM.

Safety and Security

Creativity is really affected if you’re not in good health with a steady income, regularly getting plenty of sleep and working in a pleasant environment.

Health Insurance/Income Protection

Consider investing in health insurance or income protection, especially if you’re supporting a family. Only 35% of freelancers have a health insurance policy[1] and while we are fortunate enough in the UK to have free healthcare, you’ll need to think about loss of earnings if you have to take time off work.

Insurance

Another way to help fill up the ‘safety and security’ tier is to get business insurance. Only 10% of freelancers are covered[1], but it’s so important.

Professional Indemnity Insurance

Imagine if your client asked you to create them a website and you typed the phone number in wrong, or you’re hosting the site and their goes down. The client could potentially sue for loss of earnings, and if you don’t have Professional Indemnity Insurance (PI), things are going to get messy. Getting PI insurance is not as expensive as you might think, and will help you sleep at night. I was recommended Blyth Valley who are an insurance company in the UK who offer PI and business insurance.

IR35

Another type of business insurance if you’re based in the UK is IR35. HMRC may select you to investigate your tax claims. A legal dispute may run into the thousands, so it’s a good idea to get this covered, and it usually costs less than £100 a year, although this is looking less relevant now the new government is looking into scrapping IR35.

Retirement

56% of freelancers do not have a retirement fund[1]. It might seem like a hassle, but it’s actually very quick and painless to get something set up, and the sooner you start, the easier it is. I created a standing order that takes money out of my personal account and transfers it into my savings account every week, so I feels like any other bill. If you’re not keen on the idea of doing that now, invest in some workshops as the better you are at what you do, the more you can earn.

Love and Belonging

If you work on your own, after a few days it feels really lonely, especially if your office is in the same room you sleep in.

Find other freelancers to work with; they’re great to get feedback from. Go to lots of conferences and meet-ups too to stave off cabin fever and learn off others.

Giving advice in forums also helps you feel more included, and if you’ve got some free time, organise events in your area to familiarise yourself with other geeks in your area. Since freelancers get the majority of their business through word-of-mouth[2], it’s a good way to get more work.

Self Esteem

Every freelancer gets that “am I doing this right?” feeling. You need to feel confident with what you’re doing, so review your process after each project and see if you can improve it. If you have a good process, you don’t feel bogged down by emails every day, you’re winning pitches and have lots of happy , then you’re probably doing it right.

Getting praise is another way to boost self esteem. Upload your work to sites like Dribbble to get some (hopefully) positive feedback. It really does make a huge difference when people say nice things about your work.

Self Actualisation

You might think you need to earn a lot of money to be happy, but apparently not. 88% of web designers are happier since they started freelancing[1][2] despite only 13% being with their income[1].

If making lots of money is your only goal, you probably won’t be a very happy freelancer.

So define what you really want to achieve by freelancing, and find out what steps you need to take to accomplish that goal.

  1. Data from the FreelanceSwitch Freelance Statistics Report 2008, surveying over 3,700 freelancers
  2. Data from the A List Apart Survey 2008

Anna is a front-end developer and the technician of Boagworld, and she blogs at maban.co.uk

Similar Posts:

Web Design News 16/07/10

Posted on July 18th, 2010 in Web Design | Comments Off

post thumbnail

This week: A presentation from Relly about , using for customer and saying ‘no’ to .

Microcopy – All the small things

Microcopy is the ninja of online . Fast, furious and deadly, it has the power to make or break your online , to kill or slay your foes. It’s a sentence, a confirmation, a few words. One word, even. It isn’t big or flashy. It doesn’t leave a calling card. If it does its job your customer may never notice it was there.

In this session from @Media2010 conference, Relly Annett-Baker takes you through the ins and outs of microcopy and sympathises with designers and developers who are often lumped with writing microcopy in the form of error messages or instructions and loads you full of great ideas for helping you fine tune your microcopy.

Using Twitter for customer testimonials

Screenshot of twitter testimonial on the Grabaperch website

One of the problems when using customer testimonials is the legitimacy can often be questioned and you’re often left wondering if the site owners have written them, or even how old they are. Rachel Andrew has written an article showing how she has harnessed the positive tweets on Twitter into testimonials for her Perch CMS. Rachel uses Twitter’s ‘favourites’ list to flag tweets for inclusion as a testimonial rather than a hashtag which is open to gaming and abuse.

Using Twitter in this way clearly tracks the testimonial back to the user who wrote them as well as when it was posted making them much more valuable both for the company, and for the who read them.

Just say no to clients

The client isn’t always right. We know it, but we rarely challenge clients when they’re wrong which can cause problems in our relationships with them. In this article on Think Vitamin, Rob Mills presents two cases where problems could occur if you try and accommodate unreasonable client requests.

Client pulling hair

For example: client ideas which may not be appropriate for the project, and while you should at least listen to all the ideas a client may have, there’s a delicate balancing act here. The client knows their business better than you ever will, and you have the expertise and knowledge to recognise when an idea might have a negative effect, Rob highlights this by recommending that you work with the client to reach a compromise.

All in all, it’s OK to say no (in most cases) as long as you clearly explain why, and you collaborate with the client, you should both end up happy.

Similar Posts:

No Money, No Matter

Posted on July 14th, 2010 in Web Design | Comments Off

post thumbnail

Once again I spoke at IWMW this year and as the whole conference was on ‘The Web in Turbulent Times’ I thought I would address how to achieve more on our websites with less money.

Originally this talk was going to be based on my post ‘5 Options When Website Budgets Get Slashed‘. However, as I prepared the focus shifted to something more upbeat.

As I prepared I honestly became excited about the possibilities of having less money to spend gave! It provided a valuable opportunity to slim down bloated websites, to start thinking strategically and to engage with web agencies in a new way.

Anyway I hope you enjoy…

Update: Apologises for the poor 4 minutes in. It only lasts a couple of minutes.

Thanks to Shutterstock who provided the vast majority of images in this presentation.

This presentation is heavily influenced by the following posts. If you cannot view the video then I suggest you read these.

The Three Secrets of Simplicity

Many website owners damage their sites by continually adding features and when they should be simplifying. In this post I reveal why that happens and how to simplify your website.

Controlling The Website Animal

Has your website grown into an out of control monster? Does it consume your time and energy with its mountains of legacy content? If so its time to put it on a diet.

No Plans To Redesign Your Site? Now Is The Time To Hire A Web Design Agency

Many website owners hire their web design agency at the wrong time. Instead of hiring a web designer when you need work done, hire them when you don’t!

If you want to know more about how Headscape works with its clients drop me an email.

Similar Posts:

Happy customers through an improved checkout

Posted on July 14th, 2010 in Web Design | Comments Off

post thumbnail

How hard can it be? All you need to do is collect their name, address and credit card information. That is all it takes to complete a purchase. Surely that is pretty straightforward.

In fact there are many ways you can make or break a form, which is why I have compiled this list of common issues to consider.

I suggest you look at your own checkout and ask the following questions…

Do we provide positive feedback?

Most sites are all too keen to tell you when you have done something wrong. However, also sometimes need encouragement that they are doing the right thing. A visual indication that a field has been completed correctly goes a long way.

example of positive feedback

Do we provide examples of how a field should be completed?

If there is any doubt about how a field should be formatted (for example date formatting) it is worth providing an example for clarity.

Checkout form that includes an example of how a name should be formatted

Are we validating form fields as users enter information?

Instead of only validating a form when it is submitted to the server, also validate on the client side. This creates a more seamless user experience and avoids data potentially being lost when submission goes wrong.

Do we place error messages next to the problem that needs correcting?

Too many website only list their error messages above the form leaving the user to identify where the problem lies. Instead place the messages beside the form field that is causing the problem.

Example of error messages placed next to the problem

Have error messages been written with the user in mind?

Often the error messages on checkout are written by developers. Sometimes they are written more with debugging in mind than helping users overcome problems. What makes sense to a developer does not necessarily make sense to a user. Always ensure error messages are reviewed by somebody with UX and copywriting skills.

Finally, remember that although it is not bad to add some humour and personality to your error messages, they should also help the user overcome their problem. Examples like that below maybe amusing but are not very helpful!

Are we saving the user’s progress and handling timeouts gracefully?

There is nothing more annoying than searching for your credit card only to return to checkout and find your session has expired.

Actually I tell a lie, there is something more annoying. That is when you make a mistake checking out and not only does it returns a validation error but also wipes the form you had carefully filled in.

Data can be lost for all kinds of reasons from timeouts to connectivity problem. Save user data often, so they do not need to re-enter it if anything goes wrong.

Have we set good defaults?

Picking good defaults for fields can save users a lot of time when completing forms. For example the vast majority of users want you to remain logged into a site and so have the ‘remember me’ option selected by default.

An example of a login form that has remember me checked by default

Are we allowing people to see their password when entering it?

Another nice feature of HuffDuffer is the ‘show password’ checkbox. This overcomes a common problem while maintaining security.

Users often mistype passwords without realising it because the password field is blanked out for security reasons. By allowing users to reveal their passwords when in private, Huffduffer substantially reduces user error.

Are we pre-populating as many fields as possible?

The only thing users hate more than filling in forms, is doing so twice. Despite this a surprising number of websites ask users to do exactly that.

For example some websites require users to fill in both delivery and billing address even when identical, or enter their name again when the site already knows it.

Even if you cannot be certain what a field should contain, pre-populate it with your best guess. The user can always overtype your guess if required.

Are we forcing users to register upfront or waiting until the end of process?

As is pointed out in an excellent article on econsultancy.com, most users do not like to register.

When buying, users are focused on purchasing and believe that registering will slow that process down. In fact the only additional piece of information required is a password.

Although registration provides benefits for both parties, users will often abandon the checkout process if forced to register.

A better approach is to offer them the option to register by creating a password at the end of the checkout process rather than the beginning. The sale has been made and the user is now mentally ready to consider the benefits of registering (like order tracking).

The registration form at the end of the checkout process on the Speedo website

Does the checkout work with Javascript disabled?

I am appalled at just how many websites do not work with Javascript disabled. This is not some moral comment about the accessibility issues surrounding Javascript. Instead it is a financial argument.

As many as 1 in 20 users have javascript disabled for numerous reasons and no self respecting retail outlet would turn away 1 in 20 people from its store.

This is an area that causes a lot of confusion so let me be clear: I am not saying ecommerce sites cannot use Javascript. I am just saying that it needs to work when javascript is turned off.

I have already mentioned a number of techniques that require Javascript to work. However, the site should still work if these extras are not available.

I am not talking about building two versions of the site. I am talking about building the site without Javascript and then layering some additional javascript on top to create a better user experience for those that have it.

Is the validation on fields forgiving enough to understand different formats?

One of the most common problems I see on ecommerce sites is the frustration caused by forms not accepting user entry because it is formatted incorrectly. This typically includes:

  • Dates
  • Credit card numbers
  • Passwords

The most frustrating part is that the user has entered the correct information, just not in a format which is accepted by the system.

Take for example credit card numbers. Do you enter them with spaces, without spaces or maybe even with dashes? Why should the user have to worry about this? It is a simple matter for the website to reformat the data later. This should not be the users problem?

A checkout form that requires users to enter a credit card number without spaces or dashes.

Is the user suffering because of technical constraints?

The problem of data entry formatting is part of a wider issue where developers make users responsible for problems that they should not have to deal with.

For example, why should users have to fill in CAPTCHA fields because the website has a problem with SPAM? It’s not the users fault.

Cartoon highlighting how hard CAPTCHA is.

Image source, Geek and Poke

Ask yourself if there are places on your website where the user experience has been compromised for the sake of an easy life for the developer.

Does the browser back button work?

For many users the browser back button is an invaluable tool that they rely on for navigation. However too often in the checkout processes, hitting the back button either entirely loses the users progress or returns strange errors that cause confusion and uncertainty.

Are we being greedy in the personal data we ask for?

It is understandable that those running ecommerce sites want to collect information on users, discover how they found the website and get permission to correspond with them in the future. However, users see these as barriers to making a purchase.

Even when these fields are marked as optional, users have to mentally process them and decide whether they should be completed. At the very least they have to check that they are not being opted-in to junk mail as in the example below.

Example of a checkout form where the user is being asked for unneccessary information and is being opted in to unsolicited email.

Keep these kinds of marketing questions until after the product has been ordered. You are less likely to alienate the user and will gain a better quality of response because the user has not been tricked into completing the fields.

Are we rewarding users who go the extra mile?

When a user does go the extra mile and signup for a newsletter or tell you how they found the website, make sure you reward them for their time. Instead of using their address to spam them why not email them a gift certificate or some other form of thank you.

During the US election, those who donated to the Obama received a free T-Shirt. This is not only a great gesture, it is also an excellent advertising strategy. Why couldn’t you do the same for your customers who are willing to signup for your newsletter?

Obama fundraising website

Are all of our buttons descriptive?

Users often do not read explanatory text, instead relying on links and buttons to decide what action to take next. However, when those buttons do not make sense out of context they can prove confusing.

Take the two examples below. If you were scanning those pages quickly and didn’t read the which is clearer:

Example from ebuyer.com that requires the users to read both text and button

Example of a site where the button describes the next action without the help of explanitory text

Could our instructional text be clearer and more concise?

Many websites suffer from verbal diarrhoea during their checkout process. There is a belief that by using more words the message is clearer. However, in reality they just put people off from reading the text.

Take for example the amount of copy associated with this field in a checkout form:

In reality all that is required is:

  • A heading entitled ‘Do you have any instructions for the delivery driver?’
  • A field for instructions that has a character limit to prevent a user entering too much.
  • A link to your terms and conditions
  • A submit button.

There is no need for the current amount of text.

Do we require users to remember a username as well as a password?

Why does any site (let alone an ecommerce site) ask a user for a username? Surely you are just giving the user another piece of information to remember in addition to their password. This just doubles the chances of them failing to login.

A better way is to use their email address as their unique identifier. Its easy to remember, is guaranteed to be unique and is already a required piece of information on almost all ecommerce sites.

How do we handle bank card validation?

Sooner or later even the best designed ecommerce site has to hand control to the bank for credit card processing. Unfortunately there is little chance to control the user experience once this happens. From the paypal website to VISA card validation, these sudden changes in user experience can make customers nervous.

Verified by Visa example form

It is important to clearly communicate what is happening and minimise the impact to the user. Too often users are simply dumbed onto these pages with no indication as to whether the order has been completed or why they are there.

Conclusions

The reason I have written this checklist is because in the rush to deploy it is easy to forget these nuances of . However it is these details that make the checkout process pain free and trustworthy.

We often concentrate too much on functionality and not enough on user experience.

I am not suggesting that failing to implement any one of the points will drive a user away. However, combined they have a significant impact on how somebody perceives the reliability and ease of use of your website.

Sometimes it just needs another set of eyes to look over your checkout and pick up on these problems.

So what did I miss? What things would you add to my checkout checklist? Post your ideas in the comments below.

Are you concerned about your checkout process? I would love the opportunity to review it and help fix any problems found. Email me and I’ll take a look.

Looking for more ecommerce posts? Try my post on Calls to Actions.

Similar Posts:

Web Design News 08/07/10

Posted on July 10th, 2010 in Web Design | Comments Off

post thumbnail

News redesign on the way

This week the BBC announced that they’re nearly ready to launch a major redesign of its web site, stating: “We have focused on and navigation, looking to see how we can make all the existing we produce each day easier for you to find, use and share”

Screenshot of the BBC News site

The BBC are one of the leaders in and and it will be interesting to see what changes come with the new design and I’m sure you’ll see a raft of posts dissecting the new site when it’s launched. This post by Sitepoint highlights some of the upcoming changes focusing on the areas where sections have been cleaned up and streamlined.

Given the BBC website’s ubiquity when clients refer to other sites to be ‘inspired by’, I’d recommend taking the time to get really familiar with the new site when it’s launched, not only learning what they have done, but why they’ve done it too.

Supersize that background, please!

Using large images that fill the viewport of a ’ browser has long been a popular technique among web designers, especially when it comes to marketing and photography sites, however the age old issue of viewport size is a constant worry when deciding on the size of image to use. Over the past few years we’ve seen an increase in screen resolutions with the most popular being 1024×768px, 1280×800px, 1280×1024px, and 1440×900px and we’re also seeing an increase in smaller resolutions as mobile devices access our sites more and more.

Supersize that Background, Please!

This article by A List Apart shows how you can use both CSS3 backgrounds and Media Queries to deliver large backgrounds tailored to the specific viewport size of the visiting user and which will work in just about any modern browser you may encounter.

Learning to love vendor prefixes

Vendor prefixes (such as -o- -moz- -webkit-) can, at times, be annoying and cause us to duplicate our code to suit the requirements of the on the market today. This duplication has caused many to call for them to be dropped, or rolled into a specific prefix like -beta-, however this article by Eric Meyer takes you back in time to the browser wars of the nineties where Microsoft and Netscape implemented wildly different versions of the box model and wreaked havoc for years, causing us pain even today when catering for older browsers.

Browser icons

Eric points out that the vendors still implement things differently today, and that the vendor prefixes are necessary for designers today to ensure their code works around these inconsistencies without hacking the parsers like we used to do ‘back in the day’ so while prefixes may be annoying at times, it’s better than nothing at all.

Similar Posts:

Lou Rosenfeld on Search Analytics

Posted on July 8th, 2010 in Web Design | Comments Off

post thumbnail

Subscribe to Boagworld Bitesize

Lou is kindly offering any Boagworld reader a 20% discount off of any product at RosenfeldMedia.com. Just use the code BOAGWORLD at .

Paul: So joining me today is Lou Rosenfield, good to have you on the show Lou

Lou: Thanks Paul

Paul: So just in case one of the three people in the world that have never heard of you before is listening to this show right now, do you want to give yourself a bit of an introduction, just a little bit about who you are and how you come to be in the world that is web.

Lou: Sure, I once was a librarian and I moved into Information Architecture at a time when it was sort of seen as librarianship for the web and sometime in the mid nineties I co-wrote a book with Peter Morville called Information Architecture for the world wide web for O’Reilly, which is now in it’s third addition and a lot of people look to that book when they want to learn about information architecture. I have been involved in a lot of things in the IA community and more recently in the broader UX community User Experience and one of those things is as a publisher of User Experience books. My company is called Rosenfield Media, with seven titles out hopefully the eighth or ninth will be my new book which I am co-writing with Marko Hurst on site .

Rosenfeld Media

Paul: OK

Lou: so that’s what we are going to be talking about today and hopefully the book will be out by the end of the year.

Paul: ahh, that’s brilliant stuff, so I mean you have just done a virtual seminar for Jared Spool on this kind of subject as well and it is something that kind of peaked ny interest so I thought it would be great to get you on and talk about this subject, in someways you are very honoured if I may say so Lou because you are the first of our kind of one-off interviews that aren’t a part of the main Boagworld show because we are not doing that at the moment. But it was such an exciting area and something that really interested me that I was really keen to get you on and talk about this. So why don’t you tell us how analytics generally, not just search analytics but analytics generally how do you feel they inform the user experience ? Why should we be caring about this ? What difference does it make ?

Lou: Well a lot of people who do user experience work are both on the side and the evaluation and research side we are not necessarily all that comfortable with the numbers and in fact many of us are in the neck of the woods of this profession that we are in because there is no a huge pressure to do statistical analysis and I think that is too bad I think that one of the things that really hurts us is that we are numbers adverse and with something like site search analytics you can actually learn quite a bit of information that will help inform your design work, with just an excel spreadsheet and a little bit of data that you already have, if you have a search engine, at some point there is some way, you may already be gathering, some way of gathering the data, you may already be gathering it somewhere and you don’t have to be a statistician. In fact one of the really interesting things about this type of data is that it is not all numbers it is actually very semantically rich. So what I am talking about with site search analytics is we are basically harvesting ’ search queries that are being executed on our own site search engines and they are telling us in their own words what it is they want from us and so we are not just doing statistical analysis we are actually looking at the semantic nature of what their interests are

Paul: Yeah

Lou: what their information needs are, so it is interesting as that is a little different from most analytics so if you shy away from analytics you might think about taking a special look at site search analytics and if you are an analytics person what I found paul is most analytics people don’t pay much attention into this area either, some are certainly good at SEO and looking at web searches that are drawing people to a particular site but once people are searching on the site it is sort of someone else’s table if you will. So site search analytics is kind of like the orphan child of these two fields that don’t pay much attention to it,web analytics and user research and I am hoping that our book helps change that a bit.

Paul: So what would, lets be clear what we are talking about here. We are talking about taking the search terms that people have searched for on your site and analysing that. To what end ? What benefits do you get from that ?

Lou: Well there are so many that I almost don’t know where to begin but a few basic ones, one is that you can very quickly by simply sorting the queries from most frequent to least frequent, in other words from like the ones that got three thousand instances, in other words a query that was search three thousand times last week might be your most frequent query and at the other end of the long tail the one that are only used once. if you know what that short head is you can actually by improving performance for those top few most frequent queries really improve the user experience overall. So we find that if you map it out that, I wish we could do this visually but it is something that is like a hockey stick curve, it is called the zip distribution, what you start seeing is that something like you top ten most frequent queries may account for something like ten or twenty percent of all the search activity in a given time period, and you know the top twenty or thirty queries you are still are talking about a pretty huge volume of all of search activity. So by doing things like for example adding best bet search results to the most frequent queries or by looking for queries that are finding nothing that are really common and plugging the gaps or improving the meta data, labelling that content as or should as so as that content gets found you can really very quickly make a very big improvement and it gets even better than that Paul because if you start doing that type of tuning for the most frequent queries the ones that people most care about and do that on a regular basis say every month you are doing a great tuning process adjusting your sites performance to your users needs. The more you do things like that the more you can avoid what for me is just like the most dirty word in the industry and that is redesign.

Paul: [laughs] yeah absolutely.

Lou: so if we can do tuning the more we are going to fight of the urge to throw a million dollars or pounds at a big problem that we are really take on the wrong way so tuning over redesign any day. Site search analytics is a great component in the tuning process.

Paul: yes I talk about evolution rather then revolution, instead of redesigning which is this huge undertaking continually evolving your site and anything that helps to inform that has got to be incredibly valuable

Lou: Absolutely

Paul: But I mean a lot, something that a lot of people may already be doing is they may already be looking at the google results they are getting, the analytics they are getting there, what are the advantages of looking at your own internal search rather than the results that have been generated by google.

Lou: well if you look at the most common google or world wide keywords that are bringing people to your site often what you are going to see as the top ones are the name of organisation or some variant on it. So now lets say you just get rid of those, because those are not that interesting and you want to look at the things that are more open ended searches where people happen to not be looking for use to specifically find their way round your site, they are certainly going to be a lot of overlap but the sense I have is that first of all the people who are searching your site have more specific needs. They already know something about you it maybe that they are a different type of user we don’t only care about bringing people to our site and make sure they get there we also worry about the people who are native to your site who maybe repeat visitors and they may already be loyal customers we care about them retaining the customers is a lot less expensive then recruiting one.

Paul:so yes

Lou: so eh what can we do to learn about their needs specifically and I will tell you exactly, I have a theory I haven’t really been able to prove it yet but I think that the nature of the queries that come into your site on your search engine are going to be more specific and more finely grained than those that are coming in from the web that being the case you know what more specific, it is almost like a predictor what web searches are going to be in the future. In other words the assumption is that peoples’ searches get more specific over time so you could probably use your site search terms to help you figure out more specific and less expensive keywords to bid on in adwords

Paul: yes

Lou: So there might be a secret little approach you could take there to do a better job than instead of bidding on the general search terms in google that are going to be really expensive and not really going to be helping you that much

Paul: I guess there is also going to be an element of the fact that for somebody to arrive at your site from google on a particular search term then your site has to already have to have content to have been listed on google for the search term they typed in. While with internal search engine they could quite easily type in something that isn’t a term that you use on your website and as you talked about earlier you need to plug the gap of that, but you are never going to get that from google because they wouldn’t have been referring to your site if you did not have any content relating to that particular term. Does that kind of make any sense.

Lou: that is absolutely right and then there is another important way that you are going to benefit from analysing searching within your site again we don’t just care about getting people to a site, we care about their experience once they are there. One of the things we can learn about is where navigation fails. So let’s imagine that we know your site has, we sell thirty different products on your site and each product has it’s own main page, it’s overview page it is really interesting to do apple and apple comparisons of pages and what types of queries those pages create. Let me put it in a slightly better way if you are looking at your product over a few pages and look at the queries that start from those pages.

Paul: yeah

Lou: You start learning about our patterns of information needs once people have found their way to a particular product and you may see that that kind of deep horizontal or contextual navigation which you are generating raw, you can start seeing patterns where people are saying I am on our product page and I don’t see the navigation that is going to get me to the review page or to the forums page or whatever

Paul: right

Lou: So maybe there are links that you have there but they are not prominent enough or you are not labelling them well or maybe those links aren’t there at all. So now you can start coming up with some ideas hypotheses what the problem is there and just go and think about it and say I trust my hypotheses here that you know we are missing links or you can start doing some qualitative research, you could do some user testing to validate your hypotheses so it depends how you are going to make your decisions but you have got some great hypotheses and by the way that’s what analytics is really for it is not going to tell you why, it is not going to validate your hypotheses it is going to help you come up with good hypotheses that are data driven and analytics tells you what is happening, it tells you about behaviour and not why things are happening, that’s were you really need to bring in qualitative research.

Lou Rosenfeld

Flickr, eraserandcrowbar

Paul: Yes, that was really the next question I was going to ask is how does analytics sit along side traditional approaches to improving which is like user testing basically,

Lou: right

Paul: because traditionally when we want improve the user experience we turn to user testing we sit users down we show them stuff and there is a real value in that kind of back and forth dialogue that you have and you don’t get that from analytics you are saying they perform different roles.

Lou: They absolutely perform different roles and this is one of the things that I am finding in my consulting, i’m a publisher but I still have to make a living so I do a lot of consulting still and I am seeing organisations that have incredible staff and resources in their analytics groups and separately their user research groups and too infrequently the twain meet and there is a big disconnect there, that they are suffering from because they have, I mean many organisations have just great analytics now they have great tools like armature and they only can really know about what is happening they can not really know why things are happening but they don’t … there is a disconnect in terms of them have the people who can do the qualitative user research and take the next step and actually do some testing and try and learn about this hypotheses and show which ones are actually real so sometimes it is really straightforward like erm you know you want to do task analysis, which is a qualitative approach it is not like any other user testing it is not cheap to do but if you had informed the kind of task that you are going to be testing by looking at your top queries you would be doing a better job it is going to point you and help you devote that expensive work, that qualitative research budget in a more efficient and effective way. What about when you are developing personas why not take if you can, get that audience segmented queries and start building those as a expression of the information needs for each, within each persona. You know we were just talking there it reminded me of a great story years ago I believe it was at Lands End, a US clothing retailer

Paul: OK

Lou: and they were looking in their search logs and they saw a preponderance of SKUs, er product ids but those codes were not on their website and they were really confused

Paul: yes

Lou: so they didn’t know why those were there and they knew what to do which was to start supporting the inclusion of SKUs into product pages so people would actually be able to get that information right away but then they followed up the site search analytics work they did with an ethnographic study where they went out into the field and watched how their customers were interacting with the information in the columns and what they found was, it was probably about ten years ago, that people were not comfortable using the website catalogue to do research they were used to using the printed catalogue, it is familiar it is high res easy to use so they would do their shopping browsing the catalogue but then they did not want to use the catalogue mail order or the 800 number ordering systems instead they went onto the website for Lands end and entered the SKUs and did their shopping there

Paul: aaahhhh yes

Lou: so there is interesting things that all types of data when folded in with user research can tell us and certainly site search analytics is no exception to that.

Paul: hmmm, I mean the thing is, is that collecting the data is the easy part and there are so many great tools out there you know and so many free great tools that enable you to collect this search data or other analytics data but collecting data is easy interpretation on the other hand is much harder I think a lot of people when they are faced with this kind of information are a little bit overwhelmed on where to start or how to get information out of it, earlier you were saying that this is relatively easy but it doesn’t feel like it when you are faced with it so what should we be looking at to better understand how our sites are being used, what should we be doing with this data.

Lou: Right here’s the beauty of the what I described early the zip distribution is that it really promotes scalability in terms of your efforts so if you have an hour I recommend looking at those top ten queries

Paul: Sure

Lou: and seeing what is going on, even just testing them out and see how they are performing and that is something you can do in a very small amount of time, maybe you only need the top five. It is not a lot of work and it has a real big impact.

Paul: Sorry so when you say testing them out what do you mean by that how would you test them out.

Lou: so you casn take those queries and just go ahead and search them on your site

Paul: and see what’s returned

Lou: and see what’s returned and do you think they are returning good search results do you think there are important things that are being missed if so why? Start testing it out and actually hmmmm, there is a really great case study that Vanguard did, Vanguard is a US based financial services company and they have really invested heavily in this we are actually profiling their work in our book and what I can do is provide you a url for the case study and there is a presentation and it is really eye-opening, I will give you the url Paul so maybe you can share it along with the .

Paul: Great

Lou: but I don’t have it at my fingertips right now

Paul: no that is fine, that’s OK

Lou: your question was?

Paul: essentially yes, that, erm no I have forgotten it myself now [laughs] brain’s gone dead

Lou: I was just going to say there is not only this issue of just a little bit of work will go very far but a lot of times people are overwhelmed when they see the analytics reports and part of the problem is those reports are canned reports some of them are pretty universally useful and interesting regardless of what kind of organisation you are in so it is good to see things like your most recent queries or which queries are failing, retrieving zero results but I really encourage people to get at the data and roll their sleeves up themselves and basically wade in and play with the data. So get beyond the canned reports and if you got just even get your hands on a couple hundred of your top queries and put them in excel and then just play with them. By play with them I mean looking for clusters or categories and just things that might emerge like wow there is some unique outliers here there is interesting queries, like Lands End did finding a lot of SKU searches in their logs, that is not necessarily, there is no right or wrong way to do it just the idea of just sort of experimenting and doing what the statisticians call exploratory data analysis so you are really literally just playing with the data. You might even map it out and chart it out in Excel and just sort of see what comes from it.

Paul: Yes

Lou: So one thing I encourage people to do is to try to categorise the data in other words gee it seems like there is a lot of queries here about physical places, maybe our organisation has different offices or campuses or different buildings, look for things that seem to be people or different topics that emerge what you start doing is that you force yourself to get very close to the way users are thinking because you are looking at what their needs are, and actually it is a good way of looking at what sort of metadata your site ought to have and what kinds of content type people seem to be asking for and it might even help you do things like prioritise your next content migration because you start getting a sense of what are the really important content types that people seem to be requesting when they are searching so there are other things which you might delve into. Queries, you might see a lot of queries that are like dates, and I know the Financial Times did that and they now support sorting search results by date, filtering them by date. You know one of the things the Financial Times does, it is a great example, is they look for spikes in names of people and companies.

Paul: OK

Lou: and when they see that it is all of a sudden this person is being searched for a lot they compare those names, the spikes to the recent week of editorial coverage and if there is a discrepancy they bring this up to the editorial board

Paul: Wow

Lou: and they say hey, you know we are getting a lot of searches for so and so or this company and then the editors can decide if they want to have their beat reporters look into it, in a way it is almost a way of predicting the future.

Paul: So it is even more than informing the website, it is actually informing their editorial policy

Lou: Absolutely and of course those things are increasingly one and the same in many organisations

Paul: Yes absolutely

Information Architecture for the World Wide Web

Lou: so when you look actually when you do this over time they see a very strong seasonal effect in many organisation’s cases so what you might find is that even at different times of day people are looking at different types of information and that can inform the way you do things like put information on your main page or in other parts of your site that are high traffic pages and by the way one of the nice things about doing that is it helps to start beating down decision makers who want the main page to be about them, you know it is a political thing and if you can bring data that shows what users really want to those type of discussions you have a much better case, likelihood of heading off political battles over prime real estate on your site.

Paul: yeah, absolutely. Do you think the trouble with analytics is that it can be you know read in so many different ways and do you think there are occasions where your analytics can be misleading in understanding a site’s user experience.

Lou: Absolutely

Paul: if so where do things often go wrong ? What should we be looking out for ?

Lou: Well one of the problems is that you know there is no one tool that should solve all of our problems, and I am the first to say that site search analytics is not the end or the be all it is one thing that should influence our decision making alongside a nice robust collection of research methods qualitative and quantative, behavioural and attitudinal that should make up our research toolkits. That said you know when you are interpreting data one of the real mistakes I think we make is we leave that interpretation to one person for a huge organisation and I am a big proponent of merging both the quantative data that is often in the hands of a single analyst with the type of user research we are doing in other areas. In other words put the data in the hands of users

Paul: OK

Lou: So when I was describing to you for example a moment ago looking at top queries and sort of doing clustering and sorting with it and playing with it yourself what I actually really recommend is you have a bunch of users or subjects to do that.

Paul: Wow

Lou: So I am going to learn something about what my taxonomy out to be, or what types of meta data I should support or my content types might be I can do that myself but I would rather something along the lines of a modified card sort

Paul: yeah

Lou: with five or ten users, you know maybe I do not have to do that every month, if I do that every year or two. But when I put that in the hands of users and that is just a beautiful hybrid of the best of quantative and qualitative research.

Paul: hmmm, yes I like that a lot, kind of combining those approaches and yes that makes a lot of sense to me. I mean we talk very much so far about search analytics but obviously a lot of these principals you are talking about apply broader than that into kind of general analytics

Lou: right

Paul: but I am interested in what your thoughts are on you know even broader analytics tools or related analytic tools things like polls and surveys, I mean you see a lot of organisations have feedback widgets or they have, they do surveys and polls on your website and I am always a little unsure of the value of these things you know. On one had I can see

Lou: I am too

Paul: oh you are too? I am glad it is not just me, so what is your perspective on that kind of thing

Lou: Well in general I think all tools have there purposes and the real problem comes when we try and make one tool you know a hammer not only hammer nails put somehow put screws in and so forth

Paul: yeah

Lou: So I am really not a big fan of like relying on polls and surveys as a way to get a comprehensive view of users needs because of the self selection bias they introduce right off the bat

Paul: What you mean because there, you tend to get polarised results people are either really exceptionally happy and feel the need to tell you or more commonly they are just very pissed off

Lou: Exactly

Paul: you know if they are in the middle ground they are not likely to bother filling in the survey or a poll

Lou: Right, so I would say well you know that is useful information take it with a grain of salt like you just described I would then want to have a few other methods. Each of these methods is a lens on reality but an incomplete lens it’s a, it’s the blind man with the elephant nobody has the full picture you need to have a few that said something like polling or asking for feedback can be done more intelligently if it is, you think about doing it in a real contextual way. So for example if someone does a search you have seen these widgets that say did you find what you are looking for

Paul: Yes

Lou: I think that is a better way of doing it, because you are not just asking did you like us

Paul: Yes, absolutely yes

Lou: it is not before you leave were you happy ? of course you are going to get a really polarised maybe too open ended kind of data from that but if it is focused and contextual then you can knowingly better data but then you can also ask for a little more. if someone says I did not receive what I… I did not find what I was looking for when I did a search that is really a good time to ask for more information like what did you want to find when you did this search and then you are actually sort of closing pretty important feedback loop no just between the user and the site but you can take that feedback and send it back to the appropriate content owners side of the organisation and draw them into the process. So that is one of the big problems is that we have great content but our content owners don’t seem to want to get beyond the fact that their content is part of a much larger collection of information and that’s why they don’t bother following labelling guidelines or titling guidelines or applying meta data well. So if we can start showing them that their content isn’t just their content but it is part of something bigger, it is part of a natural marketplace of information that makes up the site and start showing them that their information is not being found when it should be found and showing them some data that suggests that you know they are falling down on the job then we have a much better change of getting them to follow content authoring and labelling and tagging policies and procedures that we may have set up for them. So a lot of organisations try to force people to them and it never seems to work too well but if you can educate people by showing them some data that suggests that their content would for example succeed if they would do something differently like following policies then it actually works.

Paul: yes there is something very powerful about presenting users, not not users internal stakeholders with data to back up your arguments and what they need to be doing. There is one question I kind of want to end up with really it is something I am really interested to hear your perspective on someone who spends a lot of time with analytics which is almost really a kind of moral question that you do feel that we can gather a huge amount of analytical data on our users and there are even tools, I don’t know if you have come across click tales.

Lou: hmmm hmm

Paul: that can go further and record user action and see people using and moving around the site is there a kind of line here as to what is kind of acceptable to do and what is not. It is almost a moral question in a way and I was just interested in your perspective on how much can we pry into user’s behaviour.

Lou: Right, so that is a really good one Paul, and if fact in terms of search analytics there was a really interesting yet somewhat unpleasant case about three years ago that made the front page of the New York Times you may have come across there were some AoL researchers who had a whole bunch of search data from the AoL site web search engine and they released it for research purposes however that data had people’s user ids not there names but their user id and this is like hundred’s of thousands of users and millions of queries and what people started doing within a day was to grab the data from the database and start searching just for one id and based on looking at all the queries associated with that one user id they could figure out who that user was

Paul: shee whizz

Lou: as well as what they were searching and in fact the New York Times reporters tried doing it themselves and they identified a woman in Georgia here in the states and they called her up and said is this you and she said yes. I am sure it was a disquieting moment for her

Paul: Absolutely

Lou: and much more disquieting for the individuals that were doing things like searching on child pornography

Paul: yes

Lou: so erm I think the issue is if you are going to do this work you have to be really careful to look at it as an exploration of collective behaviour, you have to be very careful to block opportunities for data to leak out or for someone else to get hold of data in way that will show individual behaviours and help identify who an individual is, and with or book what we are doing is looking at sets of data that tell us nothing about individuals and only looking at it collectively and that is how we think you should do it. Let’s worry about serving the majority of the people that are visiting our site the major audiences and not worry so much about individuals and let’s protect their privacy.

Paul: How does that relate mind when you start looking at e-commerce sites, you know that obviously use analytics heavily to recommend products and stuff. I am always a bit torn over that one because you know one one hand that obviously provides a real benefit to users and I quite like the fact that when I go to Amazon it will remind me the latest Battlestar Galactica DVD is out because it knows I like that but there is a line isn’t there where that analytics data steps over when it stops being useful to when it becomes creepy I am not really sure where that is – it is funny that isn’t it.

Lou: I think it has so much to do with how much you as a user or customer trusts that organisation.

Paul: yeah

Lou: So although they drive me nuts as a publisher Amazon is great to it’s customers and I think they manage to us that data in ways that delight us because they have some really smart and really careful designers and researchers there that are sensitive to these types of issues and they have got a great track record of customer service so we would feel a little differently maybe if we went to whatever large organisation that we are uncomfortable with at the moment, wether it is the government or I don’t know I can’t think of a good example but I think it comes down to your personal feelings about who is using that information. I would like to see in many respects more organisations doing just that I mean image your university experience if you could see the courses you were taking were taken by, what others were taking the courses you were taking you could learn a little bit more in a very disciplined way, that would be a delightful way to use that information yeah absolutely, but do you trust that institution – hopefully we trust the institution that is educating us in that particular example.

Paul: One would hope so [laughs]. Lou that has been absolutely brilliant it has been so fascinating to think through some of the power of the data that we are collecting and you know we are all collecting this data but I don’t think we are utilising it or know what to do with it so it has been absolutely fascinating to talk to you and thank you so much for taking the time to come on the show and hopefully we will get you back again soon.

Lou Rosenfeld Blog

Lou: Paul it’s a pleasure I really appreciate the opportunity thanks very much.

Paul: Thank you.

About Lou Rosenfeld

Louis Rosenfeld is an independent information architecture consultant and founder of Rosenfeld Media, a user experience publishing house.

He has been instrumental in helping establish the field of information architecture, and in articulating the role and value of librarianship within the field.

Lou has helped such organizations as PayPal, AT&T, Caterpillar, Ford, Microsoft and the CDC make their information easier to find.

He is co-author of Information Architecture for the World Wide Web, considered the bible of the field, and has been a regular contributor to Web Review, Internet World, and CIO magazines.

Lou is co-founder of the Information Architecture Institute and helped found the Information Architecture Summit. He blogs regularly at www.louisrosenfeld.com, and tweets even more regularly @louisrosenfeld .

Lou is kindly offering any Boagworld reader a 20% discount off of any product at RosenfeldMedia.com. Just use the code BOAGWORLD at checkout.

Similar Posts: