Article

Phosphor: explaining transitions in the user interface using afterglow effects

Authors:

Patrick Baudisch,

Maxime Collomb,

Maneesh Agrawala,

Shengdong Zhao,

Gonzalo RamosAuthors Info & Claims

UIST '06: Proceedings of the 19th annual ACM symposium on User interface software and technology

Pages 169 - 178

https://doi.org/10.1145/1166253.1166280

Published: 15 October 2006 Publication History

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.

Supplementary Material

JPG File (1166280.jpg)

Download
11.22 KB

index.html (index.html)

Slides from the presentation

Download
.96 KB

ZIP File (p169-slides.zip)

Supplemental material for Phosphor: explaining transitions in the user interface using afterglow effects

Download
19.09 MB

Audio only (1166280.mp3)

Download
5.89 MB

Video (1166280.mp4)

Download
141.86 MB

References

[1]

Assa, J., Caspi, Y., and Cohen-Or, D. Action synopsis: pose selection and illustration. In Proc. Siggraph'05, pp. 667--676.

Digital Library

[2]

Baecker, R., Small, I., and Mander, R. Bringing Icons to Life. In Proc. CHI '91, pp 1--6. 1991.

Digital Library

[3]

Bartram, L. Can motion increase user interface bandwidth? In Proc. IEEE Conference on Systems, Man, and Cybernetics'97. pp. 1686--1692.

[4]

Bartram, L., Ware, C. and Calvert, T. Moving Icons: Detection and Distraction, Interact 2001.

[5]

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.

[6]

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.

[7]

Bétrancourt, M. and Tversky, B. (in press). Simple animations for organizing diagrams. International Journal of Human Computer Studies.

[8]

Cavanagh, P. and Alvarez, G. Tracking multiple targets with multifocal attention. TRENDS in Cognitive Science, Vol. 9. No. 7, pp. 249--354, July 2005

[9]

Chang, B.-W. and Unger, D. Animation: From Cartoons to the User Interface. In Proc. UIST'93, pp. 45--55.

Digital Library

[10]

Chittaro L., and Ieronutti, L. A visual tool for tracing users' behavior in virtual environments. In Proc. AVI'04, pp. 40--47.

Digital Library

[11]

Feiner, S. APEX: An Experiment in the Automatic Creation of Pictorial Explanations. IEEE Computer Graphics and Applications, 5(11), pp. 29--37, 1985.

Digital Library

[12]

Flash components: download.macromedia.com/pub/documentation/en/flash/fl8/fl8_using_components.pdf

[13]

Gutwin, C., and Penner, R. Improving Interpretation of Remote Gestures with Telepointer Traces. In CSCW'05, pp.49--57.

Digital Library

[14]

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.

Digital Library

[15]

Heer, J., Card, S., and Landay, J. Prefuse: a Toolkit for Interactive Information Visualization. Proc. CHI'05, pp. 421--430.

Digital Library

[16]

Hill, W., Hollan, J., Wroblewski, D., and McCandless, T. Edit wear and read wear. In Proc. CHI'92, pp.3--9.

Digital Library

[17]

Hoobler, N., Humphreys, G., and Agrawala, M. Visualizing Competitive Behaviors in Multi-User Virtual Environments. In Proc. Viz'04, pp. 163--170.

Digital Library

[18]

Kaptelinin, V., Mäntylä, T., Åström, J. Transient Visual Cues for Scrolling: An Empirical Study. In CHI'02 Extended Abstracts, pp. 620--621.

Digital Library

[19]

Klein, C. and Bederson, B. Benefits of Animated Scrolling. In CHI'05 Extended Abstracts, pp. 1965--1968.

Digital Library

[20]

Kurlander, D. J., Skelly, T, and Salesin, D. Comic Chat. In Proc. SIGGRAPH'06, pp. 225--236.

Digital Library

[21]

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.

[22]

Masuch, M., Schlechtweg, S., and Schulz, R. Speedlines Depicting Motion in Motionless Pictures. In SIGGRAPH'99 Conference Abstracts and Applications, p. 277.

Digital Library

[23]

McCloud, S. Understanding Comics. Perennial Currents, 1994.

[24]

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.

[25]

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.

[26]

