research-article

Using text animated transitions to support navigation in document histories

Authors:

Fanny Chevalier,

Pierre Dragicevic,

Anastasia Bezerianos,

Jean-Daniel FeketeAuthors Info & Claims

CHI '10: Proceedings of the SIGCHI Conference on Human Factors in Computing Systems

Pages 683 - 692

https://doi.org/10.1145/1753326.1753427

Published: 10 April 2010 Publication History

Abstract

This article examines the benefits of using text animated transitions for navigating in the revision history of textual documents. We propose an animation technique for smoothly transitioning between different text revisions, then present the Diffamation system. Diffamation supports rapid exploration of revision histories by combining text animated transitions with simple navigation and visualization tools. We finally describe a user study showing that smooth text animation allows users to track changes in the evolution of textual documents more effectively than flipping pages.

Supplementary Material

JPG File (p683.jpg)

Download
16.06 KB

AVI File (p683.avi)

Download
42.28 MB

References

[1]

C. Appert and J.-D. Fekete. Orthozoom scroller: 1d multi-scale navigation. In Proc. CHI'06, 21--30, 2006.

Digital Library

[2]

B. B. Bederson and A. Boltman. Does animation help users build mental maps of spatial information? In Proc. INFOVIS'99, Washington, DC, USA, 1999.

Digital Library

[3]

A. Bezerianos, P. Dragicevic, and R. Balakrishnan. Mnemonic rendering: an image-based approach for exposing hidden changes in dynamic displays. In Proc. UIST'06, 159--168, 2006.

Digital Library

[4]

U. Brandes and J. Lerner. Visual analysis of controversy in user-generated encyclopedias. Information Visualization, 7(1):34--48, 2008.

Digital Library

[5]

B.-W. Chang and D. Ungar. Animation: from cartoons to the user interface. In Proc. UIST'93, 45--55, 1993.

Digital Library

[6]

S. Eick, J. Steffen, and E. S. Jr. Seesoft - a tool for visualizing line oriented software statistics. IEEE Transactions on Software Engineering, 18(11):957--968, 1992.

Digital Library

[7]

C. Friedrich and P. Eades. Graph drawing in motion. J. Graph Algorithms Appl., 6(3):353--370, 2002.

[8]

C. Harrison, B. Amento, S. Kuznetsov, and R. Bell. Rethinking the progress bar. In Proc. UIST'07, 115--118, 2007.

Digital Library

[9]

P. Heckel. A technique for isolating differences between files. Commun. ACM, 21(4):264--268, 1978.

Digital Library

[10]

J. Heer and G. Robertson. Animated transitions in statistical data graphics. IEEE Trans. on Vis. and Comp. Graphics, 13(6):1240--1247, 2007.

Digital Library

[11]

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

Digital Library

[12]

J. W. Hunt and M. D. McIlroy. An algorithm for differential file comparison. Technical report, Bell Laboratories, 1976.

[13]

T. Igarashi and K. Hinckley. Speed-dependent automatic zooming for browsing large documents. In Proc. UIST'00, 139--148, 2000.

Digital Library

[14]

B.-W. C. Jock, B. wei Chang, J. D. Mackinlay, P. T. Zellweger, and T. Igarashi. A negotiation architecture for fluid documents. In Proc. UIST'98, 123--132, 1998.

Digital Library

[15]

D. E. M. JohnW. Ratcliff. Pattern matching: The gestalt approach. Dr. Dobbs Journal, 46--51, July 1988.

[16]

C. Klein and B. B. Bederson. Benefits of animated scrolling. In Proc. CHI'05, 1965--1968, 2005.

Digital Library

[17]

J. C. Lee, J. Forlizzi, and S. E. Hudson. The kinetic typography engine: an extensible system for animating expressive text. In Proc. UIST'02, 81--90, 2002.

Digital Library

[18]

T. Nakamura and T. Igarashi. An applicationindependent system for visualizing user operation history. In Proc. UIST'08, 23--32, 2008.

Digital Library

[19]

M. Shanmugasundaram and P. Irani. The effect of animated transitions in zooming interfaces. In Proc. AVI'08, 396--399, 2008.

