Helping people get to know who their users are!
Articles

How to do usability testing.


@pacharrin on Twitter asks:

“I’m preparing my first usability test. Any recommendations?”—well I’m so glad you asked this question.

I’m going to give you the “low-down” on how to do usability testing that is both effective and eye-opening. By the way, this article is about doing a very small qualitative study, so we’ll save card sorting/eye tracking/etc for another day. Here are your action steps to testing software or a website for usability:

Like this article so far? Click here to tweet about this on Twitter.

  1. Assemble Scenarios. Create a list of scenarios and prioritize them. It is very possible that you may not get through all of them. I recommend no more than 8 or 9 for a one hour study. You don’t want to have too many and your user get fatigued.
  2. Assemble interview questions. What kind of questions will give your test results perspective? You can ask these questions before, during, or after the study.
  3. Assemble a survey. This can be sent to the user via email before or after the study is completed using a service like Survey Monkey.
  4. Get “buy-in” from upper management. You need to make it sound like it’s their idea. It’s so important to create an environment where everybody is thinking about the users and this is driven from data—not ego. Use the arguments “you can’t hold me accountable for usability if we don’t do usability testing regularly” and “if we’re not making decisions based on data, we’re just guessing!”.
  5. Recruit Participants and make them sign waivers beforehand. Have a list of trigger questions that will disqualify them. You want to eliminate participants that may skew your results. You want to recruit 5-6 users and also try to recruit 1-2 backups in case some of your users don’t show up. By the way, someone almost always bails!
  6. Choose testing style. Are you doing lab testing or field testing (ethnographic)? If you’re doing lab testing, make sure the lab has an observation room in case stakeholders want to observe. Regardless of the testing type, make sure that there are no more than 2 people in the room with the user (one person to facilitate and one person to take notes). Often times, management will want to sit in on these things—fight it if you can.
  7. Figure out what equipment you’re going to use and keep it consistent for each user. I prefer a simple Windows 7 machine with Internet Explorer or Firefox. I recommend installing Morae to do picture-in-picture video recording. If you’re doing this in a lab, they may have the configuration available for you. Another option, if you’re using a Mac, is to try Silverback (much cheaper than Morae).
  8. On the day of the study, make sure that refreshments and snacks are available. If you’re budget is very small, just have bottled water on hand. Your users will appreciate the gesture.
  9. When the user arrives, kindly great them and thank them for participating in the study. Inform them what you are doing, that they’re being recorded, and that their contributions are going to be used to improve your product.
  10. Begin with a few interview questions to get the user warmed up. Instruct the user to “think out loud” so you know what they’re thinking as they move through each task.
  11. Start with a simple scenario, like “Navigate to Acme’s home page” then gradually move on to harder scenarios. Pay very close attention to what they’re looking at, their facial expressions, their complaints, etc. This is where it’s nice to have one person who’s role is strictly to take notes so you can focus on the subtle things.
  12. Have your note taker discreetly record the time it takes to do each scenario. It isn’t a good idea to tell the user that you’re recording the time—and it doesn’t have to be too scientific, just glance at your watch.
  13. If the user asks you a question, use “the echo effect” and repeat the question back to the user. Example: “How do you search for keywords?” reply with “How, DO YOU THINK you would search for keywords?” if the user doesn’t know, say “How do you think search should work?”. Remember, you’re not there to give the user training, you’re there to uncover usability problems so they don’t need training.
  14. Make sure the user tells you when they would have normally given up on a task. It doesn’t mean you have to stop the scenario, but it’s important to indicate the timing in your report. If you strongly feel the task cannot be completed, definitely move on to the next task—but don’t give up too soon. There are often many navigation and search paths, you never know which one your user may discover.
  15. When the study is over, pay your user an honorarium or gratuity for their support. Anywhere from $50-$100 for normal users. If the user is a subject matter expert (like a doctor or lawyer), it’s customary to pay them more their contribution.
  16. Send a survey out to each of your users. Sometimes, I like to send out a thank you card in the mail as well.
  17. Assemble all of your data together and create a report. Annotate the number of times a problem occurred and indicate whether or not a problem is a trend or not.
I realize that was pretty lengthy, but I’ll be doing videos for the individual topics in the future.
3
Video Blog

Usability Testing Mistakes: Things you should NEVER do!


Click here to tweet this article to your followers!

Usability testing can be a struggle when everybody who has a stake in a project tends to get very personal. For whatever reason, developers involved with the project never view it as a natural part of creating software—this would probably change if we all did usability testing regularly as part of an iterative design methodology. Because of this, stakeholders feel they have to be there during the day you’re doing usability testing. Sometimes they even want to be in the same room as you. While I make many arguments on why this isn’t a good idea, it’s rarely something I can prevent. After all, some usability testing is better than no usability testing. I hate to think of it as a privilege, but it’s so important that I’ll do just about anything to make sure it happens.

