Plaisant, C., Chao, T., Liu, R., Norman, K., Shneiderman, B. (September 2012)
While animation has been shown to be compelling and helpful to reveal transformations of complex graphical representations such as trees or graphs, other studies have cast doubts on animationís usefulness for learning. We present a new beneficial use of animation: helping users learn and understand the meaning of the spatial grouping of items on the screen. We introduce this technique in the design of two list comparison interfaces: Twinlist, an interface that helps physicians compare and merge two separate lists of medications into a reconciled list; and ManyLists, an interface for product comparison. Animation is used to reveal the similarities and differences between items in the lists and explain the final grouping. A controlled experiment confirmed that animation helped participants learn the groupings of Twinlist. Finally we summarize design guidelines and discuss other possible uses of the technique.