ABSTRACT
Sometimes users fail to notice a change that just took place on their display. For example, the user may have accidentally deleted an icon or a remote collaborator may have changed settings in a control panel. Animated transitions can help, but they force users to wait for the animation to complete. This can be cumbersome, especially in situations where users did not need an explanation. We propose a different approach. Phosphor objects show the outcome of their transition instantly; at the same time they explain their change in retrospect. Manipulating a phosphor slider, for example, leaves an afterglow that illustrates how the knob moved. The parallelism of instant outcome and explanation supports both types of users. Users who already understood the transition can continue interacting without delay, while those who are inexperienced or may have been distracted can take time to view the effects at their own pace. We present a framework of transition designs for widgets, icons, and objects in drawing programs. We evaluate phosphor objects in two user studies and report significant performance benefits for phosphor objects.
Supplemental Material
Available for Download
Slides from the presentation
Supplemental material for Phosphor: explaining transitions in the user interface using afterglow effects
- Assa, J., Caspi, Y., and Cohen-Or, D. Action synopsis: pose selection and illustration. In Proc. Siggraph'05, pp. 667--676. Google ScholarDigital Library
- Baecker, R., Small, I., and Mander, R. Bringing Icons to Life. In Proc. CHI '91, pp 1--6. 1991. Google ScholarDigital Library
- Bartram, L. Can motion increase user interface bandwidth? In Proc. IEEE Conference on Systems, Man, and Cybernetics'97. pp. 1686--1692.Google Scholar
- Bartram, L., Ware, C. and Calvert, T. Moving Icons: Detection and Distraction, Interact 2001.Google Scholar
- Baudisch, P., Cutrell, E., and Robertson, G. High-Density Cursor: A Visualization Technique that Helps Users Keep Track of Fast-Moving Mouse Cursors. In Proc. Interact'03, pp. 236--243.Google Scholar
- Baudisch, P., Cutrell, E., Robbins, D., Czerwinski, M., Tandler, P. Bederson, B., and Zierlinger, A. Drag-and-Pop and Drag-and-Pick: Techniques for Accessing Remote Screen Content on Touch- and Pen-operated Systems. In Proc. Interact'03, pp. 57--64.Google Scholar
- Bétrancourt, M. and Tversky, B. (in press). Simple animations for organizing diagrams. International Journal of Human Computer Studies.Google Scholar
- Cavanagh, P. and Alvarez, G. Tracking multiple targets with multifocal attention. TRENDS in Cognitive Science, Vol. 9. No. 7, pp. 249--354, July 2005Google Scholar
- Chang, B.-W. and Unger, D. Animation: From Cartoons to the User Interface. In Proc. UIST'93, pp. 45--55. Google ScholarDigital Library
- Chittaro L., and Ieronutti, L. A visual tool for tracing users' behavior in virtual environments. In Proc. AVI'04, pp. 40--47. Google ScholarDigital Library
- Feiner, S. APEX: An Experiment in the Automatic Creation of Pictorial Explanations. IEEE Computer Graphics and Applications, 5(11), pp. 29--37, 1985.Google ScholarDigital Library
- Flash components: download.macromedia.com/pub/documentation/en/flash/fl8/fl8_using_components.pdfGoogle Scholar
- Gutwin, C., and Penner, R. Improving Interpretation of Remote Gestures with Telepointer Traces. In CSCW'05, pp.49--57. Google ScholarDigital Library
- Haller, M., Hanl, C., and Diephuis, J. Non-Photorealistic Rendering Techniques for Motion in Computer Games. In ACM Computers in Entertainment 2(4) October 2004. Google ScholarDigital Library
- Heer, J., Card, S., and Landay, J. Prefuse: a Toolkit for Interactive Information Visualization. Proc. CHI'05, pp. 421--430. Google ScholarDigital Library
- Hill, W., Hollan, J., Wroblewski, D., and McCandless, T. Edit wear and read wear. In Proc. CHI'92, pp.3--9. Google ScholarDigital Library
- Hoobler, N., Humphreys, G., and Agrawala, M. Visualizing Competitive Behaviors in Multi-User Virtual Environments. In Proc. Viz'04, pp. 163--170. Google ScholarDigital Library
- Kaptelinin, V., Mäntylä, T., Åström, J. Transient Visual Cues for Scrolling: An Empirical Study. In CHI'02 Extended Abstracts, pp. 620--621. Google ScholarDigital Library
- Klein, C. and Bederson, B. Benefits of Animated Scrolling. In CHI'05 Extended Abstracts, pp. 1965--1968. Google ScholarDigital Library
- Kurlander, D. J., Skelly, T, and Salesin, D. Comic Chat. In Proc. SIGGRAPH'06, pp. 225--236. Google ScholarDigital Library
- Lowe, R. Interactive animated diagrams: what information is extracted? In Proc. First International Conference on Using Complex Information Systems, Sept. 4-6 '96, Poitiers, France.Google Scholar
- Masuch, M., Schlechtweg, S., and Schulz, R. Speedlines Depicting Motion in Motionless Pictures. In SIGGRAPH'99 Conference Abstracts and Applications, p. 277. Google ScholarDigital Library
- McCloud, S. Understanding Comics. Perennial Currents, 1994.Google Scholar
- McCrickard, S., Catrambone, R., and Stasko, J. Evaluating Animation in the Periphery as a Mechanism for Maintaining Awareness. In Proc. INTERACT'01, pp. 148--156.Google Scholar
- Oksama, L. and Hyöna, J. Is multiple object tracking carried out automatically by an early vision mechanism independent of higher-order cognition? An individual difference approach. Visual Cognition, Vol. 11, pp. 631--671, 2004.Google ScholarCross Ref
- Reynolds, C. Stylized Depiction in Computer Graphics: Non-Photorealistic, Painterly and 'Toon Rendering. An annotated survey of online resources www.red3d.com/cwr/nprGoogle Scholar
- Robertson, G., Cameron, K., Czerwinski, M., Robbins, D. Poly visualization: visualizing multiple intersecting hierarchies. In CHI'02 Extended Abstracts, pp. 423--430. Google ScholarDigital Library
- Robertson, G., Card, S., and Mackinlay, J. The cognitive coprocessor architecture for interactive user interfaces. In Proc. UIST'89, pp. 10--18. Google ScholarDigital Library
- Stasko, J. Animation in User Interfaces: Principles and Techniques. In User Interface Software '93, pp. 81--101. Google ScholarDigital Library
- Terveen, L. and Hill, W. Finding and visualizing inter-site clan graphs. In Proc. CHI'98, pp. 448--455. Google ScholarDigital Library
- Thomas, B., and Calder, P. Applying Cartoon Animation Techniques to Graphical User Interfaces. In TOCHI 8(3):198--222 (2001). Google ScholarDigital Library
- Tversky, B., Bauer Morrison, J. Bétrancourt, M. Animation: can it facilitate? Int. Journal Human-Computer Studies 57(4): 247--262 (2002). Google ScholarDigital Library
- Ware, C., Neufeld, E. and Bartram, L. Visualizing Causal Relations. In Proc. INFOVIZ '99, pp. 39--42.Google Scholar
- Wickens, C. And Carswell, C. The proximity compatibility principle: its psychological foundation and relevance to display design. Human Factors 37, 473--494, 1995.Google ScholarCross Ref
- Woodring, J., and Shen, H.-W. Chronovolumes: A Direct Rendering Technique for Visualizing Time-Varying Data. In Proceedings IEEE TVCG Workshop on Volume Graphics 2003, pp. 27--34. Google ScholarDigital Library
- Yantis, S. Multi-element visual tracking: Attention and perceptual organization. Cognitive Psych. 24, pp. 295--340, 1992.Google ScholarCross Ref
Index Terms
- Phosphor: explaining transitions in the user interface using afterglow effects
Recommendations
Synthesis and photoluminescence properties of (La, Pr) co-doped InVO4 phosphor
(La3+, Pr3+) co-doped InVO4 phosphors were prepared using a sol-gel method. For the (In1-xPrx)VO4 (x=0-0.1) system, X-ray powder diffraction (XRD) patterns show that all of the peaks are attributed to the orthorhombic phase, and the scanning electron ...
Effect of fuel on the Photoluminescence properties of Gd2O3 nanoparticles
EHAC'12/ISPRA/NANOTECHNOLOGY'12: Proceedings of the 11th WSEAS international conference on Electronics, Hardware, Wireless and Optical Communications, and proceedings of the 11th WSEAS international conference on Signal Processing, Robotics and Automation, and proceedings of the 4th WSEAS international conference on NanotechnologyRecent research on Ln2O3-type oxide nanomaterials provide challenges to both fundamental and breakthrough development of technologies in various areas such as electronics, photonics, display, lasing, detection, optical amplification, fluorescent sensing ...
Preparation and photoluminescence properties of Eu3+ ion-doped Mg2LaTaO6 phosphor
The luminescent properties of Eu3+ ion-doped Mg2LaTaO4 phosphors were synthesized using a vibrating milled solid-state reaction. The XRD results show that the crystal structure of the Mg2LaTaO4:Eu3+ phosphor that is calcined at 1450 °C for 8 h has a ...
Comments