Web Communications

    Applauding User Testing

    • Posted on by Doug Widner
    • I have become a Huge Fan of usability studies also known as user testing. Our team has finished several dozen user tests. The result of each test is a video of the test subject’s computer screen while s/he tries to complete a “task” on our web site. The test subject is also talking to us (being recorded), keeping us apprised of why he’s doing what he’s doing, what problems or surprises he runs into. For our purposes a single user test involves about 5 tasks to accomplish and 5 testers from a predetermined demographic (e.g., age, income range, U.S.-based, etc.).

      Some of the things we’ve learned so far:

      It’s true that some web users prefer “navigation” and others prefer “search.” The “navigators” look for landmarks on the page and click deeper until they begin to feel they’re on the right track, give up, or they accomplish the task. The “searchers” go straight to the search function and enter keywords they’ve derived from the task. The take-home? Web sites have to employ both navigation and search. Tabs and hyperlinks need to use language the visitor understands and can associate with the task at hand. Search functionality needs to work well, serving up a list of possible pages with enough detail for the user to associate the appropriate list item with the task.

      It’s also true that visitors to your web site will check the home page (at least) from top to bottom. They expect the persistent “homepage link” to be in the top left of every page and the search function to be obvious in the top right. If they don’t find an appropriate link in the space between the header and footer, they will scan links listed in the footer.

      So called “sliders” are variously animated ways of presenting images and info graphics typically at or near the top of homepages and landing pages. Dozens of subsites in berea.edu use sliders to engage their visitors. Many of the slides contain text and often the slide hyperlinks to a page of related information. We’ve learned from our user tests that depending on a slider to get visitors to a certain point is a bad idea. The predominant animation at work in a slider is the periodic change-out of every image — typically every few seconds — and many sliders contain enough images to mean any one image will only be visible for a few seconds per minute. If the link your visitor needs is not readily apparent in the slider, the visitor is not likely to hang around.

      So far what we’ve learned from our user tests has given us dozens of ways to improve the current berea.edu and inform the design and development of our upcoming mobile-friendly version. I’ll share more in future posts.

    Resist Forcing New Tabs in the Browser

    • Posted on by Doug Widner
    • Here’s a typical Edit tool bar in WordPress and a red arrow pointing to the oft-used “insert hyperlink” tool:

      hyperlink-#1 Clicking that tool brings up this window:

      insert-hyperlink

      You have already selected a word or two of your copy, so now you type the URL you want people to get to when they click on the hyperlink word(s). Notice the check box? If you check that you are going to open the destination URL in a new window or tab in your user’s browser. That can be very annoying! If you typically check those boxes on your hyperlinks you could confuse your user beyond his or her tolerance. Bye bye user.

      Good practice is to reserve checking this box unless the link takes the user out of your site… For a complete argument about this, visit this site:

      http://www.htmlgoodies.com/primers/html/article.php/3890416 (Oh, by the way: clicking this link will open a new tab in your browser!)

Berea College Logo

 

Copyright © 2014 Berea College