Reynolds, C. Stylized Depiction in Computer Graphics: Non-Photorealistic, Painterly and 'Toon Rendering. An annotated survey of online resources www.red3d.com/cwr/npr

[27]

Robertson, G., Cameron, K., Czerwinski, M., Robbins, D. Poly visualization: visualizing multiple intersecting hierarchies. In CHI'02 Extended Abstracts, pp. 423--430.

Digital Library

[28]

Robertson, G., Card, S., and Mackinlay, J. The cognitive coprocessor architecture for interactive user interfaces. In Proc. UIST'89, pp. 10--18.

Digital Library

[29]

Stasko, J. Animation in User Interfaces: Principles and Techniques. In User Interface Software '93, pp. 81--101.

Digital Library

[30]

Terveen, L. and Hill, W. Finding and visualizing inter-site clan graphs. In Proc. CHI'98, pp. 448--455.

Digital Library

[31]

Thomas, B., and Calder, P. Applying Cartoon Animation Techniques to Graphical User Interfaces. In TOCHI 8(3):198--222 (2001).

Digital Library

[32]

Tversky, B., Bauer Morrison, J. Bétrancourt, M. Animation: can it facilitate? Int. Journal Human-Computer Studies 57(4): 247--262 (2002).

Digital Library

[33]

Ware, C., Neufeld, E. and Bartram, L. Visualizing Causal Relations. In Proc. INFOVIZ '99, pp. 39--42.

[34]

Wickens, C. And Carswell, C. The proximity compatibility principle: its psychological foundation and relevance to display design. Human Factors 37, 473--494, 1995.

[35]

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.

Digital Library

[36]

Yantis, S. Multi-element visual tracking: Attention and perceptual organization. Cognitive Psych. 24, pp. 295--340, 1992.

Cited By

Narechania AOdak KEl-Assady MEndert A(2025)ProvenanceWidgets: A Library of UI Control Elements to Track and Dynamically Overlay Analytic ProvenanceIEEE Transactions on Visualization and Computer Graphics10.1109/TVCG.2024.345614431:1(1235-1245)Online publication date: Jan-2025
https://doi.org/10.1109/TVCG.2024.3456144
Alghofaili RSendhilnathan NZhang TGrossman TGlueck MJonker TLafreniere B(2024)Interactive Mediation Techniques for Error-Aware Gesture Input SystemsProceedings of the 50th Graphics Interface Conference10.1145/3670947.3670964(1-12)Online publication date: 3-Jun-2024
https://dl.acm.org/doi/10.1145/3670947.3670964
Chowdhury ARohankar S(2023)Effects of Animation Types on Visual Search Behavior: A Study on Mobile Icon SearchCommunication Design and Branding10.1007/978-3-031-35385-7_15(253-266)Online publication date: 31-Aug-2023
https://doi.org/10.1007/978-3-031-35385-7_15
Show More Cited By

Index Terms

Phosphor: explaining transitions in the user interface using afterglow effects
1. Human-centered computing
  1. Human computer interaction (HCI)
    1. Interaction paradigms
      1. Graphical user interfaces

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 Gd₂O₃ 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 Nanotechnology

Recent research on Ln₂O₃-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

Information & Contributors

Information

Published In

cover image ACM Conferences

UIST '06: Proceedings of the 19th annual ACM symposium on User interface software and technology

October 2006

354 pages

ISBN:1595933131

DOI:10.1145/1166253

General Chair:
Pierre Wellner
IDIAP Research Institute, Switzerland
,
Program Chair:
Ken Hinckley
Microsoft Research, USA

Copyright © 2006 ACM.

Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. Copyrights for components of this work owned by others than ACM must be honored. Abstracting with credit is permitted. To copy otherwise, or republish, to post on servers or to redistribute to lists, requires prior specific permission and/or a fee. Request permissions from [email protected]

Sponsors

Publisher

Association for Computing Machinery

New York, NY, United States

Publication History

Published: 15 October 2006

Permissions

Request permissions for this article.

Request Permissions

Check for updates

Author Tags

Qualifiers

Article

Conference

UIST06

Sponsor:

UIST06: The 19th Annual ACM Symposium on User Interface Software and Technology

October 15 - 18, 2006

Montreux, Switzerland

