Posts Tagged ‘user experience’

Project Profile: BECU (Boeing Employees’) Credit Union

Friday, July 23rd, 2010

We often sneak a quick look at the projects our members are running and we came across this beauty by the clever guys at the interactive agency ZAAZ, who did some re-design work on the BECU (Boeing Employee’s Credit Union) website (www.becu.org).

Their project was designed to give them the answer to just one question, “What do we call the place where our website visitors go to do their…you know…thingamybob banking that you do when you don’t do it at one of the BECU Neighborhood Financial Centers?”

A very simple project was constructed to get them precisely that one answer. Here’s what they did…

Five different hi-fidelity wireframe designs of the BECU homepage were created and hosted on a staging server. Three designs were identical except for the label to this unnamed section of the website. One placed the link in the primary navigation, rather than the utility navigation at the top, and the final design placed the link in the footer.

The alternative labels for the section were:

  • Remote Account
  • Access Mobile & Online Banking
  • Remote Banking, and
  • Online Banking (for the one in the footer)

Five separate projects were set up so there was no task order bias and the task was worded the same way for each project:

“Use the site to find how to view your banking information using your internet-enabled cell phone.”

During the evalution, when participants selected a link that did not direct them to the ‘correct’ location they were presented with the screen below, which is particularly handy as navigating through a wireframed website where only the home page had any functional purpose could have been disasterously confusing for participants.

Four follow-up questions were asked, again always the same for each project.  They were:

  1. How difficult was it to complete this task?
  2. How certain did you feel that the “[Name of the section]” link would take you to the information you were looking for?
  3. What specific information would you expect to see when you click on ” Name of the section”?
  4. What, if anything, would be a better name or label for this information?

All in all a quick, simple and inexpensive way of getting a precise link label to a section of their website growing in importance.

As for the results of the testing…well, go to www.becu.org to find out which option provided the best experience.

Airline Website Usability: British Airways Soars Ahead!

Thursday, January 28th, 2010

In our first case study for 2010, we thought we would have a look at how user friendly 10 of the world’s leading airline websites are. On a recent overseas trip, I was astonished to see how many people continue to take dangerous or banned items, such as scissors and cigarette lighters through the check-in gates at airports. Since security has become radically tougher in recent years we thought we’d explore how easy (or difficult!) it is to find information about the items you’re not supposed to have in your luggage. So…we put the following 10 websites through the loop:

10 Of The World's Leading Airline Websites.

The following task was asked of 1,000 participants (100 per website):

“You are taking an overseas holiday next month.  Before you go you want to check whether certain items are considered by the airline to be dangerous or banned.  Using the website how can you do this?”

Our participants were sourced from a number of resources, including our Twitter and Facebook accounts, but the vast majority came from Mechanical Turk where we paid the nominal sum of $30 for the bulk of the participants.  Thanks to all those who got involved.

Task Completion Rates:

In general, each website had one page dedicated to banned or restricted items, such as these pages from American Airlines and British Airways.

American Airlines Restricted Items Page.

British Airways Banned Items Page

If the participants found the appropriate page they were deemed to have completed the task successfully, otherwise they were considered to have failed it, or they abandoned the task if it all became too hard.

The results indicate that finding information on dangerous and banned items is rather difficult.  This perhaps provides some clues as to why so many people on my recent trip were still packing them in their luggage.

Chart showing the task completion rates

The British Airways website was the standout performer with 71% of participants completing the task successfully.  Of most concern were Virgin Atlantic and Malaysia Airlines where less than half of participants were able to locate the information.  In the case of Malaysia Airlines, just 31% of participants were able to complete the task.

Additionally, a total of 39% of participants abandoned the task on the Malaysia Airlines website even though more than half went directly from the home page to the Baggage Information landing page where they should have easily found the information.  It would seem the call to action to “Download now” is not sufficient to indicate the PDF document on the Baggage Information landing page is the place to go for this information.

Malaysia Airlines Webpage.

Average Time to Complete Task:

The average time taken to complete the task on each of the ten websites again shows that the British Airways website was the standout performer, with participants completing the task in an average time of 87 seconds.  Malaysia Airlines and Virgin Atlantic once again performed poorly, with the average time for Virgin Atlantic (199 seconds) being more than twice the time taken for those using the British Airways website.

Chart showing the average time to complete the task.

The study also revealed that only Virgin Atlantic and Lufthansa did not have fly-out menus in their main navigation.  Fly-out menus, such as those shown on the American Airlines website below; often result in faster navigation since users are able to see at least the second level navigation links without having to make a click.

American Airlines Webpage With Fly-out Menu.

A deeper look at the path analysis for Virgin Atlantic shows that a quarter (24%) of participants went to the correct section of the website, the Passenger Information landing page in the first instance.  This is a substantially lower result than British Airways and even Malaysia Airlines where more than half navigated to the correct section first.

Ease of Use Rating:

One of the follow-up questions for participants after completing the task was to rate on a 5-point scale how easy it was to use the website.  There was much less variation in these results, which we don’t find surprising.  In face-to-face, lab-based user testing we frequently encounter participants who have a terrible time navigating a website but still comment on how easy the website was to use!  We always felt this was the moderator effect, but perhaps this extends to unmoderated user testing too!

Chart showing the ease of use rating

Overall Usability Score:

To directly compare the usability of one website to another we decided to follow the ISO definition of usability.  ISO 9241-11 defines usability as the “Extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency and satisfaction in a specified context of use.“  This gives us three areas to focus on: effectiveness, efficiency and satisfaction.

Combining the scores for the task completion rate (effectiveness), the average time taken to complete the task (efficiency) and the ease of use rating (satisfaction) we can establish an overall score for each of the ten airline websites, which are shown below.

Chart showing the overal usability score.

Not surprisingly, British Airways was heads and shoulders above the rest while Malaysia Airlines and Virgin Atlantic were well behind.  There was little difference between the remaining seven websites.  But clearly there’s a lot more work to be done by airline websites to help people avoid packing those banned and dangerous items.

Tested with Loop11

This report was generated entirely from results obtained through running a usability study with Loop11.  Loop11 allows you to conduct usability studies on any website without the need to insert code.  The real-time reporting provides the following quantitative usability metrics:

  • Task completion rate
  • Time per task
  • Most common success page
  • Most common fail page
  • Most common first click
  • Most common navigation path
  • Detailed participant path analysis
  • Number of page views to complete tasks

Sign up and you’ll get your first project for free.

What’s Next?

If you’ve got an idea for a case study you’d like to see us do, send the details about it to administration@Loop11.com and we’ll consider it for up-coming case studies.