So here are some bad things that have happened previously in usability studies that should NEVER be allowed during usability testing:

  1. Never tell the user or let them believe they are doing something wrong. This includes silent stares by quiet developers sitting in the room “surprised” by what he is finding. The best approach is to not let anyone else in the room with you—but if you have no choice. Make sure they’re sitting far away and are not adding commentary. This is about the user, not about anyone else in the room.
  2. Never introduce yourself (or anyone facilitating the study) as anything other than an objective 3rd party. I’ve seen this ending very badly. Often times, we can’t hire a 3rd party to do usability testing for us, so we do it ourselves. That is completely fine, but make sure your user doesn’t know that you played a role in the design or implementation of what they’re testing. In the past, I’ve had someone in the room introduce themselves as a member of the website development team—the user spent the entire hour pointing to that stakeholder when she had encountered problems. It was a nightmare.
  3. Never let the user give up too soon. Observe the user tackle several navigation and search paths. Let them indicate to you when they’ve given up. This is a mistake that I’ve made in the past—moving on to the next scenario when I thought the user had “failed” the scenario. I have to remind myself that user interaction simply doesn’t work that way. They might complete a scenario in the most interesting of ways.
4
Video Blog

Top 8 Usability Mistakes People Make


I’ve just opened the doors to my free video series: “Top 8 Usability Mistakes People Make (and how to prevent them) 2.0″. It’s a video webinar and it’s over 40 minutes long.

Thanks so much for watching and please share, tweet, and give me feedback!

1
Video Blog

8 Ways To Improve Website Performance


Click here to tweet this article to your followers!

Website performance is not just a usability issue, also a overarching user experience issue. Learn my 8 ways to Improve Website Performance and Usability.

  • Want website traffic? Google factors your page load time into their algorithm—placing skinnier websites toward the top of the search results.
  • Want your users to take action on something, like contact you, get a quote, or opt-in to your newsletter? Studies have shown the they’re more likely to leave your website in as little as a few seconds if you haven’t delivered content fast enough.
Looks like I’ve got your attention: your website needs to load as fast as possible. What can you do to accomplish this? Here are some tips that will help you improve website performance:
  1. From a design perspective, remove everything that isn’t necessary. Minimalism isn’t just a fad, it’s a proven methodology for delivering the best experience for your users. When you remove all of the garbage, you greatly increase website usability and reduce what we call the “bounce rate“—the percentage of users who immediately leave your website upon arriving.
  2. Compress your images with Smush.it and watch your load times soar. Often times, the images you add to your website are not compressed or optimized for fast load times. What I love about this service is that it rarely makes a noticeable visual difference, but can dramatically reduce file size. While this used to be a bigger issue in the 90s—when 56K modems drove our design—it’s still important today, especially when browsers have to load several images at once. There are even plug-ins for WordPress and Drupal that makes this automatic.
  3. Minify, Combine, and G-ZIP all of your Cascading Style Sheets (CSS) and JavaScript (JS). What this means, essentially is to remove all of the carriage returns from the files, renaming variables so they are shorter in size (ie. var thisIsALongVariableName — becomes — var v1), and then combines all of the files in a single file. Often times, especially when working with templates, you can have several CSS and JS files. Combining these files does not reduce bandwidth, but it does reduce the number of pings to the server (giving the illusion of faster load time).
  4. Enable “Page Caching”. This is done on the browser level and greatly reduces the number of server calls for images and other external files. Using cache control will make a significant difference.
  5. Enable “Database Caching” to reduce the execution time for common website operations.
  6. Use a CDN service. It’s so cheap and completely worth it. I personally prefer using Amazon CloudFront. The service changes all of your URLs to point to their distributed network—so no matter where you are in the world, you’ll fetch content super fast.
  7. Use a Performance Management Tool – I use W3 Total Cache, which does all of the above. It does website performance analysis and makes recommendations.
  8. Use a Website Performance Monitoring Tool – Google offers a special API that evaluates your page load and gives you relevant advice. It does website performance monitoring and continuously
Here area few things that Google measures when ranking your website:
  • Defer parsing of JavaScript
  • Leverage browser caching
  • Optimize images
  • Serve resources from a consistent URL
  • Enable compression
  • Minify HTML
  • Minify JavaScript
  • Specify a cache validator
  • Serve scaled images
  • Specify a character set
  • Avoid CSS @import
  • Remove query strings from static resources
  • Put CSS in the document head
  • Specify a Vary: Accept-Encoding header
  • Combine images into CSS sprites
  • Specify image dimensions
  • Prefer asynchronous resources
  • Optimize the order of styles and scripts
  • Minify CSS
  • Make landing page redirects cacheable
  • Eliminate unnecessary reflows
  • Inline Small JavaScript
  • Avoid long-running scripts
  • Avoid bad requests
  • Reduce request serialization
  • Minimize request size
  • Minimize redirects
  • Inline Small CSS
6
Video Blog

Video Blog Coming In a Few Weeks!


I just wanted to give you all an update, I’m about to launch my video blog. No more iMovie productions, we’re gonna have a green screen, great lighting, a professional camera, and Final Cut Pro baby!

3