Acceptance Rates

Overall Acceptance Rate 561 of 2,567 submissions, 22%

Upcoming Conference

UIST '25

Sponsor:
sigchi
sigchi

The 38th Annual ACM Symposium on User Interface Software and Technology

September 28 - October 1, 2025

Busan , Republic of Korea

Contributors

Other Metrics

View Article Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

78
Total Citations
View Citations
1,651
Total Downloads

Downloads (Last 12 months)50
Downloads (Last 6 weeks)4

Reflects downloads up to 20 Jan 2025

Other Metrics

View Author Metrics

Citations

Cited By

Narechania AOdak KEl-Assady MEndert A(2025)ProvenanceWidgets: A Library of UI Control Elements to Track and Dynamically Overlay Analytic ProvenanceIEEE Transactions on Visualization and Computer Graphics10.1109/TVCG.2024.345614431:1(1235-1245)Online publication date: Jan-2025
https://doi.org/10.1109/TVCG.2024.3456144
Alghofaili RSendhilnathan NZhang TGrossman TGlueck MJonker TLafreniere B(2024)Interactive Mediation Techniques for Error-Aware Gesture Input SystemsProceedings of the 50th Graphics Interface Conference10.1145/3670947.3670964(1-12)Online publication date: 3-Jun-2024
https://dl.acm.org/doi/10.1145/3670947.3670964
Chowdhury ARohankar S(2023)Effects of Animation Types on Visual Search Behavior: A Study on Mobile Icon SearchCommunication Design and Branding10.1007/978-3-031-35385-7_15(253-266)Online publication date: 31-Aug-2023
https://doi.org/10.1007/978-3-031-35385-7_15
Raffaillac THuot S(2022)What do Researchers Need when Implementing Novel Interaction Techniques?Proceedings of the ACM on Human-Computer Interaction10.1145/35322096:EICS(1-30)Online publication date: 17-Jun-2022
https://dl.acm.org/doi/10.1145/3532209
Peacock CLafreniere BZhang TSantosa SBenko HJonker T(2022)Gaze as an Indicator of Input Recognition ErrorsProceedings of the ACM on Human-Computer Interaction10.1145/35308836:ETRA(1-18)Online publication date: 13-May-2022
https://dl.acm.org/doi/10.1145/3530883
Lu MFish NWang SLanir JCohen-Or DHuang H(2022)Enhancing Static Charts With Data-Driven AnimationsIEEE Transactions on Visualization and Computer Graphics10.1109/TVCG.2020.303730028:7(2628-2640)Online publication date: 1-Jul-2022
https://doi.org/10.1109/TVCG.2020.3037300
Lafreniere BR. Jonker TSantosa SParent MGlueck MGrossman TBenko HWigdor D(2021)False Positives vs. False NegativesThe 34th Annual ACM Symposium on User Interface Software and Technology10.1145/3472749.3474735(54-68)Online publication date: 10-Oct-2021
https://dl.acm.org/doi/10.1145/3472749.3474735
Herman LSas CMaiden N(2021)Remixing, Seeing, and Curating: Algorithms’ Influence on Human CreativityProceedings of the 13th Conference on Creativity and Cognition10.1145/3450741.3467464(1-4)Online publication date: 22-Jun-2021
https://dl.acm.org/doi/10.1145/3450741.3467464
Reipschlager PFlemisch TDachselt R(2021)Personal Augmented Reality for Information Visualization on Large Interactive DisplaysIEEE Transactions on Visualization and Computer Graphics10.1109/TVCG.2020.303046027:2(1182-1192)Online publication date: Feb-2021
https://doi.org/10.1109/TVCG.2020.3030460
Liu YCraig PPolidoro F(2021)Animated Transitions for Multi-user Shared Large DisplaysCooperative Design, Visualization, and Engineering10.1007/978-3-030-88207-5_4(32-43)Online publication date: 1-Oct-2021
https://doi.org/10.1007/978-3-030-88207-5_4
Show More Cited By

View Options

Login options

Check if you have access through your login credentials or your institution to get full access on this article.

Full Access

Get this Publication

View options

PDF

View or Download as a PDF file.

eReader

View online with eReader.

Media

Figures

Other

Tables

View Table of Contents