Digital Library

[20]

J. Tam and S. Greenberg. A framework for asynchronous change awareness in collaborative documents and workspaces. Int. J. Hum.-Comput. Stud., 64(7):583--598, 2006.

Digital Library

[21]

A. Tang, S. Greenberg, and S. Fels. Exploring video streams using slit-tear visualizations. In Proc. AVI'08, 191--198, 2008.

Digital Library

[22]

W. F. Tichy. Rcs--a system for version control. Softw. Pract. Exper., 15(7):637--654, 1985.

Digital Library

[23]

F. B. Viégas, M.Wattenberg, and K. Dave. Studying cooperation and conflict between authors with history flow visualizations. In Proc. CHI'04, 575--582, 2004.

Digital Library

Cited By

Gu ZArawjo ILi KKummerfeld JGlassman E(2024)An AI-Resilient Text Rendering Technique for Reading and Skimming DocumentsProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642699(1-22)Online publication date: 11-May-2024
https://dl.acm.org/doi/10.1145/3613904.3642699
Hoque MMashiat TGhai BShelton CChevalier FKraus KElmqvist N(2024)The HaLLMark Effect: Supporting Provenance and Transparent Use of Large Language Models in Writing with Interactive VisualizationProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3641895(1-15)Online publication date: 11-May-2024
https://dl.acm.org/doi/10.1145/3613904.3641895
Xie LShu XSu JWang YChen SQu H(2024)Creating Emordle: Animating Word Cloud for Emotion ExpressionIEEE Transactions on Visualization and Computer Graphics10.1109/TVCG.2023.328639230:8(5198-5211)Online publication date: 1-Aug-2024
https://dl.acm.org/doi/10.1109/TVCG.2023.3286392
Show More Cited By

Index Terms

Using text animated transitions to support navigation in document histories
1. Computing methodologies
  1. Computer graphics
    1. Animation
  2. Modeling and simulation
    1. Simulation types and techniques
      1. Simulation by animation
2. Human-centered computing
  1. Human computer interaction (HCI)
    1. Interaction paradigms
      1. Graphical user interfaces

Recommendations

Temporal distortion for animated transitions
CHI '11: Proceedings of the SIGCHI Conference on Human Factors in Computing Systems

Animated transitions are popular in many visual applications but they can be difficult to follow, especially when many objects move at the same time. One informal design guideline for creating effective animated transitions has long been the use of slow-...
Addressing animated transitions already in mobile app storyboards
DUXU'13: Proceedings of the Second international conference on Design, User Experience, and Usability: web, mobile, and product design - Volume Part IV

Animated transitions are key elements that contribute to the user experience (UX) of mobile Apps. Unfortunately, animated transitions are usually addressed too late in software development. We recommend to consider animated transitions already during ...
Animated Transitions for Small-Scale Visualizations
VINCI '22: Proceedings of the 15th International Symposium on Visual Information Communication and Interaction

When visualizations are used to augment text, geographical information on a map, or on mobile devices, there often is not enough space to show complex data with approaches like juxtaposed visualizations or coordinated views. To alleviate this issue, we ...

Comments

Information & Contributors

Information

Published In

cover image ACM Conferences

CHI '10: Proceedings of the SIGCHI Conference on Human Factors in Computing Systems

April 2010

2690 pages

ISBN:9781605589299

DOI:10.1145/1753326

General Chair:
Elizabeth Mynatt
Georgia Institute of Technology
,
Program Chairs:
Geraldine Fitzpatrick
Vienna University of Technology
,
Scott Hudson
Carnegie Mellon University
,
Keith Edwards
Georgia Tech
,
Tom Rodden
University of Nottingham

Copyright © 2010 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

SIGCHI: ACM Special Interest Group on Computer-Human Interaction

Publisher

Association for Computing Machinery

New York, NY, United States

Publication History

Published: 10 April 2010

Permissions

Request permissions for this article.

Request Permissions

Check for updates

Author Tags

Qualifiers

Research-article

Conference

CHI '10

Sponsor:

SIGCHI

CHI '10: CHI Conference on Human Factors in Computing Systems

