Progress Indicators

Google’s second principle for UX states:

Every millisecond counts.

Nothing is more valuable than people’s time. Google pages load quickly, thanks to slim code and carefully selected image files. The most essential features and text are placed in the easiest-to-find locations. Unnecessary clicks, typing, steps, and other actions are eliminated. Google products ask for information only once and include smart defaults. Tasks are streamlined.

Speed is a boon to users. It is also a competitive advantage that Google doesn’t sacrifice without good reason.

User experiences are now often defined, not only by ease-of-use and fun-to-use measures, but by speed. As a user experience designer, it’s not my job to make the system perform faster, but I can include designs that take speed into consideration. Consider Jakob Nielsen’s advice regarding response time:

  1. 0.1 second is about the limit for having the user feel that the system is reacting instantaneously, meaning that no special feedback is necessary except to display the result.
  2. 1.0 second is about the limit for the user’s flow of thought to stay uninterrupted, even though the user will notice the delay. Normally, no special feedback is necessary during delays of more than 0.1 but less than 1.0 second, but the user does lose the feeling of operating directly on the data.
  3. 10 seconds is about the limit for keeping the user’s attention focused on the dialogue. For longer delays, users will want to perform other tasks while waiting for the computer to finish, so they should be given feedback indicating when the computer expects to be done. Feedback during the delay is especially important if the response time is likely to be highly variable, since users will then not know what to expect.

I’ve had a few conversations with my company’s Performance Engineering team to discuss the overlap between performance and user experience. The work the User Experience team focuses on is how to create designs and interactions that are intuitive, consistent and desirable. We can work to limit the number of clicks and page loads, but we do not have control over how fast the system should respond to user interactions with the product. Enter our Performance Engineering team. They are responsible for making sure that our products are fine tuned so that human-computer interactions are as efficient as possible. But what happens when lag time is unavoidable? We use the progress indicator to provide visual feedback to the user that they must wait.

Obviously, the goal is to keep response times short so that a progress indicator is not needed. However, there are times when it is necessary to use them. Consider the 4 progress indicator types as explained by Steven C. Seow, Ph.D., in his book entitled, Designing and Engineering Time.

Progress Indicator

Dr. Seow provides the following rule of thumb:

Beyond 2 seconds, some form of progress indication is necessary. Between two and five seconds, a simple indication to the user that the system is working is typically sufficient (Class B). The indication can be a typical “busy” animation or a simple line of text that indicates that work is underway, such as “Saving document.” Beyond five seconds, it is critical to provide some form of active progress indication to the user (Class A or C). This doesn’t mean that the indication cannot take momentary pauses, but it does mean that it must communicate and assure the user that progress is being made. Another class of responsiveness (captive) comes into the picture beyond ten seconds. When a process takes more than ten seconds, you must include an “escape hatch” (typically a Cancel button) to enable users to abort or ignore the process. For durations reliably beyond five minutes or so, consider providing notification of completion (Class D).

After speaking with our Performance Engineering team, we wondered how to engage users when they may be forced to wait. Since we are not in an eCommerce product space, we do not need to fill the space with advertizing. We have the opportunity to display information that is useful, and potentially actionable, to the user.

In your designs have you had to account for wait times? Have you worked with engineers to come up with solutions that focus on alleviating wait times and design appropriate user wait feedback?

Tags: [, , , , , ]

Apple Home Page Search

Apple Home Page Search

This morning I went to the Apple home page to find one of their commercials. I went to search and noticed that the behavior mimicked Apple’s own operating system and the “suggest” features available in browser search boxes. What I liked is that it not only offered suggested terms but displayed media previews along with the term. I realize this isn’t especially groundbreaking, given the amount of AJAX development in recent years. However, it reminded me that as Peter Morville analyzes search patterns, another to add to the list is the behavior of providing suggestions before a user has even executed a search. This might remedy the need to distinguish between a basic and advanced search, or the need to revise a search after seeing results. Notice the screen capture image (click image to see original) where I entered “ads” as my search term.

Tags: [, , , , ]

Edward Tufte iPhone Critique

Edward Tufte offers a critique of the iPhone’s interface design (includes video).

Tags: [, , , , , , , , ]

Infographics in a Music Video

Interesting music video by The Longcut incorporates infographics quite nicely.

Hat tip to Jason Kottke

Tags: [, , , , ]

Storyboard Templates – Customer Service Style

A new storyboard template was released by Martin Hardee last week. This templates focuses on phone conversations. Click the image below to access the file.

Tags: [, , , , , , , , , , ]

Design Comics

Other than Calvin and Hobbes, I’m not much of a comic guy. There’s been a number of contributors in the web design arena who have advocated using comics to communicate a user’s experience interacting with an information system (web or client). Typically, I think of the folks over at OK/Cancel, but I know others, such as Dan Brown, are influenced by Scott McCloud.

Today I came across a post by Martin Hardee of the Sun Design Team. His team has been using comics to convey user experiences with the sun.com site. Interestingly, he has provided a template that is freely available to use, provided you have access to Sun’s Office suite (OpenOffice is freely available). Unfortunately, I am unable to install OpenOffice on my work machine, so I’ll have to look at the template when I get home.

As I mentioned to Martin, since I’m an information architect without the gift of artistic design, I am eager to use any existing templates. I’m a visual learner by nature, so having the ability to succinctly depict user experience issues to technical teams or end users alike in a visual (versus text) format is something I hope to do more of in the future. I truly hope that the template will provide some good images like that seen below. Thanks to Martin and Sun for graciously allowing me to copy content from his blog and repost it here.

Design Comic Template Example

Tags: [, , , , , , , , ]

The Social Life of Visualizations

UMCP HCIL Logo

I thought I’d pass this along since it may be of interest to you…

HCIL Seminar Series Presents:

Speaker: Martin Wattenberg, IBM Research, http://www.bewitched.com/research.html

Where: 3258 AV Williams Bldg, University of Maryland , College Park


When:
Tuesday November 7th, 12:30pm

Talk: The Social Life of Visualizations

Abstract:

Visualization is often viewed as an efficient way of getting information out of a database and into an individual’s head. I argue that the value of many visualizations derives instead from their position in social systems involving two or more people. Through a series of examples from both science and art, I will discuss how this viewpoint leads to new directions, questions and design principles.

Bio:

Martin Wattenberg is a research scientist at IBM, where he leads the Visual Communication Lab. His work focuses on new approaches to data visualization and collaboration. He is known for both applied and artistic visualizations, interpreting such disparate information sources as online communities, music, baby names, and stock market data. He holds a Ph.D. in mathematics from UC Berkeley.

Please visit: http://www.cs.umd.edu/hcil/about/events/seminar-series.shtml, For more information.

Tags: [, , , , , , , , ]

Post a Slideshow on Your Site – Part III

Slideshare

Well, it’s now available and I’m very excited! Think of the possibilities. For teachers. For sharing knowledge in an organization. For sharing knowledge with the world. Sign up now and get started.

Related Posts

Post a Slideshow on Your Site – Part II

Post a Slideshow on Your Site – Part I

Tags: [, , , , , ]

Post a Slideshow on Your Site – Part II

…or, you could simply use SlideShare, once the kind folks open up the beta to everyone. Below is an example using the venerable Lou Rosenfeld’s recently posted “Enterprise Information Architecture” slides.

Tags: [, , , , , ]

Tufte in DC

This from Dan

“During my talk at the last UX Week in August, I mentioned Edward Tufte, who has done lots of work in the area of information visualization. (You may have seen PeterMe‘s review of Tufte’s new book Beautiful Evidence on his site – here, here, and here.) Tufte’s work can inform how we
develop user experience documentation.

Tufte will be giving his workshop in the DC area Nov 14-16 this year at the Marriott Crystal Forum. I *highly* recommend this session. The session is a full day, and costs $360. This includes ALL FOUR BOOKS!

You can learn more about his workshop here:
http://www.edwardtufte.com/tufte/courses

If you do attend, please let me know! Perhaps DCIA will host a happy hour in which attendees can share what they learned!”

Tags: [, , , ]