April 10 - 15, 2010

Georgia, Atlanta, USA

Acceptance Rates

Overall Acceptance Rate 6,199 of 26,314 submissions, 24%

Upcoming Conference

CHI 2025

Sponsor:
sigchi

ACM CHI Conference on Human Factors in Computing Systems

April 26 - May 1, 2025

Yokohama , Japan

Contributors

Other Metrics

View Article Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

41
Total Citations
View Citations
1,320
Total Downloads

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

Reflects downloads up to 03 Mar 2025

Other Metrics

View Author Metrics

Citations

Cited By

Gu ZArawjo ILi KKummerfeld JGlassman E(2024)An AI-Resilient Text Rendering Technique for Reading and Skimming DocumentsProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642699(1-22)Online publication date: 11-May-2024
https://dl.acm.org/doi/10.1145/3613904.3642699
Hoque MMashiat TGhai BShelton CChevalier FKraus KElmqvist N(2024)The HaLLMark Effect: Supporting Provenance and Transparent Use of Large Language Models in Writing with Interactive VisualizationProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3641895(1-15)Online publication date: 11-May-2024
https://dl.acm.org/doi/10.1145/3613904.3641895
Xie LShu XSu JWang YChen SQu H(2024)Creating Emordle: Animating Word Cloud for Emotion ExpressionIEEE Transactions on Visualization and Computer Graphics10.1109/TVCG.2023.328639230:8(5198-5211)Online publication date: 1-Aug-2024
https://dl.acm.org/doi/10.1109/TVCG.2023.3286392
Frew LNelson MWeigle MKlein MBen-David AJäschke RKelly M(2024)Making Changes in Webpages Discoverable: A Change-Text Search Interface for Web ArchivesProceedings of the 2023 ACM/IEEE Joint Conference on Digital Libraries10.1109/JCDL57899.2023.00021(71-81)Online publication date: 26-Jun-2024
https://dl.acm.org/doi/10.1109/JCDL57899.2023.00021
Disch LFessl AFranza SKimmerle JPammer-Schindler V(2023)Using Knowledge Construction Theory to Evaluate Learning Processes: A Randomized Controlled Trial on Showing Gradually Built-up Concept Maps Alongside a Scientific TextInternational Journal of Human–Computer Interaction10.1080/10447318.2023.228929640:24(8764-8780)Online publication date: 26-Dec-2023
https://doi.org/10.1080/10447318.2023.2289296
Martin AMagnaudet MConversy SRastogi ATufano RBavota GArnaoudova VHaiduc S(2022)CausetteProceedings of the 30th IEEE/ACM International Conference on Program Comprehension10.1145/3524610.3527885(241-252)Online publication date: 16-May-2022
https://dl.acm.org/doi/10.1145/3524610.3527885
Wang YGao YHuang RCui WZhang HZhang D(2021)Animated Presentation of Static Infographics with InfoMotionComputer Graphics Forum10.1111/cgf.1432540:3(507-518)Online publication date: 29-Jun-2021
https://doi.org/10.1111/cgf.14325
Chow KCoyiuto CNguyen CYoon D(2019)Challenges and Design Considerations for Multimodal Asynchronous Collaboration in VRProceedings of the ACM on Human-Computer Interaction10.1145/33591423:CSCW(1-24)Online publication date: 7-Nov-2019
https://dl.acm.org/doi/10.1145/3359142
Dragicevic PJansen YSarma AKay MChevalier FBrewster SFitzpatrick GCox AKostakos V(2019)Increasing the Transparency of Research Papers with Explorable Multiverse AnalysesProceedings of the 2019 CHI Conference on Human Factors in Computing Systems10.1145/3290605.3300295(1-15)Online publication date: 2-May-2019
https://dl.acm.org/doi/10.1145/3290605.3300295
Donati MMori GPaternò F(2019)Understanding the transitions between web interfaces designed to stimulate specific emotionsUniversal Access in the Information Society10.1007/s10209-019-00649-yOnline publication date: 26-Mar-2019
https://doi.org/10.1007/s10209-019-00649-y
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.

Figures

Tables

Media

View Table of Conten